Javascript inside php not working

Question

I have a script inside php that will change the display of a div when a checkbox is checked, the checkbox location is different from the place where the script is located.

the snippets of the code is shown below

        if($_POST['test'] == 1)
        {
            echo "<script> document.getElementById('seoTerm').style.display='block';</script>";}

I placed the above code in the head of the current page. When the $_POST['test'] is 1, the display of the div with id seoTerm is still none, instead of block.

What's the problem here ?

you need to execute it on a event. because the dom may not be ready when your script is triggering now — DevZer0
– DevZer0, Commented Jul 18, 2013 at 6:43
Is div with the id seoTerm located before or after the script tag? — t.niese
– t.niese, Commented Jul 18, 2013 at 6:49

Johan Bouveng · Accepted Answer · 2013-07-18 06:49:08Z

6

It might fire to early in order to manipulate the DOM.

Try:

<script>
window.onload = function(){
    document.getElementById('seoTerm').style.display='block';
};
</script>

answered Jul 18, 2013 at 6:49

Johan Bouveng

5652 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

t.niese Over a year ago

@user2106416 or you could also just move your script tag at a place behind the element with the id seoTerm it depends on what you want to achieve. The onload will be triggered when everything is loaded. If you move the script just behind it the element it will show immediately.

Vishnu Sureshkumar · Accepted Answer · 2013-07-18 06:44:45Z

1

There is a mistake in the script tag

change to <script> and not <script?>

answered Jul 18, 2013 at 6:44

Vishnu Sureshkumar

2,3266 gold badges37 silver badges52 bronze badges

3 Comments

Vishnu Sureshkumar Over a year ago

Make sure you have an element with id seoTerm

Vishnu Sureshkumar Over a year ago

echo "<script>alert('Testing')</script>"; Try this just for testing.

Vishnu Sureshkumar Over a year ago

Is javascript enabled in your browser?

som · Accepted Answer · 2013-07-18 06:47:42Z

0

Use

echo "<script>document.getElementById('seoTerm').style.display='block';</script>";

instead of

echo "<script?> document.getElementById('seoTerm').style.display='block';</script>";

answered Jul 18, 2013 at 6:47

som

4,6542 gold badges23 silver badges36 bronze badges

1 Comment

user2106416 Over a year ago

refresh the page, i have edited, not suppose to have '?' , type when copying the code over

Robert · Accepted Answer · 2013-07-18 06:53:13Z

0

There are 2 solutions you need either use document.ready event or you can echo this code after the element is displayed.

If you do it before the element may not exsits when JavaScript tries to bind an event to it.

echo "<script>window.onload = function(){ document.getElementById('seoTerm').style.display='block'};</script>"

answered Jul 18, 2013 at 6:53

Robert

20.3k6 gold badges58 silver badges85 bronze badges

Collectives™ on Stack Overflow

Javascript inside php not working

4 Answers 4

1 Comment

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related