[XHTML/CSS/JS] menu déroulant

Recherche :

Sujet(s) à lire :
- [JS] Déclaration de fonction dans une fonction

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [XHTML/CSS/JS] menu déroulant

cosmoschtroumpf

dawa powered

bonjour

je développe un site, et j'ai envie d'y coller des menus déroulants.
Comme j'aime bien développer seul, j'aime bien ne pas prendre des codes tout faits sur le net. Donc je me suis attelé à la tâche, et la première difficulté apparaît.

Voilà le site tel qu'il devrai apparaître (plus ou moins, y'a un bout de bleu/gris à droite du menu principal qui devrait etre noir, mais c'est secondaire) :

donc ça c'est sous firefox, ça marche.

Voilà le site tel qu'il apparaît sous IE :

comme vous le voyez, c'est pas tout à fait ça

voici donc le code concerné :

index.php

Code :

[code effacé pour plus de clarté]

et maintenant (ta-daaaa) le fichier css :

basic.css

Code :

[idem]

Si vous avez une solution pour que l'image du haut reste centrée, et que les sous-menus restent dans la fenêtre, vous auriez toute mon affection [:atsuko]

Merci !

Message édité par cosmoschtroumpf le 26-11-2004 à 16:22:19

Publicité

oirom

ma solution pour contourner ce problème :
fusionner les 2 menus et les imbirqués (il serait plus logique à lire, et on s'approcherait des standards du web)

Code :

<div id="menus">
<ul>
<li>
<a href="#">accueil</a>
<ul>
<li><a href="#">vos pièces</a></li>
<li><a href="#">vos armoires</a></li>
<li><a href="#">vos chaussures</a></li>
</ul>
</li>
<li>
<a href="#" id="lienUtilisations">utilisations</a>
<ul>
<li><a href="#">containers</a></li>
<li><a href="#">cartons</a></li>
<li><a href="#">fleurs coupées</a></li>
</ul>
</li>
<li>
<a href="#" id="lienEspacepro">espace pro</a>
<ul>
<li><a href="#">containers</a></li>
<li><a href="#">cartons</a></li>
<li><a href="#">fleurs coupées</a></li>
</ul>
</li>
<li>
<a href="#" id="lienProduits">produits</a>
<ul>
<li><a href="#">adsobeur d'humidité</a></li>
<li><a href="#">absorbeur d'éthylène</a></li>
<li><a href="#">antigel béton</a></li>
<li><a href="#">gel silice vrac</a></li>
</ul>
</li>
<li>
<a href="#">contact</a>
</li>
</ul>
</div>

y'a plus qu'a modifier le css et fonction.
pour la dynamique du menu, on pourrait de passer de javascript grace au li:hover, mais IE ne l'entend pas de cette oreille.

cosmoschtroumpf

dawa powered

effectivement c'est plus logique, mais, mmhhh, ca va être le bonheur à modifier tout ça

bon, je vais déjà essayer avec ça ce que je peux faire, merci

pour la dynamique, là je vais essayer de positionner correctement les éléments, la dynamique on verra plus tard

Message édité par cosmoschtroumpf le 23-11-2004 à 15:18:46

cosmoschtroumpf

dawa powered

bon, j'ai modifié avec le code donné au-dessus, j'ai réussi à le remettre d'applomb sur mozilla, mais IE c'est encore pire, je vois même plus les sous-menus :

basic.css

Code :

hop, à dégager

index.php - partie menu

Code :

hop, voir plus bas pour le code actuel

merci ! [:zytra]

Edit : si il y en a qui sauraient aussi comment mettre du noir à droite des principaux éléments du menu sous mozilla, comme ça le fait sous IE, ça peut m'aider.
merci

Message édité par cosmoschtroumpf le 24-11-2004 à 14:05:02

cosmoschtroumpf

dawa powered

En attendant d'avoir une réponse, j'ai commencé à intégrer le javascript, et là, ça marche sous IE :heink:
bon, tant mieux. Mais j'ai toujours un petit problème.

J'ai mis un timeout sur mon code JS sur le onmouseout des liens du menu principal, pour cacher le sous-menu après 3 secondes si la souris quitte le menu. Le problème, c'est que une fois sur deux, et même 3 fois sur 4, le sous-menu se recache un peu n'importe quand. Voilà mon code :

menu.php

Code :

<body onload="cacherMenus()" onclick="cacherMenus">
<ul id="menus">
<li><a href="index.php" onMouseOver="cacherMenus()">accueil</a></li>
<li><a href="#" id="lienUtilisations" onMouseOver="montrerMenu('ssMenuUtilisations')" onMouseOut="timeoutMenu()">utilisations</a>
<ul id="ssMenuUtilisations" onMouseOver="killTimeout()">
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">vos pièces</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">vos armoires</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">vos chaussures</a></li>
</ul>
</li>
<li><a href="#" id="lienEspacepro" onMouseOver="montrerMenu('ssMenuEspacepro')" onMouseOut="timeoutMenu()">espace pro</a>
<ul id="ssMenuEspacepro" onMouseOver="killTimeout()">
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">containers</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">cartons</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">fleurs coupées</a></li>
</ul>
</li>
<li><a href="#" id="lienProduits" onMouseOver="montrerMenu('ssMenuProduits')" onMouseOut="timeoutMenu()">produits</a></li>
<ul id="ssMenuProduits" onMouseOver="killTimeout()">
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">adsobeur d'humidité</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">absorbeur d'éthylène</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">antigel béton</a></li>
<li><a href="#" onClick="cacherMenus()" onMouseOver="killTimeout()">gel silice vrac</a></li>
</ul>
<li><a href="#" onMouseOver="cacherMenus()">contact</a></li>
</ul>
</body>

menus.js

Code :

/* Javascript : fonctionnement des menus déroulants */
/***************************************************
* Fonctionnement du code : *
****************************************************
* 1 on lance un cacherMenus() au lancement *
* de la page *
* 2 au survol d'un lien qui ouvre un sous-menu, on *
* lance montrerMenu('menu')
* 3 quand la souris sort du survol du lien, on
* lance timeoutMenu()
* 4 quand la souris pointe sur un élément du
* sous-menu, on lance killTimeout()
* 5 quand on clique sur un lien du sous-menu, on
* lance cacherMenus()
**************************************************/
timer = null;
timerRunning = false;
/*
* CACHERMENUS
* BUT : cacher tous les menus
*/
function cacherMenus() {
timerRunning = false;
document.getElementById('ssMenuUtilisations').style.visibility = "hidden";
document.getElementById('ssMenuEspacepro').style.visibility = "hidden";
document.getElementById('ssMenuProduits').style.visibility = "hidden";
}
/*
* MONTRERMENU
* BUT : montrer un menu
* E : string menuId, l'id du menu à montrer
*/
function montrerMenu(menuId) {
cacherMenus();
document.getElementById(menuId).style.visibility = "visible";
}
/*
* TIMEOUTMENU
* BUT : lorsque la souris quitte le lien principal,
* 3 secondes pour rentrer sur le sous-menu ou le menu se cache
*/
function timeoutMenu() {
timer = setTimeout("cacherMenus()",3000);
timerRunning = true;
}
/*
* KILLTIMEOUT
* BUT : lorsque la souris passe sur le sous-menu,
* arrêt du décompte avant masquage de celui-ci
*/
function killTimeout() {
if (timerRunning) {
clearTimeout(timer);
}
}

menus.css

Code :

/****************************************
* balises, classes générales
****************************************/
* {
font-family: arial, helvetica, sans-serif;
font-size: small;
}
body {
background: #D9DFE1 url('../images/bandeau.jpg') no-repeat center top;
text-align: center;
margin: 0;
width: 760px;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
padding-top: 100px;
}
/****************************************
* Menus
****************************************/
#menus {
position: relative;
top: 0;
background-color: #000;
width: 760px;
padding: 0;
margin: 0;
}
#menus li {
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 125px;
}
#menus a {
border-right: 1px solid #fff;
width: 124px;
background-color: #000;
color: #fff;
float: left;
}
#menus a:hover {
color: #ccc;
}
a:hover#lienUtilisations {
color: #f00;
}
a:hover#lienEspacepro {
color: #0f0;
}
a:hover#lienProduits {
color: #00f;
}
/* MENUS SECONDAIRES */
#ssMenuUtilisations, #ssMenuEspacepro, #ssMenuProduits {
position: absolute;
top: 1.2em;
width: 120px;
padding: 0;
margin: 0 0 0 2px;
}
#ssMenuUtilisations li, #ssMenuEspacepro li, #ssMenuProduits li {
list-style-type: none;
text-align: left;
background-color: #fff;
padding: 0;
margin: 0;
}
#ssMenuUtilisations a, #ssMenuEspacepro a, #ssMenuProduits a {
border: solid #000;
border-width: 0 2px 1px 2px;
font-weight: normal;
color: #000;
float:left;
padding: 0 0 0 2px;
background-color: #fff;
}
#ssMenuUtilisations a:hover {
border-color: #f00;
border-bottom: 1px solid #000;
background-color: #966;
color: #fff;
}
#ssMenuEspacepro a:hover {
border-color: #0f0;
border-bottom: 1px solid #000;
background-color: #696;
color: #fff;
}
#ssMenuProduits a:hover {
border-color: #00f;
border-bottom: 1px solid #000;
background-color: #669;
color: #fff;
}
#ssMenuUtilisations {
left: 120px;
}
#ssMenuEspacepro {
left: 245px;
}
#ssMenuProduits {
left: 370px;
}

j'ai essayé de mettre un timer par menu, en me disant que mon code s'embrouillait dans les timouts et en déclenchait un au milieu de l'arrêt de l'autre ou je ne sais quoi, mais ça me faisait pareil.

et puis j'ai toujours un bout de fond gris à droite du menu principal sous mozilla, alors qu'il devrait être noir [:dawa]

Merci !

Message édité par cosmoschtroumpf le 24-11-2004 à 14:06:33

cosmoschtroumpf

dawa powered

un ptit up parce que je n'ai toujours pas de solution :whistle:

cosmoschtroumpf

dawa powered

allez soyez cools quoi

titione

addicted

tu vas sur le site d'alsacréation où il y a déjà des menus tout faits et super simples en style css qui fonctionnent très bien sur firefox et ie...
pkoi réinventer la roue à tout prix ??

cosmoschtroumpf

dawa powered

pourquoi toujours utiliser le travail des autres ?

Hermes le Messager

Breton Quiétiste

titione a écrit :

tu vas sur le site d'alsacréation où il y a déjà des menus tout faits et super simples en style css qui fonctionnent très bien sur firefox et ie...
pkoi réinventer la roue à tout prix ??

Pour comprendre comment ça marche, faire des progrès et ensuite être capable de faire des nouveaux trucs ? :whistle:

