compatibilité display IE FFX

bonjour,

J'ai une page web qui marche trés bien avec firefox, mais pas avec internet explorer , c'est un code javascript qui n'est pas compatible, je vous montre ma fonction javascript

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript"> function afficher(leDivAAfficher) { document.getElementById(leDivAAfficher).style.display =""; } </script>   <script type="text/javascript"> function cacher(leDivAAfficher) { document.getElementById(leDivAAfficher).style.display = "none"; } </script>

---

d'aprés vous quelle fonction a causé ce probléme ? et par quelle autre fonction devrai-je la remplacer pour que ce code fonctionne sur les deux browsers


merci



...

Peut etre faut-il rajouter

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "visible";

---

et

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "hidden";

---

respectivement dans chaque fonction ?

Citation:

---

Envoyé par sachav

Peut etre faut-il rajouter

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "visible";

---

et

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "hidden";

---

respectivement dans chaque fonction ?

---

ton code ne marche ni sur ie ni sur firefox lol!


...

la propriété display demande une valeur explicite;

Citation:

---

Envoyé par Mo_Poly

ton code ne marche ni sur ie ni sur firefox lol!


...

---

Je n'ai pas invente la propriete visibility.
Elle figure sur W3Schools...
Peut-etre l'avez-vous mal testee, ou tout simplement mal apellee votre fonction...
Donnez-nous tout votre code si vous voulez une aide satisfaisante...

PS:
"ton code ne marche ni sur ie ni sur firefox lol!"
Tout d'abord c'est pas MON code, c'est du javascript et ca ne provient pas uniquement de moi...
Comme je l'ai dit tout a l'heure, la propriete visibility existe et ce n'est pas de ma faute si vous ne savez pas vous en servir.

Citation:

---

Envoyé par sachav

Je n'ai pas invente la propriete visibility.
Elle figure sur W3Schools...
Peut-etre l'avez-vous mal testee, ou tout simplement mal apellee votre fonction...
Donnez-nous tout votre code si vous voulez une aide satisfaisante...

PS:
"ton code ne marche ni sur ie ni sur firefox lol!"
Tout d'abord c'est pas MON code, c'est du javascript et ca ne provient pas uniquement de moi...
Comme je l'ai dit tout a l'heure, la propriete visibility existe et ce n'est pas de ma faute si vous ne savez pas vous en servir.

---

oops desolé pour ma réponse précédente , je ne voulais pas ... :roll: enfin desolé

ce que j'ai fait, c'est remplacer le "none" par "hidden", et le " " par "visible" ... l'erreur est : erreur d'analyse de la valeur pour la propriété "display", Décalation abandonné!

une personne m'avait dit que le getElementById n'est pas reconnu par internet explorer, c'est vrai ?


...

Citation:

---

Envoyé par javatwister

la propriété display demande une valeur explicite;

---

c'est à dire ?



...

Citation:

---

Envoyé par Mo_Poly

une personne m'avait dit que le getElementById n'est pas reconnu par internet explorer, c'est vrai ?

---

Oui, si tu parles d'IE 4.0 ou moins :mouarf:

Citation:

---

Envoyé par sachav

Peut etre faut-il rajouter

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "visible";

---

et

Code:

---

1 2	document.getElementById(leDivAAfficher).style.visibility = "hidden";

---

respectivement dans chaque fonction ?

---

tu sais quoi, je suis vraiment nul, j'avais pas vu que t'as utilisé visibilty, j'ai testé les valeurs hidden et visible avec display :oops::oops::oops: , la aprés de longues recherches j'ai trouvé la solution qui est d'utiliser visibility, si seulement j'avais bien ouvert mes yeux j'aurai gagner beaucoup de temps :oops: merciiiiiii



...

visibility et display ne sont pas du tout équivalentes.

Soit le rendu suivant : a b c
Si tu passe b.style.display="none", tu auras : a c
Si tu passe b.style.visibility="hidden", tu auras a c

Display est généré par IE6, mais il y a sans doute une erreur dans ton code...

Citation:

---

Envoyé par FremyCompany

visibility et display ne sont pas du tout équivalentes.

Soit le rendu suivant : a b c
Si tu passe b.style.display="none", tu auras : a c
Si tu passe b.style.visibility="hidden", tu auras a c

Display est généré par IE6, mais il y a sans doute une erreur dans ton code...

---

c'était sur iE7 que ca ne marche pas, je sais que display et visibility sont different, mais visibility fait l'affaire.

