J'ai un menu avec des bases rudimentaires en javascript et onClick qui fonctionne bien sous IE mais pas FF.
Plutot surprennant !
Voici un extrait de mes pages .php et .js
Mon menu est en "include" sur toutes mes pages :
<html> <head> <title>Mairie de Rousies - Menu</title> <script SRC="javas/menu.js"> </SCRIPT> </head> <body> <table> <tr><td><img src="images/charte/menu_haut.jpg"></img></td></tr> <tr> <td><div align="left"> <span onClick="fct_menu_mairie()" style="CURSOR: hand">La Mairie</span> <p id="menu_mairie" style="display:none"> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('historique.php')" style="CURSOR: hand">Histoire & Patrimoine</span><br> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('conseilmunicipal.php')" style="CURSOR: hand">Conseil Municipal</span><br> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('encours.php')" style="CURSOR: hand">Réservations Salles</span><br> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('demographie.php')" style="CURSOR: hand">Stat. démographique</span><br> </p> <hr> <span onClick="fct_menu_viePrati()" style="CURSOR: hand">Vie Pratique</span> <p id="menu_viePrati" style="display:none"> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('association.php')" style="CURSOR: hand">Associations</span><br> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('actualite.php')" style="CURSOR: hand">Actualité</span><br> <img src="images/charte/puce6.jpg"> <span onClick="window.navigate('agenda.php')" style="CURSOR: hand">Agenda</span><br> </p> </div></td> </tr> <tr><td><img src="images/charte/menu_bas.jpg"></img></td></tr> </table> </body> </html>
et voila mon javascript en externe :
// JavaScript Document function fct_menu_mairie() { position_menu = 'menu_mairie'; fct_menu(position_menu); } function fct_menu_viePrati() { position_menu = 'menu_viePrati'; fct_menu(position_menu); } function fct_menu(position_menu) { x = document.getElementById("menu_mairie"); x2 = document.getElementById("menu_viePrati"); x.style.display="none"; x2.style.display="none"; y = document.getElementById(position_menu); y.style.display="block"; }
Le javascript en lui même fonctionne, sur les 2 navigateurs les display:block et none se gére bien.
Mais le onClick="window.navigate(toto.php')", ne marche pas sous FireFox, rien ne se passe en voulant accéder à ma page.
et accessoirement le style="CURSOR: hand" non plus, mais c'est moins génant
Merci d'avance pour tout