[débutant] Liste déroulante et apparition de lien

Version imprimable

Bonjour tout le monde,
Je vous remets mon problème:
j'ai un tableau avec une colonne qui contient une liste déroulante et dans la colonne de côté j'ai un lien invisible que je veut faire apparaitre dés qu'on change le contenu de la liste.
donc pour cela je suis arrivé à faire ça grace à notre ami Emmanuel.
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 <body> <script type="text/javascript"> function disp(value) { //purement arbitraire, juste pour l'exemple if (value=="v2") { document.getElementById("lien").style.display=""; } } </script> <table width="767" border="1"> <tr> <td> <select onchange="disp(this.value)"> <option value="v1"> Valeur 1</option> <option value="v2">Valeur 2</option> <option value="v3">Valeur 3</option> <option value="v4">Valeur 4</option> </select> </td> <td><a href="#" style="display:none" id="lien">lien</a></td> </tr> </table> </body>
le problème c'est que ça ne marche que pour la première ligne de mon tableau :cry: et si je change le contenu de la liste déroulante (qui est en 2eme ligne de mon tableau) le lien correspondant n'apparait plus :(
j'espère que j'étais bien claire :mrgreen:

31/03/2009, 16h32
RomainVALERI

Tu utilises un (ou des) CSS pour cette page ?
Si oui, essaie de passer le display:none initial vers une classe css que tu attribues à l'élément dans ton html : je crois me souvenir avoir résolu ce genre de souci comme ça... (ce n'est qu'une voie de résolution possible, quoi ^^)
31/03/2009, 17h09
nicekiller

Citation:

Envoyé par RomainVALERI

Tu utilises un (ou des) CSS pour cette page ?
Si oui, essaie de passer le display:none initial vers une classe css que tu attribues à l'élément dans ton html : je crois me souvenir avoir résolu ce genre de souci comme ça... (ce n'est qu'une voie de résolution possible, quoi ^^)

oui j'utilise une feuille CSS mais j'ai pas bien compris ce que tu veux dire:? de quel element html tu parles?
31/03/2009, 17h13
RomainVALERI

Citation:

Envoyé par nicekiller

de quel element html tu parles?

Code:

<a href="#" style="display:none" id="lien">

ajoute un paramètre et ajoute un indice à tes id

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function disp(value,i) {
      //purement arbitraire, juste pour l'exemple
      if (value=="v2") {
        document.getElementById("lien_"+i).style.display="";
      }
    }
 
<table width="767" border="1">
          <tr>
            <td>
<select onchange="disp(this.value,0)">
   <option value="v1"> Valeur 1</option>
   <option value="v2">Valeur 2</option>
   <option value="v3">Valeur 3</option>
   <option value="v4">Valeur 4</option>
  </select>
           </td>
            <td><a href="#" style="display:none" id="lien_0">lien</a></td>           
          </tr>
 </table>

Citation:

Envoyé par Matthieu2000

ajoute un paramètre et ajoute un indice à tes id

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function disp(value,i) {
      //purement arbitraire, juste pour l'exemple
      if (value=="v2") {
        document.getElementById("lien_"+i).style.display="";
      }
    }
 
<table width="767" border="1">
          <tr>
            <td>
<select onchange="disp(this.value,0)">
   <option value="v1"> Valeur 1</option>
   <option value="v2">Valeur 2</option>
   <option value="v3">Valeur 3</option>
   <option value="v4">Valeur 4</option>
  </select>
           </td>
            <td><a href="#" style="display:none" id="lien_0">lien</a></td>           
          </tr>
 </table>

Coool ça marche merci les gars pour votre aide:king: