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
 SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|