Publicité

masklinn

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

cosmoschtroumpf a écrit :

pourquoi toujours utiliser le travail des autres ?

pourquoi ne pas t'en inspirer pour savoir comment faire ca proprement, de manière standard et en conservant une compatibilité correcte trans-navigateurs? [:djmb]

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

cosmoschtroumpf

dawa powered

Attention masklinn, s'inspirer d'un travail est très différent de l'utiliser. titione me proposait d'utiliser les menus d'alascréation. J'ai dit que je n'allais pas les utiliser, mais m'en insipirer, certainement.

Et puis, ce n'est pas parce que je ne regarde pas le travail des autres que je ne sais pas faire ça "proprement, de manière standard et en conservant une compatibilité correcte trans-navigateurs". Plutôt que de sous-entendre que mon menu n'est pas propre, pas standard et pas compatible, dis-moi ce qui ne va pas, plutôt que de me dire "Va voir chez les autres, et surtout n'essaye pas d'en faire plus". Si je n'essaye jamais par moi-même, quelle sorte de programmeur suis-je ? [:figti] (à part "un mauvais"...)

Message édité par cosmoschtroumpf le 25-11-2004 à 13:13:09

titione

addicted

franchement là c un bout de code de 15 lignes avec 50 lignes de css... donc effectivement c facile à comprendre et facilement customisable à souhait !
après si tu ne veux pas utiliser le travail des autres, ben t'as plus qu'à devenir ermite sur ton île déserte ) c le seul moyen de rencontrer personne et de ne pas utiliser le travail des autres...

cosmoschtroumpf

