Come verificare modifica dati a video

[GianCN]

Help....
Spero che non siate tutti in vacanza ma qualcuno(come me) stia ancora lavorando.
Ho questo problema; pagina asp con all'incirca 40 elementi presenti ed al fondo
due pulsanti (Modifica e Prosegui).
Vorrei fare in modo che, se l'utente modifica uno qualsiasi dei 40 elementi, il pulsante
'Prosegui' venga disabilitato.
La mia domanda è : Esiste un modo per testare se uno qualsiasi dei campi a video è stato
modificato oppure devo mettere su ogni controllo l'istruzione onchange....(così però non mi passa più.... )
Grazie a tutti
PS : x chi è in vacanza, bhe....beato lui e buone vacanze

[pierofix]

Puoi attribuire l'evento onchange direttamente da javascript, senza andare ad inquinare il markup. Un esempio:

XHTML

<form id="modulo">
   
</form>


Javascript

window.onload = function()
{
   var modulo = document.getElementById('modulo')
   var campi = new Array()
      campi[0] = modulo.getElementsByTagName('input')
      campi[1] = modulo.getElementsByTagName('textarea')
      campi[2] = modulo.getElementsByTagName('select')

   for (var i = 0; i < campi.length; i++)
   {
      for (var j = 0; j < campi[i].length; j++)
      {
         campi[i].item(j).onchange = function()
         {
            // Vedi tu cosa vuoi fare.
         }
      }
   }
}

[GianCN]

Grazie pierofix,
Ho riadattato un po' il codice alle mie esigenze ....comunque funz che è un piacere

Ciao

[piccolanomade]

scusate se vi disturbo...
io sto cercando di fare una cosa simile... ma non riesco...

cioè io ho il mio bel form con tutti gli <input e <textarea e un tasto modifica...
io vorrei che il controllo se son stati modificati dei campi sia sul onClick del bottone Modifica... io ho fatto così:

function modifica(tab) {
	componiData();	

   var modulo = document.getElementById('frmCliente')
   var campi = new Array()
      campi[0] = modulo.getElementsByTagName('input')
      campi[1] = modulo.getElementsByTagName('textarea')
      campi[2] = modulo.getElementsByTagName('select')

   for (var i = 0; i < campi.length; i++){
      for (var j = 0; j < campi[i].length; j++) {
         campi[i].item(j).onchange = function() {alert("modificato!");}
      }
   }
}

e il bottone :

<form name="frmCliente" method="post" action="" >
  <table width="100%" border="0" >
    <tr> 
       <td width="15%" id="tdModificaCli" style="display:none"><div align="center" > 
         <input type="button" name="modificaCli" value="Modifica" onClick="modifica('clienti')">
       </div></td>
    </tr>
<tr> 
    	<input type="hidden" name="idCli" id="idCli" value="<?php if(isset($row['Id'])){echo $row['Id'];} ?>">
      <td>Cognome :</td>
      <td> 
        <input type="text" id="cognomeCli" name="cognomeCli" value="<?php if(isset($row['Cognome'])){echo $row['Cognome'];} ?>" maxlength="50" size="30" class="InObbli">
      </td>
      <td>Nome: </td>
      <td colspan="5"><input type="text" id="nomeCli" name="nomeCli" value="<?php if(isset($row['Nome'])){echo $row['Nome'];} ?>" maxlength="50" size="30" class="InObbli"></td>
    </tr>
</table>

così se modifico una prima volta e clicco non mi dice nulla se poi rimodifico e riclicco modifica mi da l'alert "Modificato!"

Come posso fare??

Grazie