Need Help..urgent.

rajeshsivapalan · 12-13-2004, 06:42 AM

Hi All,
Seasons best greetings!
I am new user in this forum...

I have problem ...

First have a look at the html and javascript code

//----------------Put the following in a notepad and save as file.htm and view result.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<form name="form1" method="post" action="">
<input
onblur="if (this.value == '') {this.value='Keyword';}"
onfocus="if (this.value == 'Keyword') {this.value='';}" maxLength=40 size=10
value=Keyword name=srchreq default="Keyword" col=""

onclick= "getElementById('__deepak').innerHTML = '<input name=Submit type=submit value=Go!>' ">

<div id = "__deepak"></div>

</form>
</body>
</html>

//---------------------------------

Issues faced are....

Issues

1) Internet Explorer
It is working fine except on click document event it is not disabling Go button.

2) Mozilla
It needs double click on text box to display Go button.

Thanks and regards
Rajesh

Brandoe85 · 12-13-2004, 06:58 AM

Try this:

Code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<form name="form1" method="post" action="">
<input
onblur="if (this.value == '') {this.value='Keyword'; document.form1.Submit.disabled=true;}" maxLength=40 size=10
value=Keyword name=srchreq default="Keyword" col=""

onclick= "getElementById('__deepak').innerHTML = '<input name=Submit type=submit value=Go!>'; if (this.value == 'Keyword') {this.value='';}">

<div id = "__deepak"></div>

</form>
</body>
</html>

rajeshsivapalan · 12-13-2004, 07:15 AM

hi
thanks for the reply, but i need to Remove the button from the document instead of disabling it onclick of the document also the keyword 'text' should appear in the input box.
thanks Rajesh.

Brandoe85 · 12-13-2004, 07:19 AM

Change this line:

Code:

onblur="if (this.value == '') {this.value='Keyword'; document.form1.Submit.disabled=true;}" maxLength=40 size=10

to this:

Code:

onblur="if (this.value == '') {this.value='Keyword'; document.form1.Submit.style.display='none';}" maxLength=40 size=10

rajeshsivapalan · 12-13-2004, 07:49 AM

Quote:

Originally Posted by Brandoe85

Change this line:

Code:

onblur="if (this.value == '') {this.value='Keyword'; document.form1.Submit.disabled=true;}" maxLength=40 size=10

to this:

Code:

onblur="if (this.value == '') {this.value='Keyword'; document.form1.Submit.style.display='none';}" maxLength=40 size=10

Hi friend...

With your reference ...

I took help from my friend and solved problem like this..

\\-----------------

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<form name="form1" method="post" action="">
<input
onblur="if (this.value == '') {this.value='Keyword'; getElementById('__deepak').innerHTML =' ';}" maxLength=40 size=10
value=Keyword name=srchreq default="Keyword" col=""

onclick= "getElementById('__deepak').innerHTML = '<input name=Submit type=submit value=Go!>'; if (this.value == 'Keyword') {this.value='';}">

<div id = "__deepak"></div>

</form>
</body>
</html>
\\---------------------------------

THanks once again..

Urs pal
Rajesh

NOte : by the way whats ur good name

Brandoe85 · 12-13-2004, 08:04 AM

You're welcome, though I would use the style attribute rather then setting it to an empty string.

rajeshsivapalan · 12-13-2004, 08:15 AM

Quote:

Originally Posted by Brandoe85

You're welcome, though I would use the style attribute rather then setting it to an empty string.

Hi,

I have used style as per ur suggestion. I would like to know if it helps in performance or how it is better than mine option as i could see both works fine.

regards
Rajesh