Utilisation du display none

Version imprimable

bonjour,

je d�bute en javascript, html... et j ai quelques soucis et surtout ca fait 3h que j'essaye de trouvr la solution sur internet!!
je veux juste faire apparaitre une ligne sur ma page lorsque l'utilisateur choisit "add a new reaction" c' est tout b�te mais j y arrive pas!!
voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
 
<script language='javascript'>
function Addreaction(ReactionName)
{
if (ReactionName=="Add new name")
document.getElementById("test").style.display=="";
else
document.getElementById("test").style.display== "none";
}
</script>

Code:

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
 
	<td width="150"> <div align="left">Reaction name :</td>
 
	<td colspan="5"> <div align="left"><SELECT style="width:400px" onchange="Addreaction(ReactionName)" name="ReactionName" >
                         <option> </option>
                         <option>Add new name </option>
                         <?php
                         // Query for extract all name reaction
                         $NameReact= mysql_query($NameR);
 
                         if($NameReact) {     // si ca vaut true
                         while($ligne = mysql_fetch_array($NameReact))
                         {
                                      echo "<option value=\"".$ligne['NameR']."\">".$ligne['NameR']."</option>"  ;
                         }
                         }
                         else{ echo"Erreur de requête de base de données.";}
                         ?>
 
 
        </select> </td>
<tr>
       <td><div align="right" id="test" style="display:none">New reaction name </td>
       <td colspan="5"> <div align="left" id="test" style="display:none"><input type="text" style="width:400px" name="New name reaction"> </div> </td>
 
</tr>

merci de votre aide!

bonjour,

Code:

1
2
3
4
 
<select style="width:400px" onchange="Addreaction(this.options[this.options.selectedIndex].text)" name="ReactionName" >
<option> </option>
<option>Add new name </option>

05/12/2008, 19h28
javatwister

et puis surtout, ne confonds pas le test d'�quivalence (==) avec l'affectation d'une valeur (=)...

Code:

1 2 3 <td><div align="right" id="test" style="display:none">New reaction name </div></td> <td colspan="5"> <div align="left" id="test" style="display:none"><input type="text" style="width:400px" name="New name reaction"> </div> </td>
Attention les identifiants doivent �tre uniques ! Donne une autre valeur � l'id de ton second div.

Et tu as oubli� de fermer le 1er div (en rouge dans le code ci-dessus) ;)

05/12/2008, 19h47
juzii

ok je vois mais le truc c 'est que j arrive pas a faire apparaitre les 2 cellules. je sais comment g�rer au niveau de la fonction javascript. j arrive soit a faire le premier div soit le deuxi�me

si tes objets ont pour id "test_1" et "test_2" :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
if (ReactionName=="Add new name")
{
     document.getElementById("test_1").style.display = "block";
     document.getElementById("test_2").style.display = "block";
}
else
{
     document.getElementById("test_1").style.display = "none";
     document.getElementById("test_2").style.display = "none";
}

06/12/2008, 12h26
juzii

ok c bon j ai compris! j avais fait un truc similaire mais il me manquait des accolades fermentes!! :?