Masquer un champs à l'aide d'une checkbox

**Jumano** · 19/03/2007, 14h50

Bonjour,
Débutant en javascript j'ai trouvé un script permettant de masquer ou non un champs à l'aide d'une checkbox.
je l'ai testé il fonctionne très bien.
Je l'ai me^me modifié un petit peu car voilà mon problème :
J'ai un formulaire avec un tableau de trois colonnes.
Dans la première colonne "PourAction" j'ai une première checkbox, dans la seconde colonne "Pour Info" j'ai une deuxième checkbox, la troisième colonne correspond au libellé du "Service".
Le plus simple est que je vous affiche ma page TEST.php ==>

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
<?php require_once('Connections/CnxCourrier.php'); ?>
<?php
mysql_select_db($database_CnxCourrier, $CnxCourrier);
$query_rsService = "SELECT * FROM test";
$rsService = mysql_query($query_rsService, $CnxCourrier) or die(mysql_error());
$row_rsService = mysql_fetch_assoc($rsService);
$totalRows_rsService = mysql_num_rows($rsService);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==false)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==false)?false:true;
	return true;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="300" border="0">
    <tr>
      <td width="90"><div align="center">Pour Action</div></td>
      <td width="90"><div align="center">Pour Info</div></td>
      <td width="106"><div align="left">Services</div></td>
    </tr>
    <?php do { ?>
      <tr>
        <td><div align="center">
            <input type="checkbox" name="idserviceAction[]" id="chkb_1" onClick="GereControle('chkb_1', 'chkb_2', '0');" value="<?php echo $row_rsService['id_service']; ?>" />
            </div></td>
        <td><div align="center">
            <input type="checkbox" name="idserviceInfo[]" id="chkb_2" onClick="GereControle('chkb_2', 'chkb_1', '0');" value="<?php echo $row_rsService['id_service']; ?>" />
            </div></td>
        <td><div align="left"><?php echo $row_rsService['service']; ?></div></td>
      </tr>
      <?php } while ($row_rsService = mysql_fetch_assoc($rsService)); ?>
  </table>
</form>
</body>
</html>
<?php
mysql_free_result($rsService);
?>

J'ai donc une région répété pour la création des lignes correspondant à chaque service (alimentation via une base SQL).

Le script fonctionne correctement sur la première ligne créé mais il ne fonctionne pas sur les suivantes.

J'ai essayé plusieurs modifications en essayant d'intégrer la notion d'index [i] mais sans succès.

Merci de vos précieux renseignements

**royto** · 19/03/2007, 16h03

Qd tu appelles ta fonction GereControle(Controleur, Controle, Masquer) le premier paramètre est l'id du contrôle que tu veux masquer.

Code :

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

var objControleur = document.getElementById(Controleur);

Il faut donc que chaque cellule ait un id diffèrent et que tu appelles ta fonction en fonction de cet id

essaye avec ca

Code :

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

1
2
3
4
5
6
<td><div align="center">
<input type="checkbox" name="idserviceAction[]" id="chkb_1_<?php echo $row_rsService['id_service']; ?>" onClick="GereControle('chkb_2_<?php echo $row_rsService['id_service']; ?>', 'chkb_2', '0');"  />
</div></td>
<td><div align="center">
<input type="checkbox" name="idserviceInfo[]" id="chkb_2_<?php echo $row_rsService['id_service']; ?>" onClick="GereControle('chkb_1_<?php echo $row_rsService['id_service']; ?>', 'chkb_1', '0');"  />
</div></td>

**Jumano** · 19/03/2007, 16h15

Merci, un grand MERCI

Cela fonctionne avec une petite modif :

Code :

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

1
2
3
4
5
6
7
8
9
 
<tr>
        <td><div align="center">
<input type="checkbox" name="idserviceAction[]" id="chkb_1_<?php echo $row_rsService['id_service']; ?>" onClick="GereControle('chkb_1_<?php echo $row_rsService['id_service']; ?>', 'chkb_2_<?php echo $row_rsService['id_service']; ?>', '0');"  />
</div></td>
<td><div align="center">
<input type="checkbox" name="idserviceInfo[]" id="chkb_2_<?php echo $row_rsService['id_service']; ?>" onClick="GereControle('chkb_2_<?php echo $row_rsService['id_service']; ?>', 'chkb_1_<?php echo $row_rsService['id_service']; ?>', '0');"  />
</div></td>
      </tr>

Masquer un champs à l'aide d'une checkbox

JavaScript

Discussions similaires

Partager

Partager