So the idea is for the first click to clear the text box. Here's the code that I've tried to put together (I'm no Javascripter!)

var clearedonce = false;
var objcleared = new Array();

function firstClear(obj) {
for (i=0;i<objcleared.length;i++)
{
if(objcleared[i] == obj){
clearedonce = true;
}
}
if(clearedonce == false) {
obj.value = "";
objcleared[] = obj;
}
}

But it doesn't seem to work. Suggestions? Am I thinking too PHP?

Would it not be much simpler to use

onfocus="this.select()" on the text box

and let the user decide to clear the entry or not?

Nice try :P however I am more interested in the first click clear. It's for the Love Calculator after a calculation has been submitted so if they click the field to remove / modify the name it'll be wiped.

onfocus="document.getElementById('idname').value=''"

just add id= to ur input box and chnage idname in that code above to be the same as the id name of ur input box.

That still doesn't achieve what I want. It must be first click after page is loaded note the function + variables.

This is an idea from my head, and you shouldn't need global vars defined.

function firstClear(obj)
{
  if(obj.clearThis == undefined)
  {
    obj.value = '';
    obj.clearThis = true;
  }
}

after a calculation has been submitted so if they click the field to remove / modify the name it'll be wiped

Not quite, the "this.select()" will only select all the text in the field, then the user can overtype the value, edit spelling with the cursor keys or exit the field and leave it untouched.

Originally Posted by mgraphic

This is an idea from my head, and you shouldn't need global vars defined.

function firstClear(obj)
{
  if(obj.clearThis == undefined)
  {
    obj.value = '';
    obj.clearThis = true;
  }
}

You are a star