Display:block/inline et firefox (mozilla)

Question

salut à tous, petit problème. 

j'ai un petit script que j'ai fait : 
function ShowHide(thisdiv) { 
if (thisdiv.style.display=='none') { 
thisdiv.style.display='inline'; 
} 
else { 
thisdiv.style.display='none'; 
} 
} 

marche très bien sous ie mais pas sous firefox, pourquoi ?? 

Je pense que ça pourrait ptet venir du lien, pas très w3cttement correct : 
 

Comment dois-je faire ?

yami_no_ookami · Answer

ouais ca doit venir de la.
ta balise a te sert juste a avoir un texte souligné avec le curseur main.
tu peux très bien faire une balise  avec un style de texte souligné et le curseur hand et ca devrait etre plus compatible.

sinon te bile pas trop, IE est utilisé par + de 80% des internautes :)

romalafrite · Answer

ben et pourquoi le  avec le style cursor:hand et tout marcherait mieux que le  ??

romalafrite · Answer

De plus, je sais qu'il n'y a que 0,6% des utilisateurs sous firefox, et 0,1 avec netscape 4.0 qui sont les 0,7% qui ne pourront pas profiter intégralement de mon site, mais je suis un puriste, et je veux montrer ça à mes potes qui sont sous firefox... et moi même qui suis sous firefox, ça me frustre...

chimelpremier · Answer

essai de remplacer inline par rien :
thisdiv.style.display = ''

Jsman · Answer

ou alors dans le lien :

Jsman
  8-)

chimelpremier · Answer

En plus, ajoute ceci au début de ta fonction :
thisdiv=document.getElementById(thisdiv)
C'est du DOM1.

chimelpremier · Answer

Décidément, je n'avait pas tout lu :
[#  

ne pas oublier les quotes

autre possibilité plus correct encore:
]

Jsman · Answer

Et si cela ne marche encore pas, tu peux toujours essayer ça :

thisdiv=document.all.thisdiv

Jsman
  8-)

romalafrite · Answer

chimelpremier était plus dans le vrai, voici ce que j'ai fait et qui marche, chimel pourra en proposer un analogue qui doit surement marcher aussi très bien...

function ShowHide(thisdiv) { 
if (document.all) 
{ 
document.all(thisdiv).style.display=document.all(thisdiv).style.display=='none'?"block":"none"; 
} 
else 
{ 
document.getElementById(thisdiv).style.display=document.getElementById(thisdiv).style.display=='none'?"block":"none"; 
} 

Celui-ci est donc compatible tous navigateurs qui aiment le W3C....

et le lien : onClick="ShowHide('iddiv');"

chimelpremier · Answer

Tu devrais supprimer la partie if document.all ... qui n'a plus cours, elle concernait IE4. Plus personne ne l'utilise.
Depuis IE5 et pour tout les navigateurs modernes, c'est document.getElementById qui prévaut ...

Jsman · Answer

D'autant plus que depuis sa version 7.1, Netscape à beaucoup amélioré son interprétation de javascript pour s'aligner sur celle de IE...
ex : document.getElementById 
et autres

Jsman
  8-)

Display:block/inline et firefox (mozilla)

11 réponses

Votre réponse

Discussions similaires