Case à cocher avec nom de case changeant

**u115rcu** · 05/05/2007, 22h33

Bonjour,
J'ai un petit soucis pour cocher une case automatiquement en javascript.
J'explique:
Je génére un tableau de 50 ligne et a chaque ligne ma case a cocher s'apelle:
ok_$rang ou $rang va de 0 a 49.
Je veux que quand je clic sur un champ de formulaire de la ligne cela me coche la case de cette ligne (donc la numéro $rang).
J'ai fais ce code javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<SCRIPT LANGUAGE="JavaScript">
<!--
function ouverture(i)
{
var tt='ok_'+i;
var rtt = 'document.info.'+tt;
rtt.checked = true;
}
//-->
</SCRIPT>

Ensuite dans le formulaire voici les lignes en question:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo "<td align='left'><INPUT TYPE='text' NAME='auteur_".$rang."' onClick='ouverture($rang)' VALUE='".stripslashes($auteur)."' SIZE='28'></td>";
echo "<td align='center'><INPUT TYPE='text' NAME='titree_".$rang."' VALUE='".htmlentities($titre)."' SIZE='50'></td>";				
echo '<td bgcolor="#99FFCC" align="center"><INPUT TYPE="checkbox" name="ok_'.$rang.'" value="1" /></td>';

Je ne vois vraiment pas mon erreur en javascript la case de la ligne ne se coche pas.
En fait je voudrai que quand sur une ligne je clic sur le champ auteur_$rang cela me clic la case ok_$rang
je n'arrive pas car le nom de la case est variable et ma méthode ne marche pas!
Help!

**javatwister** · 06/05/2007, 11h13

exemple simpliste:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
 
</head>
<body>
 
 
<table id="tableau">
 
<tr>
	<td><input type="text" name="auteur_truc" /></td>
	<td><input type="text" name="titree_truc" /></td>
	<td><input type="checkbox" name="ok_truc" /></td>
</tr>
 
<tr>
	<td><input type="text" name="auteur_bidule" /></td>
	<td><input type="text" name="titree_bidule" /></td>
	<td><input type="checkbox" name="ok_bidule" /></td>
</tr>
 
<tr>
	<td><input type="text" name="auteur_machin" /></td>
	<td><input type="text" name="titree_machin" /></td>
	<td><input type="checkbox" name="ok_machin" /></td>
</tr>
 
</table>
 
</div>
 
<script type="text/javascript">
 
var t=document.getElementById("tableau").getElementsByTagName("input");
 
for(i=0;i!=t.length;i++){
	if(t[i].name.substring(0,7)=="auteur_"){
		t[i].ind=i;
		t[i].onclick=function(){
			t[this.ind+2].checked=true 
			// ou version plus lourdingue
			// document.getElementsByName("ok_"+this.name.substring(7))[0].checked=true;
		}
	}
}
 
</script>
 
</body>
 
</html>

**u115rcu** · 06/05/2007, 14h56

Merci beaucoup je regarde cela ce soir, ca va me rendre bien des services !

EDIT: cela marche très très bien merci ! J'ai du faire une petite adaptation sur les écarts entre les input adaptés a mon code, hormis ce petit aléa bien normal vraiment parfait !

Case à cocher avec nom de case changeant

JavaScript

Discussions similaires

Partager

Partager