Soutenez-nous
Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 6 sur 6
  1. #1
    Membre du Club Avatar de The Molo
    Inscrit en
    avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 29

    Informations forums :
    Inscription : avril 2007
    Messages : 240
    Points : 63
    Points
    63

    Par défaut Menu déroulant ne fonctionne pas sur iPad et iPhone

    Bonjour à tous,

    J'ai mis en ligne un nouveau site pour un ami il y a deux semaines et je viens de remarquer un bug sur iPad et iPhone.

    Le menu haut déroulant, qui fonctionne correctement sur PC et Mac peu importe les navigateurs, ne se "déroule pas" sur iPad et iPhone.

    Je me suis creusé la tête pendant plusieurs heures, mais pas moyen de trouver ce qu'il manque dans la CSS.

    Ce serait bien gentil si vous pouviez y jeter un oeil ?

    Merci !

    PS : Vos remarques sur le site sont également les bienvenues...
    The Molo

  2. #2
    Membre éprouvé
    Homme Profil pro Yann
    IUT Informatique
    Inscrit en
    mars 2011
    Messages
    402
    Détails du profil
    Informations personnelles :
    Nom : Homme Yann
    Localisation : France

    Informations professionnelles :
    Activité : IUT Informatique

    Informations forums :
    Inscription : mars 2011
    Messages : 402
    Points : 411
    Points
    411

    Par défaut

    Salut,

    De souvenir, de mon iPhone je n'ai jamais réussi à afficher des sous-menu comme il y a sur ton site, mais peut être que je me trompe ou que ça a changé depuis.
    Si tu ne trouve pas de solution, il y a toujours comme soluce, de repérer que la personne navigue avec un iPad ou iPhone et charger une css spécifique.

    Concernant ton site, j'ai deux remarques.
    La première concerne uniquement lorsque je navigue sur un écran 1920*1080. c'est juste que je trouve bizarre d'avoir le contenu à gauche, et le menu tout à droite. On est toujours obligé de balayer la page de gauche à droite entre le menu et le contenu.
    La deuxième qui n'est pas gênante du tout, c'est juste pour chipoter mais t'as un énorme espace entre ton contenu et ton footer, ca peut te crée un scroll pour rien (je t'ai dit c'est juste pour chipoter :p )

  3. #3
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    7 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 7 010
    Points : 12 417
    Points
    12 417

    Par défaut

    Bonjour,
    peut être que l'événement n'est pas traité de la même façon que sur Ordinateur!
    A lire http://developer.apple.com/library/i...ingEvents.html

    Ajoutes un événement onclick de même fonction.

  4. #4
    Membre du Club Avatar de The Molo
    Inscrit en
    avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 29

    Informations forums :
    Inscription : avril 2007
    Messages : 240
    Points : 63
    Points
    63

    Par défaut

    Bonjour,

    Merci pour vos réponses.

    @malgache :
    J'y ai pensé à modifier la CSS en fonction de la visualisation du site sur iPad ou iPhone mais je ne parviens pas à trouver une class qui puisse remplacer celle ci-dessous, c'est elle qui affiche le déroulement du menu :
    Code :
    1
    2
    3
    4
    5
    6
     
    #menu li:hover > .sousmenu {
    	opacity:1;
    	visibility:visible;
    	margin:0;
    }
    @NoSmoking
    Je ne comprends pas bien ce que vous voulez dire par "Ajoutes un événement onclick de même fonction."

    Merci à vous
    The Molo

  5. #5
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    7 010
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 7 010
    Points : 12 417
    Points
    12 417

    Par défaut

    affectation de la même fonction à deux événements de sources différentes
    Code javascript :
    1
    2
    3
    4
    5
    function showMenu(){
      // le code de la fonction
    }
    oElem.onmouseover = showMenu;
    oElem.onclick = showMenu;

  6. #6
    Membre du Club Avatar de The Molo
    Inscrit en
    avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 29

    Informations forums :
    Inscription : avril 2007
    Messages : 240
    Points : 63
    Points
    63

    Par défaut

    Merci pour votre réponse mais je viens de mettre en place une solution en javascript qui change la class du menu avec l'élément onclick. Ça rejoint un peu votre proposition.

    En tout cas, merci pour l'aide.
    The Molo

+ Répondre à la discussion
Cette discussion est résolue.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •