identificare elemento con focus [era: Focus() - Non la Macchina]

**Miscio** · 04-06-2007, 18:29

Ho una form qualsiasi
l'utente clicca su un campo per completarla
come posso sapere quale campo ha cliccato?

attenzione non voglio mettere un richiamo a una funzione js in ogni campo

vorrei poter sapere solo su quale elemento della pagina è puntato il fuoco

**fcaldera** · 04-06-2007, 18:34

attenzione non voglio mettere un richiamo a una funzione js in ogni campo

vorrei poter sapere solo su quale elemento della pagina è puntato il fuoco

le due frasi cozzano tra di loro.
In modo esplicito, oppure ciclando sui campi e aggiungendo un addevent, in qualche modo devi agganciare una funzione all'evento focus.

**Miscio** · 05-06-2007, 09:08

Quindi bisogna per forza inserire una funzione in ogni textbox

**fcaldera** · 05-06-2007, 09:30

non esplicitamente, puoi anche crearti una funzione che all'onload (o al dom...load) della pagina cerca tutti i campi input all'interno di un form e crea la funzione... ti basterebbe aggiungere semplicemente uno script nell'header

**Miscio** · 05-06-2007, 11:54

si ma poi come faccio a sapere su quale campo fa "fuoco" l'utente

tipo nomecampo.focus=true?

non funziona

**fcaldera** · 05-06-2007, 12:10

prova e studia questo esempio (copia e incolla) in modo da capirne il funzionamento

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
            <script type="text/javascript">

            function initFocus() {

               var inputs = document.getElementsByTagName('input');
               for (i=0; i<inputs.length; i++) {
                  if ((inputs[i].type != 'submit') && (inputs[i].type != 'image')) {
                      addFocusEvt(inputs[i]);
                  }
               }
            }

            function addFocusEvt(elm) {
               elm.onfocus = function() {
                  alert('hai cliccato sul campo id = ' + this.id + ' il cui valore è ' + this.value);
               }
            }

            window.onload = initFocus;
            </script>        
    </head>

<body>

    <form action="#" method="post">
        <input type="text" value="12345" id="cap" />
        <input type="text" value="987654" id="fax" />
        <input type="text" value="ABCDEF00A00A000Z" id="codicefiscale" />
    </form>

</body>
</html>

Ciao

Discussione: identificare elemento con focus [era: Focus() - Non la Macchina]

Strumenti discussione

Ricerca discussione

Visualizza

Focus() - Non la Macchina

Permessi di invio