Appeler du code javascript si la zone de texte a été modifiée
Bonjour tout le monde,
J'ai un tableau qui ressemble à ceci :
5 colonnes
La première est une colonne cachée contenant un id (ça me permettra de savoir quelle ligne je dois mettre à jour).
La dernière est une zone de texte que le visiteur peut modifier.
Sur cette zone de texte, je vérifie déjà qu'on entre que certains caractères.
Tout ça fonctionne bien.
J'aurais voulu ajouter un évènement qui s'enclenche lorsque la zone de texte perd le focus (on blur).
J'aurais voulu ceci :
- la zone de texte perd le focus alors :
- on vérifie si la valeur de la zone de texte a été modifiée
- si elle n'a pas été modifiée, on ne fait rien
- si elle a été modifiée, on appelle alors du code javascript (AJAX pour être plus précis)
Je coince surtout sur le fait de comment savoir si la zone de texte a été modifiée.
On utiliserait alors le onchange ?
Il y aurait donc 3 évènements :
- le keypress pour checker que l'encodage est admis
- le on blur pour savoir que l'on peut lancer la vérification du changement
- si changement lancer le code javascript (AJAX)
Voici le code de mon tableau :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| [echo'<table width="100%" border="1">
<tr>
<td style="display:none"></td><td align="center">Matricule</td><td align="center">Nom</td><td align="center">Prénom</td><td align="center" width="5">Cote</td><td align="center">Report</td>
</tr>';
while ($tab = mysql_fetch_array($query_comptage)){
//gestion de la couleur des lignes, fait appel à CSS/couleurs.css
$couleur = ($compteur % 2 == 0) ? "ligne0" : "ligne1";
//chiffres(event) est la fonction javascript qui vérifie les caractères entrés par l'utilisateur (voir js/ChiffresOnly.js)
echo'
<tr class="'.$couleur.'">
<td input name="id" style="display:none" type="hidden" value=' . $tab['ID'] . ' /></td>
</td><td width="5%" align="center">' . $tab['MATRICULE_ET'] . '</td><td width="25%" align="center">' . $tab['NOM_ET'] . '</td><td width="35%" align="center">' . $tab['PRENOM_ET'] . '</td><td><input name="textarea" type="text" size="4" style="text-align:center" width="5%" value="' . $tab['NOTE'] . '" onkeypress="chiffres(event);" /> </td><td width="25%" align="center">
</td>
</tr>';
$compteur++;
}
echo'</table>'; |
Merci d'avance pour votre aide.
beegees
