Dubbio su incremento variabile in ciclo for

[usecram]

Una delle mie prime emicranie con JS...
Form con un solo campo di input, quindi campi.length = 1

var campi=document.getElementById('form').getElementsByTagName('input');
for (i=0; i < campi.length; i++)  {
  alert (i);
  campi[i].onmouseover = function()  {alert(i) };
}

Il primo alert stampa 0 ed il secondo 1.
Ci ho sbattuto un po' la testa e poi ho pensato che probabilmente, poiché il secondo alert è dentro una funzione, riceve la variabile i alla fine del ciclo quando ormai essa vale 1.
Ho indovinato?
Come potrei fare affinché invece riceva "correttamente" 0 come era nelle mie intenzioni?

Grazie

[fcaldera]

prova così

var campi=document.getElementById('form').getElementsByTagName('input');
for (i=0; i < campi.length; i++)  {
  val = i;
  campo = campi[val];
  campo.onmouseover = function()  { alert(val) };
}

[usecram]

Grazie
Funzionare funziona, ma se i campi fossero più d'uno dici che c'è un modo per ottenere che alert riceva il valore corrente di i e non quello della fine del ciclo?

[fcaldera]

ma ora non funziona l'alert?

Se no prova a passare la variabile alla funzione

var campi=document.getElementById('form').getElementsByTagName('input');
for (i=0; i < campi.length; i++)  {
  val = i;
  campo = campi[val];
  campo.onmouseover = function(val)  { alert(val) };
}

[usecram]

Sì funziona se il campo di input resta uno ma ovviamente no se i campi di input sono due o più.
Se si prova a passare val come parametro il risultato di alert è undefined.
Ora la mia domanda è: se i campi di input sono più d'uno si può in qualche modo, utilizzando quel ciclo, fare in modo che ogni alert associato al rispettivo campo di input riceva il valore corrente della variabile i all'interno del ciclo?

[fcaldera]

copia e incolla

<script type="text/javascript">
// <![CDATA[


function attachEvent()  {

    var campi = document.getElementById('mio_form').getElementsByTagName('input');
    for (i=0; i<campi.length; i++)  {
       campo = campi[i];
       setValue(campo, i);
    }
}

function setValue(f, val) {
    f.onmouseover = function() {
        alert(val);
    }
}


window.onload = attachEvent;
// ]]>
</script>

<form id="mio_form">
    <input type="button" />

    <input type="button" />

    <input type="button" />

</form>

passando sui vari button hai un numero diverso
P.s.: non usare 'form' come id... è una parola riservata


Ciao

[usecram]

Grazie mille