Clearing a textbox in a function call

[threepins]

Howdy,

Just wondering how the following might be done:

I have a couple of different webpages that need to call a function to
clear the textbox onFocus of the textbox. I'm wanting to use one
function that I can call from a javascript include file (rather than
having multiple versions of the function all through the site).

So far i've tried the following:

function clearfield(poForm,poElement)
{
if (document.forms[poForm].poElement.value == "Type Search Here...")
document.forms[poForm].poElement.value = "";
}

where the passing page calls the function as:

clearfield('formname','formelement');

but just get errors.
Any help on this one would be most appreciative!!

Cheers
Bj McGowan

[Dietmar Meier]

th*******@gmail.com wrote:

I have a couple of different webpages that need to call a function to
clear the textbox onFocus of the textbox.
whatever.js:

function clrTxt(oElem, oEvent) {
if (
oElem
&& oElem.value
&& oElem.defaultValue
&& oEvent
&& oEvent.type
) {
if (
oEvent.type == "focus"
&& oElem.value == oElem.defaultValue
) {
oElem.value = "";
}
else if (
oEvent.type == "blur"
&& oElem.value == ""
) {
oElem.value = oElem.defaultValue;
}
}
}

whatever.html:

....
<script type="text/javascript" src="whatever.js"></script>
....
<input ...
onfocus="clrTxt(this, event)"
onblur="clrTxt(this, event)"
value="Type Search Here..."

....

ciao, dhgm

[Bj]

Thanks Dietmar,

Worked a treat!

Bj

"Dietmar Meier" <us***************@innoline-systemtechnik.de> wrote in
message news:36*************@individual.net...

th*******@gmail.com wrote:

I have a couple of different webpages that need to call a function to
clear the textbox onFocus of the textbox.

whatever.js:

function clrTxt(oElem, oEvent) {
if (
oElem
&& oElem.value
&& oElem.defaultValue
&& oEvent
&& oEvent.type
) {
if (
oEvent.type == "focus"
&& oElem.value == oElem.defaultValue
) {
oElem.value = "";
}
else if (
oEvent.type == "blur"
&& oElem.value == ""
) {
oElem.value = oElem.defaultValue;
}
}
}

whatever.html:

...
<script type="text/javascript" src="whatever.js"></script>
...
<input ...
onfocus="clrTxt(this, event)"
onblur="clrTxt(this, event)"
value="Type Search Here..."

...

ciao, dhgm

[Dietmar Meier]

Bj wrote:

Worked a treat!

Not really. Didn't test it before posting, and as I see now,
there's a mistake:

function clrTxt(oElem, oEvent) {
if (
oElem
&& oElem.value
&& oElem.defaultValue
&& oEvent
&& oEvent.type
) {

should, of course, be replaced with:

function clrTxt(oElem, oEvent) {
if (
oElem
&& typeof oElem.value != "undefined"
&& oElem.defaultValue
&& oEvent
&& oEvent.type
) {

ciao, dhgm