[javascript] code afficher disparaitre

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] code afficher disparaitre

fcoisb

go ! go ! go !

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 :

<html>
<head>
<title>Menu dHTML</title>
<meta name="author" content="Christophe">
<script language=JScript>
function ShowHide(Div) {
if (Div.style.display=='none') {
Div.style.display='InLine';
}
else {
Div.style.display='none';
}
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<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">
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
<a href="#" OnClick="javascript: ShowHide(menu1);">menu 1</a></p>
</td>
</tr>
</table>
<DIV id='menu1' style=display=InLine;>
<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">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
</div>
<table style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
<a href="#" OnClick="javascript: ShowHide(menu2);">menu 2</a></p>
</td>
</tr>
</table>
<DIV id='menu2' style=display=none;>
<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">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
</div>
<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">
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">titre
<a href="#" OnClick="javascript: ShowHide(menu3);">menu 3</a></p>
</td>
</tr>
</table>
<DIV id='menu3' style=display=none;>
<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">
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 1</p>
</td>
</tr>
<tr>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 2</p>
</td>
</tr>
<tr>
<td width="150">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">sous menu 3</p>
</td>
</tr>
</table>
<p> </p>
<p> </p>
</div>
</body>
</html>

Publicité

masklinn

í dag viðrar vel til loftárása

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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

Hermes le Messager

Breton Quiétiste

+1

Sinon pour faire apparaitre / disparaitre quelque chose :

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

fcoisb

go ! go ! go !

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...

fcoisb

go ! go ! go !

En d'autres termes, comment utiliser ce script

Code :

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.

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript] code afficher disparaitre

Sujets relatifs
javascript dans page PERL/CGI ?!	aide pour modif de code
Inclusion script JS != code directement dans le source ?	Maximum byte code length (32kB) exceeded
N'afficher qu'un nombre limité de mots...	[Javascript] Ajouter une ligne a un tableau
Du javascript dans un email	Include dans du Javascript........possible?
JSTL - afficher html dans une variable	Générer un timestamp en javascript
Plus de sujets relatifs à : [javascript] code afficher disparaitre

Page générée en 0.092 secondes