Clear a field in a form

[Bob Sanderson]

I need a JavaScript that will allow me to clear a field in a form when I
click an image next to it.

Any help will be greatly appreciated.

[Randy Webb]

Bob Sanderson said the following on 4/18/2007 4:19 PM:

I need a JavaScript that will allow me to clear a field in a form when I
click an image next to it.

OK, then write one. Or at least try. This is Usenet, not a help desk.

Any help will be greatly appreciated.

The group FAQ might be a good place to start.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[shimmyshack]

On Apr 18, 9:19 pm, Bob Sanderson <[e-mail]>
wrote:

I need a JavaScript that will allow me to clear a field in a form when I
click an image next to it.

Any help will be greatly appreciated.

<input
type="text"
accesskey="s"
maxlength="50"
class="purplepic"
id="q"
name="q"
onblur="if(this.value=='')this.value='click here search our
site...';this.className='purplepic';"
onfocus="if(this.value=='click here search our
site...')this.value='';this.className='redpic';ret urn true;"
value="click here search our site..."
/>

<a
title="click here to clear the search box"
id="reset"
href="javascript:void(0);"
onclick="clearit();return false;">
</a>

use a style sheet to style the link, or use an image with the onclick
instead.

here's the javascript:

function clearit()
{
var panel = document.getElementById('q');
panel.value='';
panel.focus();
}

Randy will hate this cos it uses gebi, but hey! And this is just a
copy and paste job from 2004, there are more "modern" unobtrusive
methods to do this, left as an exercise for the OP.

[Randy Webb]

shimmyshack said the following on 4/18/2007 6:27 PM:

<snip>

Randy will hate this cos it uses gebi, but hey!

Nah, I don't care if people use a crutch :)

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Lee]

shimmyshack said:

>
On Apr 18, 9:19 pm, Bob Sanderson <[e-mail]>
wrote:

>I need a JavaScript that will allow me to clear a field in a form when I
click an image next to it.

Any help will be greatly appreciated.

<input
type="text"
accesskey="s"
maxlength="50"
class="purplepic"
id="q"
name="q"
onblur="if(this.value=='')this.value='click here search our
site...';this.className='purplepic';"
onfocus="if(this.value=='click here search our
site...')this.value='';this.className='redpic';re turn true;"
value="click here search our site..."
/>

<a
title="click here to clear the search box"
id="reset"
href="javascript:void(0);"
onclick="clearit();return false;">
</a>

use a style sheet to style the link, or use an image with the onclick
instead.

here's the javascript:

function clearit()
{
var panel = document.getElementById('q');
panel.value='';
panel.focus();
}

Randy will hate this cos it uses gebi, but hey! And this is just a
copy and paste job from 2004, there are more "modern" unobtrusive
methods to do this, left as an exercise for the OP.

I can't speak for Randy, but it's lousy code.
You abuse a link just for a side-effect and then use the least
efficient way to access the field.
--

[shimmyshack]

On Apr 19, 12:21 am, Lee <[e-mail]:

shimmyshack said:

On Apr 18, 9:19 pm, Bob Sanderson <[e-mail]>
wrote:

I need a JavaScript that will allow me to clear a field in a form when I
click an image next to it.

Any help will be greatly appreciated.

<input
type="text"
accesskey="s"
maxlength="50"
class="purplepic"
id="q"
name="q"
onblur="if(this.value=='')this.value='click here search our
site...';this.className='purplepic';"
onfocus="if(this.value=='click here search our
site...')this.value='';this.className='redpic';ret urn true;"
value="click here search our site..."
/>

<a
title="click here to clear the search box"
id="reset"
href="javascript:void(0);"
onclick="clearit();return false;">
</a>

use a style sheet to style the link, or use an image with the onclick
instead.

here's the javascript:

function clearit()
{
var panel = document.getElementById('q');
panel.value='';
panel.focus();
}

Randy will hate this cos it uses gebi, but hey! And this is just a
copy and paste job from 2004, there are more "modern" unobtrusive
methods to do this, left as an exercise for the OP.

I can't speak for Randy, but it's lousy code.
You abuse a link just for a side-effect and then use the least
efficient way to access the field.

--

javascript when it isnt used unobtrusively is indeed an abuse; as is
buffing one's own ego while sitting on the other hand.