Discussion :

[SunSyS]

Bonjour a tous !

J'ai un problème javascript sur ma page ! Je souhaite afficher un bloc <tr></tr> sur un evenement ! Ce script marche très bien sous IE ! Mais sous Firefox y a quelques soucis ! j'arrive bien a faire disparaitre le bloc <tr></tr> (avec quelques bug d'affichage) mais lorsque je réaffiche celui ci il m'ajoute un retour a la ligne assez génant !

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
 
[html ...........]
<script>
 
function afficher(valeur){
  if(valeur==1){
    document.getElementById("nomclub").style.display = "block";
  }else{
    document.getElementById("nomclub").style.display = "none";
  }      
}
 
 
</script>
 
[html ...........]
 
         <tr>
            <td width="30%">
              <?php echo $lang["REGISTER_TYPE"];?>&nbsp;<font color="#FF0000">*</font>
            </td>
            <td>
              <select name="reg_type" class="inputbox" onChange="Javascript:afficher(this.value);">
                <option value="0" selected>NON</option>
                <option value="1">OUI</option>
              </select>
            </td>
          </tr>
 
          <tr id="nomclub" style="display:none">
            <td width="30%">
              <?php echo $lang["REGISTER_NOM"];?>&nbsp;<font color="#FF0000">*</font>
            </td>
            <td>
              <input name="reg_nom" type="text" class="inputbox" size="20">
            </td>
          </tr>
 
[html ...........]

Merci d'avance pour votre aide !

[Kerod]

Fais plutot ceci :

Code :

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

1
2
3
4
 
function afficher(valeur){
  document.getElementById("nomclub").style.display = (valeur==1)?(""):("none"); 
}

Ca devrait fonctionner avec ceci

[SunSyS]

Super ca marche au top MERCI !

Néanmoins j'aimerai bien comprendre pourquoi mettre vide au lieu de block ?

[Kerod]

J'ai remarqué lors d'un développement que lorsque l'on utilise ce genre de propriété sur un tr ou td qu'il ne prend plus en compte les colspan et etc...à savoir pourquoi aucune idée, mais quand on met le "" il y a aucun problème...

Pour te dire le pourquoi du comment, alors là je ne pourrais pas (sur ce coup c'est l'expérience qui a parlé lol)

[SunSyS]

Encore Merci Kerod !

[denisC]

Pour te dire le pourquoi du comment, alors là je ne pourrais pas (sur ce coup c'est l'expérience qui a parlé lol)

Tout simplement, parceque si tu regardes les valeurs possibles de display, tu verras que pour les tableaux tu as des table-row-group,table-row,table-column,table-cell,.... plein de choses exotiques. Par défaut le style d'une cellule de tableau n'est certainement pas block.

http://www.w3schools.com/css/pr_class_display.asp

[Kerod]

Humm et si on met un

Code :

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

display: table-cell

ca pourrait fonctionner, DenisC??

[denisC]

Humm et si on met un

Code :

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

display: table-cell

ca pourrait fonctionner, DenisC??

Je dirais:

Code :

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

1
2
 
display: table-row

Plutot dans le cas présent (c'est un tr). Après si ça marche, faut tester

(Pas le temps, j'essaye d'installer Picasa la...)

[SpaceFrog]

Picasa ... l'appli qui te colle des fihciers ini partout sur tes disques ...
:

il est resté exactement 20 minutes sur mon PC, depuis il est interdit de séjour ...

je suis passé a faststone ...

[Kerod]

Et ces logiciels servent à quoi lol...oh le gros hors sujet désolé

[SunSyS]

Merci pour ces explications les gars ! Super interessant tout ca.

J'ai testé avec "table" (meme probleme que block) avec "table-row" marche très bien sous Firefox now mais pas sous IE !
Si je comprends bien Firefox respecte bien le w3c !

Thx encore