Probleme Menu JS + CSS

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par lambi521, 24 Février 2011.

  1. lambi521
    lambi521 WRInaute passionné
    Inscrit:
    15 Juin 2010
    Messages:
    1 476
    J'aime reçus:
    0
    Bonjour à tous,

    Je sollicite votre aide pour un problème sur le menu de mon site web.
    En effet, mon menu récupère mes catégories dans ma BDD dynamiquement en php et retourne le code javascript + CSS qui va bien et cela donne le menu horizontal de mon site que vous voyez sur toutes les pages.

    Seulement voilà, je commence à avoir pas mal de catégories et je me suis aperçu en visitant mon site sur mon ordi portable 15" (au travail j'ai un très grand écran) que lorsqu'il y avait trop de sous-catégories, le menu se déroulait au survol de la souris vers le haut !

    Vous pouvez tester en réduisant la taille de la fenetre de votre explorateur et en survolant la catégorie 'toner laser' par exemple (c'est celle où il y le plus de sous-catégories). J'aimerais savoir comment il serait possible de 'forcer' le menu à se dérouler vers le bas, même si la fenetre de l'internaute n'est pas assez grande pour tout afficher (d'autant qu'il n'y a pas plus de place vers le haut...)

    Si quelqu'un voit une solution à mon probleme je lui en serais très reconnaissant !
     
  2. ZelkiN
    ZelkiN WRInaute occasionnel
    Inscrit:
    27 Juillet 2007
    Messages:
    463
    J'aime reçus:
    0
    Salut,

    Alors dans un premier temps je dirai que tu te complique la vie avec plein de code pour pas grand chose. Pourquoi n'utilise -tu pas des div caché et quand tu survol ton menu ca les affiche simplement avec un $('#div').show() ou hide() avec jquery ?! Ca t'éviterai d'avoir autant de js array etc...

    Dans un second temps je répond a ta question avec ton code : je pense que le solution est dans js/mymenu.js

    Tu as une code

    Code:
    else{var windowedge=ie4&&!window.opera?iecompattest().scrollTop+iecompattest().clientHeight-15:window.pageYOffset+window.innerHeight-18
    
    Fais une recherche Height dans ton js tu tomberas sur 5 résultats, regarde si tu peux modifier ca, et si notamment il y a une condition vis a vis de la taille de fenêtre du nav, si oui enleve la ;)

    Bonne chance
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 809
    J'aime reçus:
    242
  4. lambi521
    lambi521 WRInaute passionné
    Inscrit:
    15 Juin 2010
    Messages:
    1 476
    J'aime reçus:
    0
    Merci pour vos réponses les gars !

    Je dois que dire que le JS c'est pas mon truc, moi c'est PHP/mySQL/CSS/html; j'utilise la blibliotheque jquery pour la lightbox sur les images de mes fiches produits et et protoype pour le slider du header.

    J'avais trouvé ce menu qui était une contrib pour OSC mais je suis preneur de tout autre menu, surtout si ça fonctionne avec jquery ou protoype !

    Je vais essayer de réparé celui là et de voir avec le lien de spout pour en faire un tout neuf en local déjà. Je vous tient au courant, merci encore !
     
  5. lambi521
    lambi521 WRInaute passionné
    Inscrit:
    15 Juin 2010
    Messages:
    1 476
    J'aime reçus:
    0
    Re,

    Code:
    if(windowedge-dropmenuobj.y<dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight}
    return edgeoffset}
    Tu avais raison, ceci caclulait l'offset en fonction de la taille du menu et de la taille du nav, j'ai mis que edgeoffset = 0 et le probleme a disparu ! Merci

    Je vais regarder pour un menu en jQuery maitnenant...
     
  6. ZelkiN
    ZelkiN WRInaute occasionnel
    Inscrit:
    27 Juillet 2007
    Messages:
    463
    J'aime reçus:
    0
    Parfait, n'hésite pas à m'envoyer un MP pour un peu d'aide !

    Bonne chance
     
Chargement...
Similar Threads - Probleme Menu CSS Forum Date
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
problème lien menu deroulant sur wix Demandes d'avis et de conseils sur vos sites 23 Janvier 2019
probleme decallage menus VPNDISCOUNT Développement d'un site Web ou d'une appli mobile 7 Décembre 2013
Problème message et slidemenu Développement d'un site Web ou d'une appli mobile 13 Juin 2013
Probleme Liens menu URL Rewriting et .htaccess 22 Mai 2012
Probleme de menu déroulant Développement d'un site Web ou d'une appli mobile 23 Août 2011
Problème avec sous menu en php Développement d'un site Web ou d'une appli mobile 22 Avril 2011
Probleme avec menu deroulant Développement d'un site Web ou d'une appli mobile 4 Novembre 2010
Menu déroulant probleme referencement Débuter en référencement 6 Octobre 2010
probleme de menu Développement d'un site Web ou d'une appli mobile 6 Octobre 2010
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice