[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:


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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