dawa powered

argh ! mais pourquoi absolument utiliser l'existant ? Je veux pas copier, je veux créer !
J'ai pas dit que je ne jetterais pas un oeil sur le menu, d'ailleurs j'avais déjà regardé bien des codes de menus déroulants avant de me lancer, mais par pitié, épargnez-moi les "prends ce code et tais-toi" !

ma question n'était pas "où trouver un code de menu déroulant sympa", mais "comment optimiser mon code qui est lui aussi facile à comprendre et customisable à souhait, et qui surtout, fait exactement ce que je veux" !

Message édité par cosmoschtroumpf le 25-11-2004 à 13:16:52

Hermes le Messager

Breton Quiétiste

titione a écrit :

Je ne suis pas d'accord.

Que ce soit un script pour un bête rollover, un menu ou n'importe quoi d'autre, il FAUT le faire soi-même et comprendre toutes les subtilités. C'est la seule manière de progresser.

Et puis, ce n'est pas une perte de temps, vu qu'en suite, on réutilise SES PROPRES scripts en connaissant parfaitement les qualités et les défauts ainsi que les possibilités d'adaptation.

Ayuget

R.oger

Note qu'il serait intéréssant que tu fasse une "factorisation" de ton code javascript.
Il y a un article intéréssant à ce propos sur pompage.net:
http://www.pompage.net/pompe/separation/

Message édité par Ayuget le 25-11-2004 à 14:55:57

cosmoschtroumpf

dawa powered

mouais, je vais essayer de faire ça.
thx

Hermes le Messager

Breton Quiétiste

Ayuget a écrit :

Note qu'il serait intéréssant que tu fasse une "factorisation" de ton code javascript.
Il y a un article intéréssant à ce propos sur pompage.net:
http://www.pompage.net/pompe/separation/

excellent article que je bookmarque sur le champ.

cosmoschtroumpf

dawa powered

j'ai une question sur cet article, puisque je ne trouve pas le mail du gars : quand je fais window.onload = initMenu(); ça me fait des tas d'erreurs, et quand je fais window.onload = initMenus;, ça marche, alors que je m'attendrais plutôt à l'inverse :heink:

Hermes le Messager

Breton Quiétiste

et avec window.onload = initMenus(); [:ddr555]

cosmoschtroumpf

dawa powered

Ce n'est pas ça le problème, c'est que dans mon initMenus() après, dans le premier cas il me dit "document.getElementById('ssMenu' + i) has no properties", et dans le second cas ça marche :heink:

Edit : ok j'ai trouvé sur un autre site : si on met les parenthèses il l'exécute direct, alors que si on n'en met pas, il attend la fin du chargement avant de l'exécuter...

Message édité par cosmoschtroumpf le 26-11-2004 à 11:04:35

cosmoschtroumpf

dawa powered

bien bien bien

nouveau problème.

j'ai utilisé l'article de pompage.net, et voilà donc mon nouveau code :

menu.php

<ul id="menus">
<li><a href="menu1" id="menu1">accueil</a>
<ul id="ssMenu1">
</ul>
</li>
<li><a href="#" id="menu2">particuliers</a>
<ul id="ssMenu2">
<?php
for ($i=0;$i<3;$i++) {
echo '<li><a href="#">Sous-menu 1</a></li>';
}
?>
</ul>
</li>
<li><a href="#" id="menu3">professionnels</a>
<ul id="ssMenu3">
<?php
for ($i=0;$i<3;$i++) {
echo '<li><a href="#">sous-menu 2</a></li>';
}
?>
</ul>
</li>
<li><a href="#" id="menu4">produits</a>
<ul id="ssMenu4">
<?php
for ($i=0;$i<3;$i++) {
echo '<li><a href="#">sous-menu3</a></li>';
}
?>
</ul>
</li>
<li><a href="#" id="menu5">contact</a>
<ul id="ssMenu5">
</ul>
</li>
</ul>

menus.js

/* Définition des variables globales */

nbMenus = 5;
timer = null;
timerRunning = false;
var W3CDOM = (document.createElement && document.getElementsByTagName);

/*
* INITMENUS
* BUT : initialiser les menus en appliquant les styles
*/
function initMenus() {
// si le navigateur ne gère pas createElement et getElementByTagName, on quitte la fonction
if (!W3CDOM) return;
/***************************************************
* Application des styles CSS *
***************************************************/
for (i=1;i<=nbMenus;i++) {
with (document.getElementById('ssMenu' + i).style) {
position = "absolute";
top = "1.2em";
width = "120px";
padding = "0";
margin = "0 0 0 2px";
left = (i*124)-124 + "px";
visibility = "hidden";
}
}

/***************************************************
* Gestion de la dynamique des menus *
***************************************************/
for (i=1;i<=nbMenus;i++) {
with(document.getElementById('menu' + i)) {
// que je mette montrerMenu() entre guillemets
// ou non, ça ne fait rien :
onmouseover = "montrerMenu(i)";
onmouseout = "timeoutMenu()";
}
}
}

/*
* CACHERMENUS
* BUT : cacher tous les menus
*/
function cacherMenus() {
timerRunning = false;
for(i=1;i<=nbMenus;i++) {
document.getElementById('ssMenu' + i).style.visibility = "hidden";
}
}

/*
* MONTRERMENU
* BUT : montrer un menu
* E : int menuNb, le numéro du menu à montrer
*/
function montrerMenu(menuNb) {
cacherMenus();
document.getElementById('ssMenu' + menuNb).style.visibility = "visible";
}

/*
* TIMEOUTMENU
* BUT : lorsque la souris quitte le lien
* principal, 3 secondes pour rentrer sur le
* sous-menu ou le menu se cache
*/
function timeoutMenu() {
timer = setTimeout("cacherMenus()",3000);
timerRunning = true;
}

/*
* KILLTIMEOUT
* BUT : lorsque la souris passe sur le
* sous-menu, arrêt du décompte avant masquage
* de celui-ci
*/

function killTimeout() {
if (timerRunning) {
clearTimeout(timer);
}
}

window.onload=initMenus;

Et comme je suis un mec bien lourd, je vous met même mon css :

basic.css

/****************************************
* balises, classes générales
****************************************/

* {
font-family: arial, helvetica, sans-serif;
font-size: small;
}

body {
background: #D9DFE1 url('../images/bandeau.jpg') no-repeat center top;
text-align: center;
margin: 0;
width: 760px;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
padding-top: 100px;
}

a {
color: #4F71D1;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #0E1B89;
}

#footer {
background-color: #000;
color: #fff;
font-size: 10px;
margin: 0;
padding: 0;
width: 760px;
border: 1px solid #000;
}

.accessibilite {
display: none;
}

/****************************************
* Textes
****************************************/

#contenu {
text-align: left;
clear: both;
background-color: #fff;
margin: 0;
padding: 1em 0;
width: 760px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#contenu_haut, #contenu_bas {
clear: both;
margin: 1em;
}
#contenu_haut img {
float: left;
border: 1px solid #f00;
margin: 1em;
}
#contenu_bas img {
float: right;
border: 1px solid #f00;
margin: 1em;
}

/****************************************
* Menus
****************************************/

#menus {
position: relative;
top: 0;
background-color: #000;
width: 760px;
padding: 0;
margin: 0;
}
#menus li {
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 125px;
}
#menus a {
border-right: 1px solid #fff;
width: 124px;
background-color: #000;
color: #fff;
float: left;
}
#menus a:hover {
color: #ccc;
}

a:hover#menu2 {
color: #f00;
}
a:hover#menu3 {
color: #0f0;
}
a:hover#menu4 {
color: #66f;
}

/* MENUS SECONDAIRES */

#ssMenu2 li, #ssMenu3 li, #ssMenu4 li {
list-style-type: none;
text-align: left;
background-color: #fff;
padding: 0;
margin: 0;
}
#ssMenu2 a, #ssMenu3 a, #ssMenu4 a {
border: solid #000;
border-width: 0 2px 1px 2px;
font-weight: normal;
color: #000;
float:left;
padding: 0 0 0 2px;
background-color: #fff;
}
#ssMenu2 a:hover {
border-color: #f00;
border-bottom: 1px solid #000;
background-color: #966;
color: #fff;
}
#ssMenu3 a:hover {
border-color: #0f0;
border-bottom: 1px solid #000;
background-color: #696;
color: #fff;
}
#ssMenu4 a:hover {
border-color: #00f;
border-bottom: 1px solid #000;
background-color: #669;
color: #fff;
}
#ssMenu2 {
left: 120px;
}
#ssMenu3 {
left: 245px;
}
#ssMenu4 {
left: 370px;
}

et voilà le résultat sous Firefox :

sous IE ca ne me fait pas le décalage entre les menus et le texte :??:
et dans tous les cas, les menus ne s'affichent pas

si vous pouviez m'aider...

merci !

cosmoschtroumpf

dawa powered

bon, ça ne s'arange pas.
Mes menus ne s'affichent toujours pas. Enfin, si, sous IE ils s'affichent, mais pas sous Firefox :pt1cable: :sweat: . Du coup en fait ça s'arrange un peu.

mon nouveau code JS, qui s'est transformé en JS/PHP pour générer des fonctions... enfin, j'ai l'impression de me compliquer la vie pour rien...

menus.js.php

Code :

/* Définition des variables globales */
nbMenus = 5;
<?php
$nbMenus = 5;
?>
timer = null;
timerRunning = false;
var W3CDOM = (document.createElement && document.getElementsByTagName);
/*
* INITMENUS
* BUT : initialiser les menus en appliquant les styles
*/
function initMenus() {
// si le navigateur ne gère pas createElement et getElementsByTagName, on quitte la fonction
if (!W3CDOM) return;
/***************************************************
* Application des styles CSS *
***************************************************/
for (i=1;i<=nbMenus;i++) {
with (document.getElementById('ssMenu' + i).style) {
width = "120px";
padding = "0";
margin = "0 0 0 2px";
left = (i*124)-124 + "px";
}
}
/***************************************************
* Gestion de la dynamique des menus *
***************************************************/
document.getElementsByTagName("body" ).onclick = cacherMenus;
<?php
for ($i=1;$i<=$nbMenus;$i++) {
printf('
with(document.getElementById("menu' . $i . '" )) {
onmouseover = montrerMenu' . $i . ';
onmouseout = timeoutMenu;
onclick = cacherMenus;
}
with(document.getElementById("ssMenu' . $i . '" )) {
onmouseover = killTimeout;
onclick = cacherMenus;
onmouseout = timeoutMenu;
}
');
}
?>
cacherMenus();
}
/*
* CACHERMENUS
* BUT : cacher tous les menus
*/
function cacherMenus() {
timerRunning = false;
for(i=1;i<=nbMenus;i++) {
document.getElementById('ssMenu' + i).style.visibility = "hidden";
}
}
/*
* MONTRERMENU
* BUT : montrer un menu
* COM : généré en Php, parce qu'en JS seul c'est pas possible
*/
<?php
for ($i=1;$i<=$nbMenus;$i++) {
printf("
function montrerMenu" . $i . "() {\n
cacherMenus();
document.getElementById('ssMenu" . $i . "').style.visibility = 'visible';
}" );
}
?>
/*
* TIMEOUTMENU
* BUT : lorsque la souris quitte le lien principal, 3 secondes pour rentrer sur le sous-menu ou le menu se cache
*/
function timeoutMenu() {
timer = setTimeout("cacherMenus()",3000);
timerRunning = true;
}
/*
* KILLTIMEOUT
* BUT : lorsque la souris passe sur le sous-menu, arrêt du décompte avant masquage de celui-ci
*/
function killTimeout() {
if (timerRunning) {
clearTimeout(timer);
}
}
window.onload=initMenus;

pourquoi ça marche sous IE mais pas sous mozilla ? :??:

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

[XHTML/CSS/JS] menu déroulant

Sujets relatifs
[CSS] Changement d'image de fond de cellule avec une css ?	[CSS] Définir la taillle de la marque d'une liste ?
spécifier la couleur de <hr > (xhtml 1.0) [résolu]	variable globale et css
frameset border="0" & xhtml 1.0 validation	Liste menu (forumlaire), prob de transmission de valeur
Menu déroulant
Plus de sujets relatifs à : [XHTML/CSS/JS] menu déroulant

Page générée en 0.141 secondes