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";
		 }
	 }