Javascript hide in php

Question

<?php 
    if( isset($_GET['message']) ) {
        $message = urldecode($_GET['message']);
        echo "<h2 id='mydivm'>". $message . "</h2>";
?>
    <script>
        setTimeout( function() {
            getElementById(mydivm).value='';
            // the alert is working
            alert("hello"); 
        }, 5000);
    </script>
<?php  
    } 
?>

I am trying to hide the $message after 5 seconds through #mydivm. However I can't get regular JavaScript to work or jQuery. Alert works when it is alone. I also have tinymic, but I don't think that is interfering. I have tried putting it outside the PHP

setTimeout(fade_out, 5000);

function fade_out() {
    $("#mydivm").fadeOut().empty();
}

Have you tried $("#mydivm").delay(5000).fadeOut().empty();? — Alexander Scholz
– Alexander Scholz, Commented Aug 6, 2013 at 20:00
Please look in the JavaScript error console. I bet there's an error message about getElementById not being a function. — JJJ
– JJJ, Commented Aug 6, 2013 at 20:01
check out: stackoverflow.com/questions/820951/hide-div-after-a-few-seconds — kery
– kery, Commented Aug 6, 2013 at 20:05
$("#mydivm").delay(5000).fadeOut().empty(); This worked for some reason. and Juhana before I did have the error. Thanks guys — WackyMole
– WackyMole, Commented Aug 6, 2013 at 20:06

Fotiman · Accepted Answer · 2013-08-06 20:12:18Z

3

getElementById is a method of the document. Also, you're not passing it a string. You need to change your code from this:

getElementById(mydivm).value='';

to this:

document.getElementById('mydivm').value='';

EDIT: Looking closer, setting the value attribute is not the correct way to do that either. You would need:

document.getElementById('mydivm').innerHTML='';

or better yet:

document.getElementById('mydivm').style.display='none';

edited Aug 6, 2013 at 20:12

answered Aug 6, 2013 at 20:04

Fotiman

1117 bronze badges

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

Comments

federicot · Accepted Answer · 2013-08-06 20:06:57Z

0

Maybe this is not where the error is coming from, but getElementById is a function that belongs to the document object. Most likely, what's happening is that you're receiving a "undefined function getElementById" which you are not seeing. Use it this way:

document.getElementById('mydivm').value = '';

answered Aug 6, 2013 at 20:06

federicot

12.3k19 gold badges71 silver badges111 bronze badges

Collectives™ on Stack Overflow

Javascript hide in php

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related