onclick to be invoked only once

[waydown]

Hi,
I have created the following text input field:
<form name="xyz">
<input type="text" name="myText" size="30"
value="Initial text"
onclick="document.xyz.myText.value='';"/>
</form>
When the field is clicked the initial text is removed, clearing the way for new text to be entered, which is what I want. The trouble is if the field is again clicked the new text entered is also cleared which is not what I want. I only the field cleared for the first click and not for subsequent clicks. How can this be achieved? I will be grateful for all help.

 

[vacunita]

I see 2 options:

1. You can check if the text inside is the initial text, and only then clear it.

onclick="if(this.value=='Initial Text'){this.value=';';}"

2.You could disable the onclick once its been used once.

onclick="this.value=';'; this.onclick='';"

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[feherke]

Hi

In case you want a placeholder text, your approach is wrong. The [tt]input[/tt] can receive the focus without clicking it, in which case your event handler will not be triggered. For a placeholder text better use [tt]onfocus[/tt]. And personally I would also use [tt]onblur[/tt] to restore the placeholder if nothing was entered :

[b]<input[/b] [maroon]type[/maroon][teal]=[/teal][green][i]"text"[/i][/green] [maroon]name[/maroon][teal]=[/teal][green][i]"myText"[/i][/green] [maroon]value[/maroon][teal]=[/teal][green][i]"Initial text"[/i][/green] [maroon]onfocus[/maroon][teal]=[/teal][green][i]"if(this.value=='Initial text')this.value=''"[/i][/green] [maroon]onblur[/maroon][teal]=[/teal][green][i]"if(this.value=='')this.value='Initial text'"[/i][/green][b]>[/b]

Feherke.

http://free.rootshell.be/~feherke/