ansaurus

Question

Onclick text disappears in chrome but not in mozilla

Answer 1

+1 A:

First, you don't need javascript: in the inline event handlers.
Secondly, try to pass this instead of srchtxt as the first argument for both functions.
Passing just srchtxt probably causes the browser to find the element with the specified name, but this doesn't work in Firefox if I remember well.
The final code should look like this:

echo "<input type=\"text\" class=\"smalltxt\" name= \"srchtxt\" id= \"srchtxt\" value= \"enter username\" height=\"20px\" onfocus= \"areaOnFocus(this, 'enter username');\" onblur= \"areaOnBlur(this, 'enter username');\" />";

EDIT: @down: this is impossible, because I've tried the following code:

<html>
<head>
<script type="text/javascript">
function areaOnFocus(element, inputText)
{
    if(element.value == inputText)
    {
        element.value='';
    }
}

function areaOnBlur(element, inputText)
{
    if(element.value=='')
    {
        element.value = inputText;
    }
}
</script>
<title>test</title>
</head>
<body>
<input type="text" class="smalltxt" value="enter username" height="20px" onfocus="areaOnFocus(this, 'enter username');" onblur="areaOnBlur(this, 'enter username');" />
</body>
</html>

in my Firefox 3.6.10 and it worked well - when the page has loaded, the input's value was "enter username". When I clicked it, the text disappeared. And when I left the field empty and removed the focus, "enter username" appeared again in it. So...

rhino 2010-10-08 12:57:29

did it. but no luck.

Rishi2686 2010-10-08 13:00:53

@rhino, I am really confused too because it works when i does it in separate file, but just getting this issue in main file. can you suggest something?

Rishi2686 2010-10-08 13:32:52

Hmm... what about the error console? Are there any logs inside?

rhino 2010-10-08 13:48:26

fixed the problem, thanks!!

Rishi2686 2010-10-08 13:49:58

I am glad I could help you. P.S.If you've accepted the answer, you may also vote it up :)

rhino 2010-10-08 13:51:32

ansaurus

tags:

views:

answers:

Onclick text disappears in chrome but not in mozilla

related questions