Bonjour,
J'ai écrit un petit système de menu en Javascript, mais mon code ne semble pas fonctionnel sous Mozilla alors que celui-ci est tout à fait géré par Opera et IE.
Voici mon code :
- menu.js :
Code :
- function UpdateMenu(btn){
- var liens = '';
- btn.src = './images/design/on_' + btn.id + '.gif';
- if(btn != btn_accueil){ btn_accueil.src = './images/design/off_btn_accueil.gif'; }
- if(btn != btn_actualite){ btn_actualite.src = './images/design/off_btn_actualite.gif'; }
- if(btn != btn_services){ btn_services.src = './images/design/off_btn_services.gif'; }
- if(btn != btn_entreprises){ btn_entreprises.src = './images/design/off_btn_entreprises.gif'; }
- if(btn != btn_liens){ btn_liens.src = './images/design/off_btn_liens.gif'; }
- if(btn != btn_chercheurs){ btn_chercheurs.src = './images/design/off_btn_chercheurs.gif'; }
- if(btn.id == 'btn_accueil'){ liens = '<a href="?" class="lien_menu">Homepage</a> - ...'; }
- else if(btn.id == 'btn_actualite'){ liens = '<a href="?" class="lien_menu">News</a> ...'; }
- else if(btn.id == 'btn_services'){ liens = '<a href="?" class="lien_menu">Argent Solidaire</a> - ...'; }
- else if(btn.id == 'btn_entreprises'){ liens = '<a href="?" class="lien_menu">Annuaire</a> - ...'; }
- else if(btn.id == 'btn_liens'){ liens = '<a href="?" class="lien_menu">Sites d\'économie sociale</a> - ...'; }
- else if(btn.id == 'btn_chercheurs'){ liens = '<a href="?" class="lien_menu">Belgique</a> - ...'; }
- menu_liens.innerHTML = liens;
- }
|
Note : Apparemment seule la ligne "btn.src = './images/design/on_' + btn.id + '.gif';" semble être prise en compte par Mozilla.
- dans mes pages :
Code :
- ...
- <script type="text/JavaScript" src="menu.js"></script>
- ...
- <body onload="UpdateMenu(btn_accueil)">
- ...
- <div id="menu">
- <div id="menu_choix">
- <img src="./images/design/on_btn_accueil.gif" id="btn_accueil" onmouseover="UpdateMenu(this)" alt="Accueil" />
- <img src="./images/design/off_btn_actualite.gif" id="btn_actualite" onmouseover="UpdateMenu(this)" alt="Actualité" />
- <img src="./images/design/off_btn_services.gif" id="btn_services" onmouseover="UpdateMenu(this)" alt="Services" />
- <img src="./images/design/off_btn_entreprises.gif" id="btn_entreprises" onmouseover="UpdateMenu(this)" alt="Entreprises" />
- <img src="./images/design/off_btn_liens.gif" id="btn_liens" onmouseover="UpdateMenu(this)" alt="Liens" />
- <img src="./images/design/off_btn_chercheurs.gif" id="btn_chercheurs" onmouseover="UpdateMenu(this)" alt="Chercheurs" />
- </div>
- <div id="menu_liens"> </div>
- </div>
|
Voilà ^^
Toute aide est la bienvenue pour résoudre mon problème de compatibilité. Merci.
Message édité par Gogo_ le 01-03-2004 à 17:10:32