Ho una tabella con nomi di ingredienti e quantità residue.
Sotto ci sono un campo di input di tipo testo e un pulsante per la conferma.
La funzione deve fare questo, una volta premuto il pulsante prende il valore nel campo di input e tutti i campi della tabella sovrastante con valore nella colonna "Quantità" inferiore a tale numero devono cambiare colore, diciamo rosso.
Idee su come realizzare la cosa?
Mi bastano indicazioni per ora, il codice vedrò di scriverlo io.
Per ora la struttura è questa, ovviamente può essere cambita come più conviene.
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Evidenzia soglia</title>

<script type="text/javascript">
<!--
function modifica(obj)
{

}
//-->
</script>

</head>

<body>
<form name="lista" action="">
<table border="0" width="auto">
  <tbody>
    <tr>
      <td height="23" width="95">
        <div align="left"> Ingrediente </div>
      </td>
      <td width="90">
        <div align="left"> Quantità </div>
      </td>
	</tr>
	<tr>
	  <td>Patate</td>
	  <td><input type="text" value="12" name="Patate" readonly /></td>
	</tr>
	<tr>
	  <td>Uova</td>
	  <td><input type="text" value="32" name="Uova" readonly /></td>
	</tr>
	<tr>
	  <td>Peperoni</td>
	  <td><input type="text" value="8" name="Peperoni" readonly /></td>
	</tr>
	<tr>
	  <td>Carciofi</td>
	  <td><input type="text" value="3" name="Carciofi" readonly /></td>
	</tr>
	<tr>
	  <td>Spaghetti</td>
	  <td><input type="text" value="56" name="Spaghetti" readonly /></td> 
	</tr>
	<tr>
	  <td><input type="text" value="0" name="soglia" /></td>
	  <td><input type="button" value="Modifica soglia" onclick="modifica(this)" /></td>
	</tr>
  </tbody>
</table>
</form>
</body>
</html>