IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Version PC et mobile même page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Décembre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Décembre 2012
    Messages : 4
    Par défaut Version PC et mobile même page
    Bonsoir,

    Je dois réaliser une page HTML qui regroupe une version ordinateur et une version mobile
    J'ai réalisé un .html pour la version ordinateur et un autre pour la version mobile
    Comment puis-je faire en utilisant uniquement du HTML (ou javascript) pour regrouper tout en une seule page ? pas de PHP, htaccess, pas d'appel d'autre fichier html

    Une idée ?

    Merci d'avance

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Comment puis-je faire […] pour regrouper tout en une seule page ?
    Ce n'est pas clair.
    • Soit vous avez deux pages (une mobile et une desktop), et vous faites de la détection de user-agent (avec javascript ici).
    • Soit vous ne proposez qu'une seule page html, dont le design et les fonctionnalités s'adapteront en fonction du contexte de navigation (adaptive design). Ici, ça peut passer par CSS, mais aussi par HTML et Javascript. C'est selon moi la meilleure solution, car la détection de user-agent n'est pas fiable.

  3. #3
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    L'html pure et dur ne permet rien en dehors de l'affichage. Donc dès que tu as des demandes spécifiques il te faudra obligatoirement passer par des ajouts.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  4. #4
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Décembre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Décembre 2012
    Messages : 4
    Par défaut
    Bonsoir et merci pour vos réponses,

    J'ai pensé à l'adaptive design mais les 2 versions de cette page sont vraiment différentes.
    En fait, ce que je cherche serait une détection par user-agent qui afficherai une partie du code html en fonction de l'user-agent

  5. #5
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    la détection par user agent est viable et surtout est réalisable mais là encore l'html ne peux rien pour toi il faudra passer par du javascript pour effectuer soir les redirection soit les restriction de masquage et d'affichage de zone.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  6. #6
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    Si le contenu de la page est le même mais que seul l'affichage doit être différent, le mieux est de passer par un CSS "alternatif" :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <!-- CSS "normal" à charger sur un PC -->
    <link href="css/desktop.css" rel="stylesheet" type="text/css">
     
    <!-- CSS à charger pour un téléphone en se basant sur la résolution -->
    <link href="css/phone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" />
     
    <!-- CSS à charger pour une tablette en se basant sur la résolution -->
    <link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 768px)" />
     
    <!-- CSS à charger pour un iPad -->
    <link href="css/ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px)" />
    Pour info, je n'ai pas testé ces codes, c'est juste ce que retournent des posts sur d'autres forums mais apparement ils sont valides.

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    Décembre 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Décembre 2012
    Messages : 4
    Par défaut
    Citation Envoyé par Vil'Coyote Voir le message
    la détection par user agent est viable et surtout est réalisable mais là encore l'html ne peux rien pour toi il faudra passer par du javascript pour effectuer soir les redirection soit les restriction de masquage et d'affichage de zone.
    Si je peux faire ça en javascript tout en restant sur la même page html je suis preneur. Je peux rajouter un fichier .js ou intégrer ça sans soucis dans le html
    Mais comment est-ce réalisable de n'afficher qu'une partie de la page et masquer le reste ?

Discussions similaires

  1. Réponses: 1
    Dernier message: 18/05/2010, 15h07
  2. [QuickReport] Entete de groupe + détail sur la même page
    Par portu dans le forum Bases de données
    Réponses: 3
    Dernier message: 11/06/2005, 10h15
  3. resultat dans la même page
    Par jive dans le forum ASP
    Réponses: 7
    Dernier message: 15/04/2005, 00h26
  4. Réponses: 1
    Dernier message: 28/10/2004, 21h27
  5. lien sur une même page asp
    Par Redouane dans le forum ASP
    Réponses: 4
    Dernier message: 10/03/2004, 15h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo