begin process at 2012 05 29 17:06:38
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

Problème menu déroulant avec Firefox


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème menu déroulant avec Firefox

vendredi 10 octobre 2008 à 21:01:48 | Problème menu déroulant avec Firefox

franckdu34

Bonjour,

J'ai mis un menu déroulant sur mon site qui fonctionne parfaitement sous Internet Explorer mais pas sous Firefox.
Quelqu'un aurait-il la solution pour qu'il fonctionne sous Firefox ? Ci-dessous le script et juste après le code HTML.

Merci d'avance pour votre aide.
Franck

<SCRIPT

language=JavaScript>
document.onmouseover=openIt;

functionopenIt(event)
{
varitems=2;
event
=event||window.event;
currEl
=window.event.toElement
if(currEl.className=="two")
{
newId
=currEl.id+"box"
showBox
=document.getElementById(newId)
showBox
.style.display="block"
}
for(i=1;i<=items;i++)
{
openItem
="item"+i+"box"
elOpen
=document.getElementById(openItem)
if((elOpen.style.display=="block")&&(elOpen!=showBox))
elOpen
.style.display="none"
if(currEl.className=="closeIt")
{
elOpen
.style.display="none"
}
}
}

functioncloseIt()
{
document
.all.item1box.style.display="none";
document
.all.item2box.style.display="none";
}

document
.onclick=closeIt;
document
.onload=initialisation;
</SCRIPT>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<span onMouseOut=closeIt()><

a class="two" id="item1" href=#>Nos produits</a><br>
<table
class="box" id="item1box" onMouseOver="
this.style.display='block'" style="DISPLAY: none" width="100%" cellpadding="2">
<tr><td><
a class="sousmenu" href="index.php?to=caisses" title="Caisses">Caisses</a></td></tr>
<tr><td><
a
class="sousmenu" href="index.php?to=caisses_navette" title="Caisses navettes">Caisses navettes</a></td></tr>
<tr><td><
a
class="sousmenu" href="index.php?to=amenagements_calages" title="Caisses : aménagements et calages">Caisses : aménagements et calages</a></td></tr>
<tr><td><
a
class="sousmenu" href="index.php?to=palettes_emballages" title="Palettes et emballages divers">Palettes et emballages divers</a></td></tr>
</table>
</span>
samedi 11 octobre 2008 à 08:21:33 | Re : Problème menu déroulant avec Firefox

bultez

Membre Club
bonjour,

certes... mais où est la fonction initialisation() ?
ensuite, : ...onMouseOver="this.style.display='block'" style="DISPLAY: none"
               tu vas avoir du mal à passer au dessu d'un machin caché.
après event=event||window.event;
        currEl=window.event.
FF n'aime pas trop window     ;o)

pas regardé plus loin... il y a peut-être d'autres chsoes....
mais bref :

Chrome
controler la page actuelle
Options pour les développeurs
Console Javascript
FireFox
regarder la "console d'erreurs"
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
regarder la "console d'erreurs"
Outils / Console d'erreurs
Opera
regarder la "console d'erreurs"
Outils / Avancé / Console d'erreurs
Safari
regarder Debug / Show JavaScript Console
° modifier Fichier Preferences.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\
y ajouter <key>IncludeDebugMenu</key>
<true/>

Cordialement

           Bul [mon Site] [M'écrire]          

samedi 11 octobre 2008 à 11:26:23 | Re : Problème menu déroulant avec Firefox

franckdu34

Bonjour,

Merci pour ta réponse. J'ai oublié de préciser que je n'y connais rien en Javascript. Je me suis contenté de "pomper" un script quelque part et de le mettre sur mon site en changeant les couleurs.

Voici le script en action, voir lien "Nos produits" et "Nos services" (qui fonctionne sous IE) :
[ Lien ]

Voici le code d'origine :
<SCRIPT language=JavaScript>
document
. onmouseover = openIt

function openIt ()
{
var items = 2 ;
currEl
= window . event . toElement
if ( currEl . className == "two" )
{
newId
= currEl . id + "box"
showBox
= document . all ( newId )
showBox
. style . display = "block"
}
for ( i = 1 ; i <= items ; i ++)
{
openItem
= "item" + i + "box"
elOpen
= document . all ( openItem )
if (( elOpen . style . display == "block" )&&( elOpen != showBox ))
elOpen
. style . display = "none"
if ( currEl . className == "closeIt" )
{
elOpen
. style . display = "none"
}
}
}

function closeIt ()
{
document
. all . item1box . style . display = "none" ;
document
. all . item2box . style . display = "none" ;
}

document
. onclick = closeIt
</SCRIPT>

J'avais changé quelques trucs en fonction de réponses que j'avais trouvé sur des forums mais tout ça sans logique de programmation puisque je n'y comprends rien...

L'idéal serait qu'on me prenne par la main pour modifier ce script afin que le menu fonctionn sous Firefox.

Merci si quelqu'un peut faire quelque chose pour le neuneu
Franck
samedi 11 octobre 2008 à 11:37:12 | Re : Problème menu déroulant avec Firefox

bultez

Membre Club
>>J'ai oublié de préciser que je n'y connais rien en Javascript.
c'est le moment d'apprendre.
je t'ai donné des pistes... répare au moins cela.
          Bul [mon Site] [M'écrire]          

samedi 11 octobre 2008 à 12:26:31 | Re : Problème menu déroulant avec Firefox

franckdu34

En regardant la Console d'erreurs, en effet Firefox me retourne ces erreurs :

Erreur : initialisation is not defined
Fichier Source : [ Lien ]
Ligne : 44

Erreur : window.event is undefined
Fichier Source : [ Lien ]
Ligne : 17

Je prend un aspirine et j'attaque la leçon.
Franck


Cette discussion est classée dans : style, class, document, display, caisses


Répondre à ce message

Sujets en rapport avec ce message

problème de div [ par algori ] Bonjour,Voilà, mon problème est qu'il se génère une erreur dans le script suivant quand j'essaie de fermer ma checkbox. Je suppose que l'erreur est si Pb Compatibilité d'un script sous FireFox [ par Kommius ] Salut à tous! Voilà, je cours à votre aide car j'ai trouvé un petit script sympa sur le site (http://www.javascriptfr.com/code.aspx?ID=22007)Le Code e Parade au style.width sous FireFox ? [ par Shibo_Sources ] Bonjour, je découvre à peine toutes les possibilités qu'offre le javascript ce qui explique mon niveau (je ne me suis pas trompé de section au moins : code compatible Mozilla et IE [ par salim81 ] bonjour a tous! j'ai des script javascript qui sont compatible a Mozilla et les meme script en changeant bien sur quelques fonction compatible IE.je c Propriété display avec IE [ par initnocsib ] Bonjour,Voici un petit script qui fonctionne nickel sous Firefox, mais pas du tout sous IE function active(n){        document.getElementByI Pourquoi ai-je besoin de 2 clicks au départ ? [ par kaizersoze10 ] Bonsoir a tous ! :D Voila : j'ai une fonction javascript qui fait apparaitre/disparaitre des blocks sur ma page suivant ce qu'on click sur le menu ... Probleme du passage d'un script en HTML [ par guillaumedu69 ] Bonjours à tous.Dsl je ne savait pas ou mettre se post alors je l'ai mis ici. si un admin lui trouve une mailleur place il a cas le deplacer et me dir Erreur c00ce56e [ par ov3rdoze ] Bonjour à tousJe viens de terminer un site dans lequel j'utilise XMLHttpRequest. En local pas de problème. Je viens d'envoyer le site sur le serveur e Problème de XmlHttpRequest sous Opera et FF [ par ov3rdoze ] Bonjour à tous.Je travaille actuellement sur un site dans lequel j'utilise XmlHttpRequest. Je viens de mettre celui-ci en ligne, et je m'aperçoit que probléme d'affichage [ par youzou ] Salut j'ai un 2 tableau  et 2 bouton radio si je coche sur l'un des bouton les 2 tableau seront invisible et inversement si je selectionne l'autre bou


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,201 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales