Accueil > Forum > > > > Menu Déroulant, Block et Firefox
 Menu Déroulant, Block et Firefox
mercredi 18 mai 2005 à 11:22:44 |
Menu Déroulant, Block et Firefox
Endymion222
|
Bien le bonjour, je viens encore pour vous poser une question à la con...
Voila, je viens de réaliser de magnifiques (un peu de modestie voyons),
de jolis menus déroulants, dans lequels j'utilise une fontion du style:
function OpenOrClose(ID)
{
if (document.getElementById(ID).style.display == 'none')
{
document.getElementById(ID).style.display = 'block';
}
else
{
document.getElementById(ID).style.display = 'none';
}
}
Sous IE, ca fonctionne nickel, par contre sous Firefox, lorsque je
ferme mon bloc, il disparait, mais laisse un espace vide à la place...
Espace qui s'accumule avec les ouvertures/fermetures.
Une idée?
Merci d'avance...
NOTE : La fonction est appliquée sur une balise <tr>, faisant la mise en page du menu grace à un tableau...
|
|
jeudi 19 mai 2005 à 00:00:17 |
Re : Menu Déroulant, Block et Firefox
GhislainLavoie
|
Salut!
Je n'ai jamais vu un comportement semblable avec firefox. Ça peut venir de d'autre chose. Donne ton code en entier ou un lien ou tu déposeras le code pour permettre de tester ce comportement.
A+, Ghislain
|
|
jeudi 19 mai 2005 à 11:14:53 |
Re : Menu Déroulant, Block et Firefox
|
jeudi 19 mai 2005 à 11:23:02 |
Re : Menu Déroulant, Block et Firefox
Endymion222
|
Oups, désolé, je me suis un peu embalé au dessus...
Bref, voila le code demandé, je vous previens, c'est pas beau du tout,
de mon coté y a les images qui vont bien, mais j'ai compressé au max
(tout en gardant le bug...  )
<html>
<head>
<script language="JavaScript">
function OpenOrClose(ID)
{
if (document.getElementById(ID+'_menu').style.display == 'none')
{
document.getElementById(ID+'_menu').style.display = 'block';
}
else
{
document.getElementById(ID+'_menu').style.display = 'none';
}
}
</script>
<style type="text/css">
th { background-color: blue ; width: 300px ; }
td.left, td.right{ background-color : yellow; width: 2px; }
td.bottom { background-color : yellow; height: 2px; }
td.menu {width: 291px}
</style>
</head>
<table border="0" cellspacing="0" class="menu">
<tr onclick="OpenOrClose('lan')" style="cursor:hand">
<th colspan="3">
Lancement
</th>
</tr>
<tr id="lan_menu" style="display:none">
<td class="left"> </td>
<td class="menu">
<a href="toto.html"/> Toto </a> <br
/>
<a href="toto.html"/> Toto </a> <br
/>
<a href="toto.html"/> Toto </a> <br
/>
</td>
<td class="right"> </td>
</tr>
<tr>
<td class="bottom" colspan="3"> </td>
</tr>
</table>
</html>
|
|
vendredi 20 mai 2005 à 00:53:54 |
Re : Menu Déroulant, Block et Firefox
GhislainLavoie
|
Salut! C'est vraiement étrange. J'ai bien essayé de coutourner en coservant les tr's que tu avais mis mais sans succès. Probablement un bug. Voici ce que je te sugères :
<html>
<head>
<script language="JavaScript">
function OpenOrClose(ID)
{
if (document.getElementById(ID+'_menu').style.display == 'none')
{
document.getElementById(ID+'_menu').style.display = 'block';
}
else
{
document.getElementById(ID+'_menu').style.display = 'none';
}
}
</script>
<style type="text/css">
.menu {border-bottom:2px solid yellow; width:300px;}
.titre {cursor:hand; background-color: blue ; font-weight:bold; text-align:center;}
.menuItem {border-right:2px solid yellow;border-left:2px solid yellow;}
</style>
</head>
<body>
<table border="0" cellspacing="0" height="0px" class="menu">
<tr>
<td>
<div onclick="OpenOrClose('lan');" class="titre"> Lancement </div>
<div id="lan_menu" style="display:none" class="menuItem">
<a href="toto.html"/> Toto </a> <br/>
<a href="toto.html"/> Toto </a> <br/>
<a href="toto.html"/> Toto </a> <br/>
</div>
</td></tr>
</table>
</body>
</html>A+, Ghislain |
|
vendredi 20 mai 2005 à 01:03:45 |
Re : Menu Déroulant, Block et Firefox
GhislainLavoie
|
Salut!
A la limite, balance le table au complet :
<html>
<head>
<script language="JavaScript">
function OpenOrClose(ID)
{
if (document.getElementById(ID+'_menu').style.display == 'none')
{
document.getElementById(ID+'_menu').style.display = 'block';
}
else
{
document.getElementById(ID+'_menu').style.display = 'none';
}
}
</script>
<style type="text/css">
.menu {border-bottom:2px solid yellow; width:300px;}
.titre {cursor:pointer; background-color: blue ; font-weight:bold; text-align:center; width:100%}
.menuItem {border-right:2px solid yellow; border-left:2px solid yellow;}
</style>
</head>
<body>
<div class="menu">
<div onclick="OpenOrClose('lan');" class="titre"> Lancement </div>
<div id="lan_menu" style="display:none" class="menuItem">
<a href="toto.html"/> Toto </a> <br/>
<a href="toto.html"/> Toto </a> <br/>
<a href="toto.html"/> Toto </a> <br/>
</div>
</div>
</body>
</html>
a+, Ghislain
|
|
vendredi 20 mai 2005 à 09:59:14 |
Re : Menu Déroulant, Block et Firefox
Endymion222
|
Oui, mais avec ca, je perd les bandes latérales de la table, qui me
permettent, en y mettant l'image qui va bien, de faire un magnifique
menu...
A la rigueur, je peux toujours mettre une table, au coeur de la balise div centrale, mais c'est carrement maladroit...
|
|
dimanche 22 mai 2005 à 19:19:39 |
Re : Menu Déroulant, Block et Firefox
GhislainLavoie
|
Salut! J'ai essayé un autre chose et ça fonctionné et ce avec ton code original.
<script language="JavaScript">
function OpenOrClose(ID)
{
if (document.getElementById(ID+'_menu').style.display == 'none')
{
document.getElementById(ID+'_menu').style.display = '';
}
else
{
document.getElementById(ID+'_menu').style.display = 'none';
}
}
</script>
En fait j'ai enlevé le block et remplacer par une chaine vide.
A+ |
|
lundi 23 mai 2005 à 15:14:42 |
Re : Menu Déroulant, Block et Firefox
Endymion222
|
Ca marche nickel!
Merci...
PS ca doit quand même être un bug...
|
|
Cette discussion est classée dans : menu, style, id, firefox, block
 Répondre à ce message
 Sujets en rapport avec ce message
question de menu [ par valouh ]
Bonjour les gens,je suis débutante et j'ai un ptit problème, je voudrais savoir si on peut faire ça:j'ai 2 menus différents et je voudrais faire un mi
Display:block/inline et firefox (mozilla) [ par romalafrite ]
salut à tous, petit problème. j'ai un petit script que j'ai fait : function ShowHide(thisdiv) { if (thisdiv.style.display=='none') { thisdiv.style.dis
infobulle sous différant navigateur [ par Thundrax ]
Hello,Alors mon problème est simple, j'ai le script de Greengold pour faire de joli info bulle perso, c magique mais ca ne fonctionne que sous-ie... é
Barre menu style Windows [ par cstan ]
salut a vous,je galere trop depuis 2, 3 jours !!!!HELP ME !!!!Pour mon projet je doit avoir une barre style windows en bas, jusqu'a la pas compliquer
"Disable" tableau dans sous menu [ par toutatix ]
bonjour,j ai trouve sur un site internet un script pour menu et sous menu.Je l ai adapte pour ma page.Le script marche super, menu et sous menu appara
Travail sur l'opacite... [ par Grand Mamamouchi ]
Bonjour !Toujours a la recherche d'une maniere elegante de faire apparaitre-disparaitre progressivement du texte, je me suis lance dans une appproche
menu vertical [ par atacama ]
bonjour,J'utilise un menu vertical déroulant javascript sur mon site, le problème est qu'il ne fonctionne qu'avec explorer. Alors si il y avait quelqu
Menu vertical : clignotement sous Firefox [ par gsaunier ]
Bonjour, Dans un menu créé sous JS/CSS, je fais face à un problème de clignotement indésirable (cf. http://forum.alsacreations.com/topic.php?fid=5&tid
Javascript menu deroulant [ par RM50Man ]
C'est un menu déroulant !!!!Quelqu'un pourrait me dire comment faire pour qu'il n'y est^pas d'espace entre le Menu Presentation et classeet comment fa
modifier text qui n'est pas une text box ou text area [ par nyxon ]
J'ai donc creer un tableau tout simple avec une simple ligne...Cette ligne content du texte blablabla J'ai creer une fonction qui permet de cliquer s
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Patrick Guimonet et Benoit Hamet Cette session traitera des différents points exigés durant les taches d'administration : Planification (architecture, hébergement, authentification, .) Opération e...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010 par pierre
Stephane Cordonnier de MCNext nous présente les fonctionnalités Web Content Management (WCM) sous SharePoint 2010. Qu'est-ce que le WCM ECM, GED, RM, WCM c'est quoi Plateforme SharePoint Versions SharePoint 2010 SharePoint Fondation...
Cliquez pour lire la suite de l'article par pierre [DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
 PETITE HORLOGEPETITE HORLOGE par tatillon
Cliquez pour lire la suite par tatillon
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|