Visualizzazione risultati 1 fino 6 di 6

Discussione: [HTML] Cancellare il contenuto di un inputbox

  1. #1
    Guest

    Predefinito [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

  2. #2
    Guest

    Predefinito

    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..
    Ultima modifica di nokiagames : 22-02-2009 alle ore 18.32.37

  3. #3
    Guest

    Predefinito

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

    grazie

  4. #4
    Guest

    Predefinito

    Non riuscendo a trovare una soluzione più semplice ho provato con 2 funzioni. Vedi se va bene
    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>

  5. #5
    Guest

    Predefinito

    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>

  6. #6
    Guest

    Predefinito

    @ stoner: il tuo codice non funziona

    @ 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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •