Problème getElementById via Firefox 1.0.7

Version imprimable

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:

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 !

Fais plutot ceci :
Code:

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

16/02/2006, 09h50
SunSyS

Super ca marche au top MERCI !

Néanmoins j'aimerai bien comprendre pourquoi mettre vide au lieu de block ?
16/02/2006, 13h28
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)
16/02/2006, 22h25
SunSyS

Encore Merci Kerod ! :ccool:
17/02/2006, 08h38
denisC

Citation:

Envoyé par Kerod

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.

:arrow: http://www.w3schools.com/css/pr_class_display.asp
17/02/2006, 14h33
Kerod

Humm et si on met un

Code:

display: table-cell

ca pourrait fonctionner, DenisC??
17/02/2006, 15h20
denisC
Citation:

Envoyé par Kerod

Humm et si on met un

Code:

display: table-cell

ca pourrait fonctionner, DenisC??

Je dirais:
Code:

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...)
17/02/2006, 16h45
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 ...
17/02/2006, 19h43
Kerod

Et ces logiciels servent à quoi lol...oh le gros hors sujet désolé
18/02/2006, 16h02
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