begin process at 2012 05 29 15:01:26
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

PB compatibilité I.E. - menu déroulant


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

PB compatibilité I.E. - menu déroulant

vendredi 28 septembre 2007 à 13:52:48 | PB compatibilité I.E. - menu déroulant

marguegue


Bonjour,
Alors voilà,
Je fais un site en html/css auquel j'ai intégré un peu de javascript pour un menu déroulant. Tout fonctionne jusqu'au moment où j'y integre un deuxième menu (auquel je ne souhaite pas intégrer de comportement particulier).
Donc du coup je me retrouve avec un site qui fonctionne sous firefox mais sous I.E. mon deuxième menu ne marche pas, .
Voici le lien : http://marguegue.free.fr/Horus/SocialPaye.html


vendredi 28 septembre 2007 à 13:53:27 | Re : PB compatibilité I.E. - menu déroulant

marguegue

Et merci ^^


vendredi 28 septembre 2007 à 16:02:41 | Re : PB compatibilité I.E. - menu déroulant

bultez

Membre Club


Bonjour,

j'ai été faire un ch"tit tour.
    je ne vois qu'un seul menu ? ( IE ou FF )
    pas vu de problème non plus ?  ( pas de plantage, pas d'erreurs ... )
    pourrais tu être plus précis ?

    néanmoins, vu dans les sources plusieurs points "curieux"...

    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }


    pourquoi += dans le onmouseover,
    pourquoi des espaces devant sfhover
    pas trouvé ( dans le css ) de .sfhover
    qu'est censé faire replace(new RegExp(" sfhover\\b"), "") dans le onmouseout ?


    pas regardé plus loin....


                Cordialement            Bul         [mon Site]     [M'écrire]

vendredi 28 septembre 2007 à 18:13:46 | Re : PB compatibilité I.E. - menu déroulant

marguegue

Bonjour et tout d'abord merci merci de te pencher sur mon pb.
Alors le premier menu est horizontal en haut (dit BarreNavigation) et le deuxième menu (dit MenuGauche) se situe à gauche et est vertical,...
Et ensuite, oulà, alors pour toutes ces questions, une réponse : Le javascript et moi ça fait deux. Cependant je vais m'y pencher fortement.
Et comme il se peut bien que ca vienne de là..., Merci

mardi 2 octobre 2007 à 18:28:03 | Re : PB compatibilité I.E. - menu déroulant

marguegue

Bonjour,
Et bien décidémment je n'y comprend rien, j'ai essayé plusieurs modifs mais bon... rien de concluant. Y a t'il quelqu'un pour m'aider svp?...
Voici le code javascript :

sfHover = function() {
    var sfEls = document.getElementById("MenuDeroulant").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

et voici l'html :

<body>
   <div id="Conteneur">
         <div id="Tete">
         </div>         
<div id="MenuDeroulant">
    <ul id="BarreNavigation">
    <li class="Menu1">
    <a href="index.html" title="Page d'accueil" class="Niveau1">Accueil</a>
    </li>
    <li class="Menu1">
    <a href="#" title="Qui sommes nous?" class="Niveau1">Notre identité</a>
    </li>

    <li class="Menu1">
    <a href="#" title="Activités" class="Niveau1">Nos métiers</a>
        <ul>
            <li class="Menu1">
            <a href="SocialPaye.html" title="Social/Paye" class="Niveau2">Social/Paye</a></li>
            <li class="Menu1">
            <a href="ComptabiliteGestion.html" title="Comptabilité/Gestion" class="Niveau2">Comptabilité/Gestion</a></li>
            <li class="Menu1">
            <a href="AdministratifBureautique.html" title="Administratif/Bureautique" class="Niveau2">Administratif/Bureautique</a></li>
            <li class="Menu1">
            <a href="Informatique.html" title="Informatique" class="Niveau2">Informatique</a></li>

        </ul>
    </li>

    <li class="Menu1">
    <a href="#" title="Contacts" class="Niveau1">Nous joindre</a>
    </li>

    <li class="Menu1">
    <a href="#" title="Partenaires" class="Niveau1">Nos partenaires</a>
    </li>

</ul>

</div>     
        
         <div id="Faux">
             <div id="Haut"></div>
            <div id="Boussole">Accueil > Nos métiers >Social/Paye</div>
              <div id="Gauche">
                   <ul id="MenuGauche">
                <li class="G1">
                <a href="SocialPaye.html" title="Social/Paye" class="Actif">Social/Paye</a></li>
                    <ul class="MenuGauche2">
                    <li class="G2">
                    <a href="Embauche.html" title="Embauche" class="GN2">Vous allez embaucher un salarié</a></li>
                    <li class="G2">
                    <a href="BulletinPaye.html" title="Bulletin de paye" class="GN2">Vous avez à établir un bulletin de paye</a></li>
                    <li class="G2">
                    <a href="DroitDuTravail.html" title="Droit du travail" class="GN2">Respectez-vous le droit du travail?</a></li>
                    <li class="G2">
                    <a href="ConflitSalarie.html" title="Conflit avec un salarié" class="GN2">Vous avez un conflit avec un de vos salarié</a></li>
                    <li class="G2">
                    <a href="BesoinsQuestionsR1.html" title="Besoins/Questions" class="GN2">Autres besoins ou autres questions</a></li>
                   
                    </ul>
                <li class="G1">
                <a href="ComptabiliteGestion.html" title="Comptabilité/Gestion" class="GN1">Comptabilité/Gestion</a></li>
                <li class="G1">
                <a href="AdministratifBureautique.html" title="Administratif/Bureautique" class="GN1">Administratif/Bureautique</a></li>
                <li class="G1">
                <a href="Informatique.html" title="Informatique" class="GN1">Informatique</a></li>
                </ul>
    </div>
                  <div id="Centre">
                    <div id="TITRE1">Social/Paye</div>
           </div>
         </div>      
     <div id="Pied"><img src="Img/LogoPastille.jpg" /> S.A.R.L.blabla - 05 05 05 05 05</div>
</div>
               
</body>

J'ai la forte impression qu'I.E. applique une partie du script à mon deuxieme menu sans se soucier de son id...
est-ce possible? Y a t'il un espoir? Parceque là, je bulle...
Merci
mercredi 3 octobre 2007 à 15:56:18 | Re : PB compatibilité I.E. - menu déroulant

marguegue

Bonjour,
bon ben finalement j'ai remplacé la liste du deuxième menu par un tableau. Temps pis.
Merci quand même.


dimanche 21 juin 2009 à 18:24:13 | Re : PB compatibilité I.E. - menu déroulant

bormat

c'est simple tu peux utiliser ce menu qui fonctionne avec ie 5.5 et +

vendredi 6 novembre 2009 à 14:19:18 | Re : PB compatibilité I.E. - menu déroulant

webTunisie

* Menu déroulanten CSS
* Menu hiérarchique vertical ou horizontal sans javascript
Lien: http://www.css-faciles.com/menu-deroulant.php


Cette discussion est classée dans : menu, pb, site, déroulant, compatibilité


Répondre à ce message

Sujets en rapport avec ce message

menu déroulant [ par jotrash ] trasjoBONJOUR A TOUS.Je suis débutant en codes et je voudrais crée pour un site un mennu déroulant du genre de celui de microsoft ou dans ce style.Que Pb menu déroulant... [ par optimed ] Bonjour!Je vous explique mon problème: j'ai un menu déroulant placé dans un formulaire et je voudrais que pour l'item sélectionné dans la liste corres Menu dynamique pb [ par mauler ] Salut tout le monde.J'ai utiliser un script javascript de menu déroulant pour créer une menu pour mon site.Cependant, j'ai une erreur avec mozilla qu iframe et menu déroulant [ par Kangax ] Bonjour,j'ai un léger souci car j'ai créé un site web avec :- des menus déroulants sur la page principale- dans cette même page principale : une ifram Besoin d'un menu déroulant [ par gunichou ] Bonjour j'écris en dernier recours sur votre site.En effet je possède un site perso mais tout le monde me dit que le menu latéral est trop chargé.C'es Compatibilité menu déroulant avec IE versions 4 5 et 6 !! [ par sanghoria ] Bonjour à tous,Je vous présente mon site actuel : http://www.annuaire-animaux.net/portail-animalier.php que j'ai décidé de relooker niveau design et d Probléme compatibilité menu déroulant [ par cmaelc ] Bonjour, voila le code source d'un menu déroulant, cépendant il n'est pas compatible internet explorer :( Je ne sait pas du tout comment faire, voici diaporama a partir d'un menu déroulant [ par vorty42 ] Salut à toutes et à tous, Je suis débutant et complètement perdu. J'aimerai créer un petit site web à l'intérieur duquel j'aimerai pouvoir utiliser un menu déroulant avec effet de fondu [ par jeanMOULIN54 ] Bonjour à tous :)Voilà tout est dans le titre, j'aimerai que vous m'aidiez à réaliser le même effet que sur ce site web : http://www.magicmanu.com/ ( Problème avec menu déroulant [ par nicmet12 ] Bonjour à tous, Tout d'abord merci pour votre forum qui m'a plus qu'aidé durant la construction du site bm-photo. J'ai un petit souci. Je suis entra


Nos sponsors


Sondage...

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 : 2,714 sec (3)

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