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ì:

codice:
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 :
codice:
<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