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

JavaScript Discussion :

Résolution de l'utilisateur


Sujet :

JavaScript

  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut Résolution de l'utilisateur
    Bonjour,

    y a-t-il moyen de connaître la résolution de l'utilisateur, afin d'adapter l'image à afficher en fct de celle-ci ?

  2. #2
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <A HREF="javascript:alert('Your resolution is '+screen.width+'x'+screen.height);">
    Click for your screen resolution</A>
     
     
    <SCRIPT language="JavaScript">
    <!--
    if ((screen.width>=1024) && (screen.height>=768))
    {
     window.location="highres.html";
    }
    else
    {
      window.location="lowres.html";
    }
    //-->
    </SCRIPT>

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    Merci pour la réponse, mais encore une question d'ignare en javascript : comment puis-je copier une variable javascript ds une variable php (il n'existe pas de variable html, donc le traitement que j'envisage en fct de la résolution (choix d'une image de taille adaptée), je le ferai en php) ?

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    passe par un champs caché sur lequel tu affectes la valeur souhaitée

  5. #5
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    d'apres ce que je connais, pas moyen de faire passer les variables de JS à PHP !!! Par contre tu pourrais insérer du JS à l'intérieur de ton code PHP.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <? if(empty($res)) {
    echo '
    <script language="JavaScript">
    document.location="page.php3?res=1&w="+screen.width+"&h="+screen.height;             
    </script>';
    } 
    else {
    echo "Résolution d'écran : ".$w."*".$h;
    } ?>
    et on se débrouille pour le reste
    bon courage

  6. #6
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    Je réponds à l'idée du formulaire : donc je mets un champ caché ainsi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="hidden" name="de_js_vers_php" value="var">
    , mais ds value, je mets directement la variable js ?

  7. #7
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    non ...
    avant le submit tu affectes la valeur de la variable a value du champs caché nuance /!\ :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="hidden" name="de_js_vers_php" id="de_js_vers_php" value="">
    coté js :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    ...
    document.getElementById('de_js_vers_php').value = valeur souhaitée
    tonformulaire.submit();
    voila

  8. #8
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    OK,

    mais qu'est-ce que je mets à la place de tonformulaire.submit ?

  9. #9
    Membre expérimenté Avatar de marts
    Inscrit en
    Février 2008
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 233
    Par défaut
    Si tu veux juste renvoyer la résolution de l'écran, pas besoin de faire un formulaire, une redirection automatique sera mieux :

    window.location='ta_page.php?w='+screen.width+'&h='+screen.height;

  10. #10
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    Juste une précision, w et h sont-elles des variables php, que ta_page.php connnaîtra ? (mais ds ce cas, elles devraient s'appeler $w et $h). Et de plus, bien que ne connaissant quasiment rien au js, ne manque-t-il pas +' pour transformer le code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.location='ta_page.php?w='+screen.width+'&h='+screen.height;
    en
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.location='ta_page.php?w='+screen.width+'&h='+screen.height]+';

  11. #11
    Membre expérimenté Avatar de marts
    Inscrit en
    Février 2008
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 233
    Par défaut
    Dans ta_page.php tu récupères les valeurs grâce à $_GET :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    $client_screen_width=$_GET['w'];
    $client_screen_height=$_GET['h'];
    Et non il ne manquait rien à ma ligne de code javascript. '+' avec des chaines de caractères est l'opérateur de concaténation, si le client a une résolution de 1024x768, 'ta_page.php?w='+screen.width+'&h='+screen.height donnera ta_page.php?w=1024&h=768.

  12. #12
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    Excuse ma nullité, mais le code ci-dessus (windows.location...), c'est bien un script javascript à inclure ds <SCRIPT language="JavaScript"> et </SCRIPT> ?

  13. #13
    Membre expérimenté Avatar de marts
    Inscrit en
    Février 2008
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 233
    Par défaut
    ouip

  14. #14
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    Merci,
    j'ai fini par faire marcher ça tôt ce matin (vers 1h...). Il y a juste un endroit où je ne pouvais le faire : une de mes pages est l'action d'un formulaire et l'hébergeur (free) interdit qu'on y mette un fichier qui fasse une redirection... Donc du coup, ici, j'affiche une petite image quelle que soit la résolution.

  15. #15
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 492
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 492
    Billets dans le blog
    1
    Par défaut
    J'ai une petite idée pour contourner ce pb : stocker les variables ds des variables de session, puis qd on appelle le formulaire, ressortir ces variables lors de l'action : le pb, c'est que qd je fais session_start, j'ai le droit à un warning ; est-ce possible de faire ça chez free ?

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

Discussions similaires

  1. Redimensionner son site en fonctione de la résolution de l'utilisateur
    Par matimat2k4 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 13/05/2008, 20h40
  2. Changement d'utilisateur - perte résolution d'écran
    Par Hemgé dans le forum Windows XP
    Réponses: 4
    Dernier message: 22/02/2008, 16h23
  3. background / résolution utilisateur
    Par Dr_Fureur dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 05/03/2007, 08h39
  4. Obtenir la résolution d'écran des utilisateurs ?
    Par piff62 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 23/04/2006, 00h47
  5. Obtenir la résolution de l'utilisateur
    Par Mynautor dans le forum OpenGL
    Réponses: 1
    Dernier message: 01/02/2005, 18h57

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