Votre question

Problème Menu Accordéon Javascript sous IE

Tags :
  • Javascript
  • Programmation
Dernière réponse : dans Programmation
20 Octobre 2009 18:32:36

Bonjour/Bonsoir,

J'ai installé un menu en accordéon et javascript (Simple Javascript Accordions : http://www.dezinerfolio.com/2007/07/19/simple-javascrip... ) et voilà mon problème :

Sous Mozilla et Google Chrome : fonctionne très bien ! ;) 

Sous IE : Le menu s'affiche dans sa totalité, entièrement déployé, sans qu'on lui est demandé (vous pouvez voir sur mon forum et avec IE ici : http://habbotroc.com/forum )

Alors, je vous demande votre aide car je ne sais que faire ! :( 

Et voici le code de mon menu contenu dans mon header :

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <style type="text/css">
  3. * {
  4. margin:0;
  5. padding:0;
  6. list-style:none;
  7. }
  8. body {
  9. font-family: Arial, Helvetica, sans-serif;
  10. font-size: 11px;
  11. margin:10px;
  12. }
  13.  
  14. #basic-accordian{
  15. border:5px solid #d4d4d4;
  16. padding:5px;
  17. width:560px;
  18. position:absolute;
  19. left:40%;
  20. top:46.5%;
  21. margin-left:-175px;
  22. z-index:2;
  23. margin-top:-100px;
  24. }
  25.  
  26. .accordion_headings{
  27. padding:5px;
  28. background:#ff9900;
  29. color:#FFFFFF;
  30. border:1px solid #FFF;
  31. cursor:pointer;
  32. font-weight:bold;
  33. }
  34.  
  35. .accordion_headings:hover{
  36. background:#f66200;
  37. }
  38.  
  39. .accordion_child{
  40. padding:10px;
  41. background:#f1f1f1;
  42. }
  43.  
  44. .header_highlight{
  45. background:#ffb648
  46. }
  47.  
  48. .tab_container *{
  49. float:left;
  50. width:100px;
  51. }
  52.  
  53. </style>
  54. <!-- Une case fait 110 px ! :)-->
  55. <script type="text/javascript" src="<a href="http://habbotroc.com/forum/accordian.pack.js" rel="nofollow" target="_blank">http://habbotroc.com/forum/accordian.pack.js</a>"></script>
  56. <body onload="new Accordian('basic-accordian',5,'header_highlight');">
  57.  
  58.  
  59. <div id="basic-accordian" ><!--Parent of the Accordion-->
  60.  
  61.  
  62. <div class="tab_container">
  63. <div id="test1-header" class="accordion_headings" ><center>Habbo</center></div>
  64. <div id="test2-header" class="accordion_headings header_highlight" ><center>HT'Info</center></div>
  65. <div id="test3-header" class="accordion_headings" ><center>HabboTroc</center></div>
  66. <div id="test4-header" class="accordion_headings" ><center>Forum</center></div>
  67. <div id="test5-header" class="accordion_headings" ><center>Partenaires</center></div>
  68.  
  69. </div>
  70.  
  71. <div style="float:left;">
  72. <div id="test1-content">
  73. <div class="accordion_child">
  74. <center><img src="/centrer.png"><em>Dans cette catégorie, vous pouvez trouver tous les liens pratiques de habbo ! ;)</em></font></font></marquee><br><br><h4>
  75. <a href="<a href="http://habbo.fr" rel="nofollow" target="_blank">http://habbo.fr</a>" title="Habbo FR">Habbo</a> | <a href="<a href="http://www.habbo.fr/groups/SafetyTips" rel="nofollow" target="_blank">http://www.habbo.fr/groups/SafetyTips</a>"> Habbo - Sécurité</a> | <a href="<a href="http://www.habbo.fr/groups/HabboWay" rel="nofollow" target="_blank">http://www.habbo.fr/groups/HabboWay</a>">Habbo - Attidue</a><img src="<a href="http://habbotroc.com/centrer.png" rel="nofollow" target="_blank">http://habbotroc.com/centrer.png</a>"></center></h4>
  76. </div>
  77. </div>
  78.  
  79. <div id="test2-content">
  80. <div class="accordion_child">
  81. <img src="/centrer.png"><center><em>Vous trouverez ici toutes les news de Habbotroc - Forum.</em><br/><br></center>
  82. <img src="<a href="http://habbotroc.com/forum/images/folder.png" rel="nofollow" target="_blank">http://habbotroc.com/forum/images/folder.png</a>"> <b>[14/10/09] <span style="color: black">//</span></b> Après pas mal de temps de fermeture, le forum de HabboTroc ré-ouvre enfin mais avec encore quelques petits défauts qui seront corrigés au fil du temps ! <br>
  83. </div>
  84. </div>
  85.  
  86. <div id="test3-content">
  87. <div class="accordion_child">
  88. <img src="/centrer.png"><center><h4><a href="<a href="http://habbotroc.com/accueil_286.php" rel="nofollow" target="_blank">http://habbotroc.com/accueil_286.php</a>">Accueil </a> | <a href="<a href="http://habbotroc.com/communaute_290.php" rel="nofollow" target="_blank">http://habbotroc.com/communaute_290.php</a>">Communauté</a> | <a href="<a href="http://habbotroc.com/actualite_282.php" rel="nofollow" target="_blank">http://habbotroc.com/actualite_282.php</a>">Actualité</a> | <a href="<a href="http://habbotroc.com/guide_du_troc_200.htm" rel="nofollow" target="_blank">http://habbotroc.com/guide_du_troc_200.htm</a>">Guide du Troc</a> | <a href="<a href="http://habbotroc.com/echange_266.php" rel="nofollow" target="_blank">http://habbotroc.com/echange_266.php</a>">Echange</a> | <a href="<a href="http://habbotroc.com/fun___extras_333.htm" rel="nofollow" target="_blank">http://habbotroc.com/fun___extras_333.htm</a>">Fun & Extras</a><br><a href="<a href="http://habbotroc.com/equipe_363.htm" rel="nofollow" target="_blank">http://habbotroc.com/equipe_363.htm</a>"><em>Equipe</em></a></h4></center>
  89. </div>
  90. </div>
  91.  
  92. <div id="test4-content">
  93. <div class="accordion_child">
  94. <img src="/centrer.png"><center><h4><a href="#">Forum</a> | <a href="search.php">Rechercher</a> | <a href="memberlist.php">Liste des membres</a> | <a href="Calendar-Default-Calendar">Calendrier</a> | <a href="/forum/misc.php?action=help">Aide</a> | <a href="portal.php">Portail</a> | <a href="<a href="http://habbotroc.com/forum/misc.php?action=rules" rel="nofollow" target="_blank">http://habbotroc.com/forum/misc.php?action=rules</a>">Règle</a><br/><a href="generateur.php">Générateur d'écriture</center></a></h4>
  95. </div>
  96. </div>
  97.  
  98. <div id="test5-content">
  99. <div class="accordion_child">
  100. <img src="/centrer.png"><!-- Début du code du texte défilant d'Astwinds--><noscript><a href="http://www..astwinds.com/">Texte défilant<br> d'Astwinds</A></noscript><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif">Devenez partenaire de HabboTroc - Forum (en cliquant <b><a href="<a href="http://habbotroc.com/forum/showthread.php?tid=10&action=lastpost" rel="nofollow" target="_blank">http://habbotroc.com/forum/showthread.php?tid=10&action...</a>">ici</b></a>) pour avoir votre liens qui défile ici même ! ;)</font></font></marquee><!-- Fin du code du texte défilant d'Astwinds -->
  101. </div>
  102. </div>
  103. </div>
  104.  
  105. </div><!--End of accordion parent-->


Merci d'avance de votre aide,
Cordialement,
Gaffe !

Autres pages sur : probleme menu accordeon javascript

21 Octobre 2009 15:20:36

Désolé, je n'avais pas vu cette section !
Merci à vous !
22 Octobre 2009 18:00:18

Personne peut m'aider ?
Contenus similaires
27 Octobre 2009 16:45:03

UP !!!!!!
27 Octobre 2009 18:08:07

Sans voir le script JS c'est un peu compliquer de t'aider...
Essaye avec un display: none; sur la class du menu à cacher...
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS