Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di natasha
    Registrato dal
    Sep 2000
    Messaggi
    1,307

    Gestire gli "hint" per una casella di testo

    Buonasera a tutti,
    apparentemente, gestire un "hint" per una casella di testo è un task semplice: metti l'hint in un div con "display:none;" ti crei due funzioni JS "displayHint(element)" ed "hideHint(element)" che impostano, rispettivamente ad "inline" ed a "none" la proprietà display di element, le invochi rispettivamente sull'onfocus e sull'onblur della casella di testo passandogli l'id del div, ed il gioco è fatto.

    Supponiamo però che l'hint contenga un link da cliccare.
    Potete sperimentare da soli che in questo caso, cliccando sul link non riuscite ad aprirlo: per cliccarlo dovete "lasciare" la casella di testo, ed a quanto sembra, onblur() non ha ancora nascosto il div, ma ha "disattivato" il link.

    Una soluzione è invocare hideHint(element) sul campo di testo successivo; questo crea però degli ovvi problemi nel caso in cui qualcuno non compila la form "in ordine".

    Voi come risolvereste?

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: Gestire gli "hint" per una casella di testo

    Originariamente inviato da natasha
    Voi come risolvereste?
    Postando il codice che usi

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di natasha
    Registrato dal
    Sep 2000
    Messaggi
    1,307

    Re: Re: Gestire gli "hint" per una casella di testo

    Postando il codice che usi
    Ottimo suggerimento.... :P
    JavaScript:

    function displayDiv(element) {
    var field = document.getElementById(element);
    field.style.display = "inline";
    }

    function hideDiv(element) {
    var field = document.getElementById(element);
    field.style.display = "none";
    }

    HTML:

    <input id="txtNegozio" name="txtNegozio" type="text" size="20" onfocus="displayDiv('divNegozio');" onblur="hideDiv('divNegozio');" />
    <div id="divNegozio" style="display:none;">
    <a href="http://www.miosito.it/miapagina.html" target="_blank">
    Elenco dei negozi disponibili
    </a>
    </div>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.