Là j'ai un probléme avec une fonction javascript (je suis debutant en javascript) , comme d'habitude ca marche sur firefox mais pas sur internet explorer :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<script type="text/javascript"> var id=0; function ajouteInput() { var parent = document.getElementById("log");//conteneur   var input = document.createElement("input");//le input var br = document.createElement("br");//un retour à la ligne   input.type= "text";//type de l'input input.id="logiciel"+id; input.name = "logg"+id; parent.appendChild(input); parent.appendChild(br); id++; } </script>

---

et l'appel :

Code:

---

1 2 3 4 5 6 7

<tr> <td>les logiciels</td> <td id="log"> <input type="button" onclick="ajouteInput()" value="ajouter un logiciel" /> <br />   </td> </tr>

---

c'est un bouton qui a chaque fois je clique dessus, ya un input text qui s'ajoute à mon formulaire, ca marche nickel sur firefox ... aidez moi svp


PS: ne me proposez pas la solution avec innerHTML svp , je l'ai deja essayé en local et je n'ai pas trop aimé le resultat meme si "ca fonctionne" aussi!



...

tu as raison, innerHTML n'est pas une bonne idée dans ce cas si car c'est pour AJOUTER du code HTML pas pour le modifier complètement.

Sinon, je te conseille de ne pas faire input.type="text", c'est inutile et je crois qu'IE n'apprécie pas (type est read-only en fait, comme ca tu peux pas changer un input text en input file)

Citation:

---

Envoyé par FremyCompany

tu as raison, innerHTML n'est pas une bonne idée dans ce cas si car c'est pour AJOUTER du code HTML pas pour le modifier complètement.

Sinon, je te conseille de ne pas faire input.type="text", c'est inutile et je crois qu'IE n'apprécie pas (type est read-only en fait, comme ca tu peux pas changer un input text en input file)

---

Je dois mettre quoi alors à la place pour avoir un input text ? j'ai pas trop compris la phrase qui est entre parenthéses :cry:



...

Citation:

---

Envoyé par FremyCompany

tu as raison, innerHTML n'est pas une bonne idée dans ce cas si car c'est pour AJOUTER du code HTML pas pour le modifier complètement.

Sinon, je te conseille de ne pas faire input.type="text", c'est inutile et je crois qu'IE n'apprécie pas (type est read-only en fait, comme ca tu peux pas changer un input text en input file)

---

j'ai enlevé le input.type="text", mais ca na rien changé, ca marche sur firefox, mais pas sur Internet explorer, en fait à chaque fois que je clique sur le bouton (sur internet explorer) j'ai l'impression que la page se recharge! sur firefox ca marche à la perfection!



...

Essayez de remplacer parent par un autre nom de variable (parent est un mot-clef pour les frames ie)

Mets une DIV dans ton TD et met l'id "log" à la DIV
Je sais pas si ca va résoudre le problème mais je sais qu'IE a des difficulté avec les éléments TABLE, TBODY, TR, TD (en fait, il respecte une autre partie du W3C mais du coups le code "classique" foire)

Citation:

---

Envoyé par FremyCompany

Mets une DIV dans ton TD et met l'id "log" à la DIV
Je sais pas si ca va résoudre le problème mais je sais qu'IE a des difficulté avec les éléments TABLE, TBODY, TR, TD (en fait, il respecte une autre partie du W3C mais du coups le code "classique" foire)

---

vous savez quoi ? ca marche sur ie6 !!! mais sur le ie7!! c'est vraiment bizarre :?:?:? est ce normal ca ? parce que normalment un code qui marche sur le ie7 peux ne pas marcher sur le ie6 mais pas le contraire :roll:



...

Citation:

---

Envoyé par FremyCompany

Mets une DIV dans ton TD et met l'id "log" à la DIV
Je sais pas si ca va résoudre le problème mais je sais qu'IE a des difficulté avec les éléments TABLE, TBODY, TR, TD (en fait, il respecte une autre partie du W3C mais du coups le code "classique" foire)

---

ca ne change rien, la solution de sachav non plus!

vous savez quoi ? voici le lien : http://www.polymtl.ca/magnudev/Moham...ipe/index2.php

username: Admin
passwd: devmagnudev

normalment quand je clique sur le bouton ajouter un logiciel un input text doit s'ajouter, ce qui marche trés bien avec firefox, pas avec ie7

merci de bien vouloir m'aider!


...

une autre information qui peut aider : quand j'execute la meme page localement (avec easyphp) sous internet explorer 7, ca fonctionne trés bien... mais ca ne fonctionne pas quand c'est sur le seveur, vous pensez que c'est le serveur qui crée le problème ?


merci



...

Et si tu passes par innerHTML ?

Citation:

---

Envoyé par FremyCompany

Et si tu passes par innerHTML ?

---

je viens de le faire

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

<script> var i=0; function ajouteInput() { var k=0; var vls= new Array(); var tmpvl="";   if(i>0) { for(k=0;k<i;k++) {   tmpvl=document.getElementById("lg"+k).value;   vls.push(tmpvl);   } } document.getElementById("log").innerHTML+="<input id=\"lg"+i+"\" name=\"logg"+i+"\" ><br>" ;   if(i>0) for(k=0;k<i;k++) { document.getElementById("lg"+k).value=vls[k];   }   i++; } </script>

---

meme chose, marche sur tout, sauf sur internet explorer 7

je pense que la derniere solution qui me reste , c'est de me suicider :aie:


j'en ai vraiment marre!


:cry::cry::cry::cry::cry:



...