Cacher une colonne complete d'un formulaire

**libuma** · 05/05/2008, 13h34

Bonjour,

J'ai un formulaire avec 3 radios boutons comme choix..
J'aimerais que seul le radiobouton checked aient sa colonne appropriée visible..
Dans cet exemple si je cache celui que je coche mais peu importe..

Je n'arrive à cacher que les boutons à cocher et pas le texte associé !!

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
 
	 <script language="javascript">
	 function cacher()
	 {
	   if(form1.choix1[0].checked) {form1.choix2[0].type="hidden"};
	 }
	 </script>
</head>
<body>
<?php
include_once('adodb/adodb.inc.php');
print ('<TABLE BORDER="3"> 
        <form id="form1" name="form1" method="post" action="rep.php"> ');
// Cas MS/ACCESS
if($_POST["radiobutton"] == "1")
{
$nomBD = $_POST["AccessName"];
print('<CAPTION >Managing the database : " ' . $nomBD . "\"</CAPTION>
      <tr id=\'titCol\'>
	         <td> <input type=radio name=\"choix1\" value=\"0\" onClick=\"cacher()\"/>A whole table </td> 
			 <td> <input type=radio name=\"choix1\" value=\"1\"/>A stored procedure </td> 
			 <td> <input type=radio name=\"choix1\" value=\"2\"/>Your own SQL sentences </td> 
	  </tr>");
$db = ADONewConnection("ado_access");
$db->debug=1; // permettre les messages de debugging
$access ='C:\wamp\www\PHPTEST\\'. $nomBD.'.mdb';
$mydsn = 'PROVIDER = Microsoft.Jet.OLEDB.4.0;' .
          'DATA SOURCE=' . $access . ';' ;
$db->Connect($mydsn); //effectuer la connexion
$db->SetFetchMode(ADODB_FETCH_ASSOC); // defaut : ADODB_FETCH_NUM
$aTables = $db->MetaTables('TABLES'); 
print('<tr> <td>'); // deuxieme ligne
for($i=0;$i < count($aTables); $i++) // TABLES
{
  print( "<input type=radio name=\"choix2\" value=\"".$i."\"/>" . $aTables[$i] . "<br/>\n");
 
}
print('</td>');

Voici une partie du code.. merci

**SpaceFrog** · 05/05/2008, 13h38

Première remarque la balise table ne doit en principe pas être utilisée pour faire de la mise en page et encore moins dans un formulaire ...

Mais bon puisque c'est fait ...

il faut boucler sur la collection

Code :

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

document.getElementsByTagName('td')

et mettre un

Code :

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

style.display='none'

soit en faisant un teste du modulo en focntion de la colonne voulue, soi ten faisant un i=i+nbrCol dans la boucle ...

**libuma** · 05/05/2008, 14h12

Impeccable merci!

Par contre.. pourrais-tu me dire pourquoi ne pas utiliser TABLE?

**SpaceFrog** · 05/05/2008, 14h28

Parce les balises tables sont faites pour afficher des données tabulaires, par pour faire de la mise en page.
Pour la mise en page dans une page il y a les div span et autre conteneurs ...
Dans un form tu peux utiliser les divs, les spans, les fieldsets etc ...

**libuma** · 05/05/2008, 14h37

Je vois..
Par contre j'ai encore un petit problème..
Avec le style.display , j'enlève carrément la colonne , je ne la cache pas..
Donc lorsque je clique sur le choix numéro 3 par exemple , la 3è colonne s'affiche bien mais au mauvais endroit , dans la première colonne

J'ai fais comme ceci :

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
 
function cacher()
	 {
	      table=document.getElementsByTagName('td');
		  for(i =NBCOL;i<table.length;i++)
		      table[i].style.display='none';
	 }
	 function montrer()
	 {
	   for(i=0;i<NBCOL;i++)
	     {
		   if(form1.choix1[i].checked)
		       table[i+NBCOL].style.display="";
			else
			   table[i+NBCOL].style.display="none";
		 }
	 }