Problème de display sur un TR

**stouqx** · 13/05/2006, 08h03

Salut, j'ai un problème sur un script PHP ...
Je vais vous donner les code et vous observerai ... (en faite il suffit de cliquez plusieur fois sur les bouton radio et vous comprendrez ...)
Code :

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
 
<html>
<head>
<script language="javascript" type="text/javascript">
        function changement() 
{ 
   if (document.getElementById('allo').checked) {
      document.getElementById('al').style.display = "none"; }
   if (document.getElementById('allo2').checked) {
      document.getElementById('al').style.display = "block"; }
   if (document.getElementById('allo3').checked) {
      document.getElementById('al').style.display = "block"; }
     }
</script>
</head>
<body>
<table>
<tr>
    <td style="width: 170px;">Choisissez le mode de paiement qui vous convient </td>
    <td>
      <label>
      <input name="radiobutton" type="radio" value="radiobutton" id="allo2" onclick="javascript:changement();" checked="checked" />
      </label> 
      Paypal (**&euro;) <br />
      <label>
      <input name="radiobutton" type="radio" value="radiobutton" id="allo" onclick="javascript:changement();" />
      </label> 
      Allopass (** allopass palier b) <br />
      <label>
      <input type="radio" name="radiobutton" value="radiobutton" id="allo3" onclick="javascript:changement();" />
      </label> 
      Carte bancaire 
      (**&euro;) </td>
</tr>
<tr id="al">
    <td style="width: 170px;">Engagement</td>
    <td>
      <label>
      <select name="select">
        <option value="mois" selected="selected">1 mois</option>
        <option value="an">1 an (2 mois offerts)</option>
      </select>
      </label></td>
</tr>
</table>
</body>
<html>

Merci d'avance

**cerede2000** · 13/05/2006, 08h55

Ben j'ai cliquer des milliers de fois et j'ai rien remarquer!
Mozilla ou IE?

**siddh** · 13/05/2006, 10h10

J'ai pas testé ton code mais pour les lignes des tables, le display n'est pas "block" mais "table-row" car des fois c'est vrai que ça fais des effets bizarres.

**stouqx** · 13/05/2006, 13h27

Ca ne marche tjr pas ne faisant ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript" type="text/javascript">
        function changement() 
{ 
   if (document.getElementById('allo').checked) {
      document.getElementById('al').style.display = ""; }   
   if (document.getElementById('allo2').checked) {
      document.getElementById('al').style.display = "table-row"; }
   if (document.getElementById('allo3').checked) {
      document.getElementById('al').style.display = "table-row"; }
     }
</script>

**Sheriff** · 13/05/2006, 13h35

salut !
si je comprends bien la sélection des boutons radio aux extrémités doit afficher le select alors que celui du milieu doit le masquer ?
dans ce cas y a aucun pb sous ie...
plus d'explications sur la nature du problème, please.
@+

**stouqx** · 13/05/2006, 13h43

Ben je suis un gros débutant en js :p

Oui quand on clique sur celui du milieu on devrais masquer le tr d'après ...

Sino il ne marche sous aucun navigateur ...

**Sheriff** · 13/05/2006, 14h49

si tu veux masquer le bouton radio d'après tu lui donne l'attribut none à son dislay en rajoutant une ligne au if correspondant.
mais je ne vois pas trop l'intéret

**stouqx** · 13/05/2006, 14h51

Je comprends pas se que tu dis...

**lalouve** · 13/05/2006, 16h28

Essaie ça

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
  function changement(){ 
   if (document.getElementById('allo').checked)
        { document.getElementById('al').style.visibility = "hidden"; }
   else
     { document.getElementById('al').style.visibility = "visible"; }
  }
</script>

++

**stouqx** · 13/05/2006, 16h39

Parfait, merci

**lalouve** · 14/05/2006, 14h24

de rien

Problème de display sur un TR

JavaScript

Discussions similaires

Partager

Partager