Question

I am trying to modify a textbox on my webpage so that it has some text written in it that disapears once the user clicks on the textbox to enter the information. I have tried using the placeholder attribute, with no luck. I then tried adding this: (https://github.com/jamesallardice/Placeholders.js) to make placeholder work, again it did not work (textbox remains blank).

I am a beginner at programming, using Internet Explorer 8.

Here is the code:

<td colspan="3">    

    <textarea style="background: #F6E3CE; overflow:auto;" rows="3" cols="70" name="" id="" placeholder="Please enter your name here" onchange="commentsChanged(this,<?php echo $variable;?>);"><?php echo str_replace('\r\n', "\n", rtrim($variable2[0][TitleTitle]));?></textarea>

</td>

Please let me know if any information is missing.

Thank you!

Answer 1

With jQuery you can do this: (I not test, but this is not far)

<script type="text/javascript">
    $("input#text").focus(function(){
        if( $(this).val() == "default message" )
        {
            $(this).val("");
        }
    }).blur(function(){
        if( $(this).val() == "" )
        {
            $(this).val("default message");
        }
    });
</script>