[javascript] code afficher disparaitre

code afficher disparaitre [javascript] - HTML/CSS - Programmation

Marsh Posté le 09-04-2005 à 13:45:01    

Bonjour,
 
j'ai récupéré ce script (voir ci-dessous) (merci à l'auteur) (Menu avec affichage ou non du sous menu)
 
Sous internet explorer : marche bien (mais le pb c que avec le sp2 ou autre mis à jour, le javascript est bloqué :-/  
faut cliquer pour le débloquer... c chiant ça.
Avec firefox, ça ne marche pas(tout est affiché par défaut)
 
J'arrive avec la fonction visibility mais c'est pas ça que je veux, car ce qui a en dessous remonte pas dans ce cas la....  
 
Pouvez vous m'aider pour trouver quelque chose qui marche de ce meme style?  
valable pour firefox?
merci !
 

Code :
  1. <html>
  3. <head>
  4. <title>Menu dHTML</title>
  5. <meta name="author" content="Christophe">
  7. <script language=JScript>
  8. function ShowHide(Div) {
  9.    if (Div.style.display=='none') {
  10.      Div.style.display='InLine';
  11.     }
  12.     else {
  13.      Div.style.display='none';
  14.     }
  15.   }
  16. </script>
  18. </head>
  20. <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
  21. <table style="border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
  22.     <tr>
  23.         <td width="150">
  24.             <p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
  25.             <a href="#" OnClick="javascript: ShowHide(menu1);">menu 1</a></p>
  26.         </td>
  27.     </tr>
  28. </table>
  30. <DIV id='menu1' style=display=InLine;>
  32. <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
  33.     <tr>
  34.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  35.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
  36.         </td>
  37.     </tr>
  38.     <tr>
  39.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  40.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
  41.         </td>
  42.     </tr>
  43.     <tr>
  44.         <td width="150">
  45.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
  46.         </td>
  47.     </tr>
  48. </table>
  50. </div>
  52. <table style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
  53.     <tr>
  54.         <td width="150">
  55.             <p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
  56.             <a href="#" OnClick="javascript: ShowHide(menu2);">menu 2</a></p>
  57.         </td>
  58.     </tr>
  59. </table>
  61. <DIV id='menu2' style=display=none;>
  63. <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
  64.     <tr>
  65.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  66.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
  67.         </td>
  68.     </tr>
  69.     <tr>
  70.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  71.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
  72.         </td>
  73.     </tr>
  74.     <tr>
  75.         <td width="150">
  76.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
  77.         </td>
  78.     </tr>
  79. </table>
  81. </div>
  83. <table style="border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
  84.     <tr>
  85.         <td width="150">
  86.             <p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
  87.             <a href="#" OnClick="javascript: ShowHide(menu3);">menu 3</a></p>
  88.         </td>
  89.     </tr>
  90. </table>
  91. <DIV id='menu3' style=display=none;>
  93. <table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
  94.     <tr>
  95.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  96.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
  97.         </td>
  98.     </tr>
  99.     <tr>
  100.         <td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
  101.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
  102.         </td>
  103.     </tr>
  104.     <tr>
  105.         <td width="150">
  106.             <p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
  107.         </td>
  108.     </tr>
  109. </table>
  111. <p>&nbsp;</p>
  112. <p>&nbsp;</p>
  113. </div>
  115. </body>
  117. </html>

Reply

Marsh Posté le 09-04-2005 à 13:45:01   

Reply

Marsh Posté le 09-04-2005 à 14:25:25    

Désolé, ici on fait du développement, pas du maintient de scripts à la con récupérés à gauche ou à droite.
 
Si tu veux de l'aide là dessus, c'est à l'auteur qu'il faut demander :hello:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 09-04-2005 à 14:50:09    

+1  
 
Sinon pour faire apparaitre / disparaitre quelque chose :
 
document.getElementById('id_du_truc_qui_apparait_disparait').style.display = "none"; (disparait) et = "block"; (apparait)

Reply

Marsh Posté le 09-04-2005 à 16:41:24    

C'est à dire que j'ai essayé de créer le script mais je n'arrive pas sous firefox.
j'ai mis juste un exemple de ce que je voulais faire.
 
sous internet explorer, j'y arrive..
(merci Hermes le Messager)
 
mais sous firefox, le script ne marche pas...
Firefox est de plus en plus utilisé donc il faut quelque chose qui fonctionne avec celui-ci...
 

Reply

Marsh Posté le 09-04-2005 à 22:42:02    

En d'autres termes, comment utiliser ce script  

Code :
  1. document.getElementById('id_du_truc_qui_apparait_disparait').style.display = "none"; (disparait) et = "block"; (apparait)


sous firefox
 
ps: en plus, ça n'est pas du tout un truc comme ça que je veux faire!  
ça doit etre récursif....  
c'est pour faire un genre d'explorer sur la gauche.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed