[HTML] Cancellare il contenuto di un inputbox

Salve a tutti :)

ho fatto alcune ricerche, senza risultato...
volevo chiedervi come faccio a cancellare il contenuto di un inputbox con un click!
Mi spiego meglio

Codice HTML:

---

<input name="nick" type="text" id="nick" size="40" value="INSERISCI UN NICKNAME">

---

vorrei che INSERISCI UN NICKNAME si cancelli appena io, con il mouse, clicco nell'inputbox...

spero di essere stato chiaro :)

ciao :wink:

Si può fare in javascript..
Ecco un esempio

Codice HTML:

---

<script type="text/javascript">
function cancella(nickname){
if(document.f.nick.value == document.f.nick.value)
document.f.nick.value = ""
}
</script>
<form name="f">
<input name="nick" type="text" id="nick" size="40" value="INSERISCI UN NICKNAME" onfocus="cancella(this)">
</form>

---

Ovviamente va modificato..

e nel caso fossero 2 inputbox?
ovviamente con name="" diverso...

grazie :wink:

Non riuscendo a trovare una soluzione più semplice ho provato con 2 funzioni. Vedi se va bene :wink:

Codice HTML:

---

<script type="text/javascript">
function cancella(){
if(document.f.nick.value == document.f.nick.value)
document.f.nick.value = "";
}
function del() {
if(document.f.altra.value == document.f.altra.value)
document.f.altra.value = ""
}
</script>
<form name="f">
<input name="nick" type="text" id="nick" size="40" value="INSERISCI UN NICKNAME" onfocus="cancella(); del();">
<input name="altra" type="text" id="altro" size="40" value="Altro" onfocus="cancella(); del();">
</form>

---

Puoi anche farlo con una sola funzione

Codice HTML:

---

<script type="text/javascript">
function cancella(obj,text){
if(obj.value == text)
        obj.value = "";
else if(obj.value == '')
        obj.value = text;
}
</script>
<form name="f">
<input name="nick" type="text" id="nick" size="40" value="INSERISCI UN NICKNAME" onfocus="cancella(this,'INSERISCI UN NICKNAME');"
        onblur="cancella(this,'INSERISCI UN NICKNAME');">
<input name="altra" type="text" id="altro" size="40" value="Altro" onfocus="cancella(this,'Altro');"
        onblur="cancella(this,'Altro');">
</form>

---

@ stoner: il tuo codice non funziona :wink:

@ nokiagames: il tuo codice era quasi perfetto... l'ho corretto :)
Lo posto così non si sa mai servisse a qualcuno per il futuro :P

JAVASCRIPT

Codice HTML:

---

<script type="text/javascript">
function cancella(){
if(document.form.nick.value == document.form.nick.value)
document.form.nick.value = "";
}
function del() {
if(document.form.altra.value == document.form.altra.value)
document.form.altra.value = ""
}
</script>

---

CODICE HTML

Codice HTML:

---

<form name="form">
<input name="nick" type="text" id="nick" size="40" value="INSERISCI UN NICKNAME" onfocus="cancella();">
<input name="altra" type="text" id="altro" size="40" value="Altro" onfocus="del();">
</form>

---

ciao e grazie ancora per l'aiuto :wink: