Redirection en fonction de définition écran ?

Question

Bonjour
Je voudrais savoir s'il était possible de créer deux versions d'une même page, une écran classique 4:3 et écran widescreen, et d'envoyer le visiteur automatiquement sur celle qui lui convient en fonction de son écran.
Merci de m'éclairer !

dcanl · Answer

Salut !

Regarde ici : PHP Détecter la résolution d'affichage - La solution

@+

Mysterious_fea · Answer

Merci mais je m'y connais pas tellement en PHP.
Je pense qu'il faudrait pas partir sur la condition largeur={1024 ou 1280} 
mais plutôt calculer le rapport width/height, mettons $rapport
if $rapport = 4/3 then redirection vers index_classique.html
if $rapport = 16/10 then redirection vers index_wide.html

Voilà il faut partir dans un truc comme ça mais je sais pas du tout le coder proprement donc si quelqu'un peut m'aider, il est le bienvenu !
Merci encore dcanl
Ciao

dcanl · Answer

Salut.

Ben suffit de calculer screen.width/screen.height  puis de comparer avec 4/3 ou 16/10

C'est surtout du javascript (en tout cas pour la récupération de la résolution), pas trop du PHP, vu que ce langage ne peut pas récupérer la résolution lui-même.

@+

Mysterious_fea · Answer

Ben justement j'y connais rien à la programmation php ou js.
Tu te sens pas de me le programmer stp si c'est simple ?
Merci

dcanl · Answer

Et bien c'est le moment de t'y mettre !! ;-) Mais je suis bon. (oui, merci, mes chevilles vont bien :D) "; } else { $Ratio=$_GET['Largeur']/$_GET['Hauteur']; if($Ratio==16/10) { echo("16/10"); } elseif ($Ratio==16/9) { echo("16/9"); } elseif ($Ratio==4/3) { echo("4/3"); } else { echo("Autre résolution ou résolution non détectée"); } } ?> Les echo("16/10"); etc... c'est pour tester le fonctionnement (ça affiche le ratio détecté). @+

Mysterious_fea · Answer

Merci beaucoup. Mais je n'ai pas trouvé ce qu'il faut mettre à la place de echo("X") pour faire une redirection.

J'ai essayé un script PHP :
header( "Status: 301 Moved Permanently", false, 301);
header( "Location: http://www.votresite.com/unepage.htm");
exit();

Un JS :

window.location.replace(
 "http://www.un-site.com/une-page.htm");

Mais rien ne marche. Ca doit être super simple mais bon...si tu me le disais ça serait simpa !
Merci !

dcanl · Answer

Re. Faut un mélange de PHP et de JS. ^^ Remplace-les par echo ""; @+

Mysterious_fea · Answer

Merci BEAUCOUP BEAUCOUP BEAUCOUP .... ! Tout marche bien, je te remercie encore. J'ai donc fait un index.php avec le code suivant : "; } else { $Ratio=$_GET['Largeur']/$_GET['Hauteur']; if($Ratio==16/10) { echo ""; } elseif ($Ratio==16/9) { echo ""; } elseif ($Ratio==4/3) { echo ""; } else { echo ""; } } ?> Et donc créé deux pages d'accueil : index1.html pour l'écran classique, index2.html pour l'écran wide. Et tous les liens qui pointent vers l'accueil à l'intérieur du site ne posent pas de problème car, pour éviter de tous les changer de "index.html" en "index.php", j'ai créé une page index.html avec une redirection par les balises meta vers "index.php", et l'opération se répète. Juste un petit truc : il me semble qu'on peut effectuer des redirections permanentes avec le fichier .htaccess : ça serait plus propre que la redirection par les meta que j'ai effectuée. Comment fait-on stp ? Merci, merci, merci et merci encore.

Mysterious_fea · Answer

J'ai cherché un peu par moi même (pour une fois !^^), mais ce que j'ai mis ne marche pas :
Dans .htaccess :

RedirectPermanent /index.html
 /index.php


J'ai aussi essayé :


RedirectPermanent /index.html
 http://www.ensceneassociation/index.php


Mais ça marche pas !

Mysterious_fea · Answer

A non c'est bon ! Dsl ! J'ai mis tout sur une ligne et ça marche : RedirectPermanent /index.html http://www.ensceneassociation/index.php Mais est-ce possible de mettre une adresse relative à la place de l'adresse absolue, parce que j'ai essayé et ça marche pas ?

Mysterious_fea · Answer

Oui, oui, je sais, mais j'ai fait ça pour m'éviter d'avoir à changer tous les liens index, ce qui est assez long. Mais si un jour j'ai le temps, je le ferais et ça sera mieux.
Merci pour ton aide.
@+

dcanl · Answer

Bah il suffit d'ouvrir tous tes fichiers en même temps dans Notepad++ par exemple et de remplacer par dans tous les documents. Ça ne prend pas plus de 5 secondes ! (4,9 pour saisir le code à remplacer et 0,1 pour remplacer dans tous les documents ouverts) Je te montre en image. Ravi d'avoir pu t'aider. @+

Mysterious_fea · Answer

Largement moins de 5 secondes !
Merci beaucoup pour ton aide !
Un petit truc : penses-tu que ça vaut la peine que je fasse tout mon site en 2 versions ?
Et est-ce possible de régler la largeur d'une image en fonction de la place qu'il reste dans la largeur ?
Thx

Mysterious_fea · Answer

Je vais pas faire deux versions, ça ira...
Quant au deuxième point, ce n'est pas possible de le réaliser sur une page XHTML ?
Parce que j'ai pas envie de tout changer en .php, même en moins de 5 sec avec NPP !

Mysterious_fea · Answer

Un autre (encore !) truc : y a t il beaucoup d'internautes en 800x600 ?

Mysterious_fea · Answer

C'est trop chiant, je viens de me rendre compte que mon site foirait en 800x600, et quand je l'adapte à cette résol., tout paraît tout petit en 1024x768 ou plus.
Comment tu fais toi ?

Mysterious_fea · Answer

Regarde : http://www.ensceneassociation.fr/carnet.html
Du premier au cinquième bouton de la ligne, ça fait un peu moins de 800 pixels, et les boutons sont tous petits. Bon, si je les redimensionne, ils sont moins flous mais toujours petits. Regarde une autre page (à part Accueil) pour voir comment c'est normalement (juste les boutons, le reste c'est normal que ça foire)

Mysterious_fea · Answer

Re-salut (encore et toujours...)
Ca me tracasse, quand, même, c'est un peu petit.
Pourrais-tu m'écrire un script JS qui calculerait screen.width [moins] 100 [divisé par] 5 [égal] $width
et mettre $width en largeur des boutons

ou alors pour screenwidth=800 => width = 140px
pour screenwidth="1024" => width = 180 px
pour screenwidth="1152 et plus" => width = 200px 
?

Merci
@+

Mysterious_fea · Answer

Je suis OK pour faire plusieurs tailles de boutons mais comment je change l'image en fonction de screenwidth ?

Mysterious_fea · Answer

En widescreen (1280x768) c'est vraiment ridicule : http://www.ensceneassociation.fr/a.jpg
En 1024x768, c'est petit : http://www.ensceneassociation.fr/b.jpg
En ~1152x800 (comme toi), c'est aussi petit : http://www.ensceneassociation.fr/c.jpg
En 800x600, j'ai encore un peu de marge (10px par bouton) : http://www.ensceneassociation.fr/d.jpg

Mais bon voilà j'aimerais bien adapter la taille de mes boutons

Mysterious_fea · Answer

Bon j'ai changé un peu (largeur des boutons : 175), mais bon en widescreen c'est toujours aussi ridicule. Please !

Mysterious_fea · Answer

Donc sans mettre de texte ?

dcanl · Answer

Si justement, en mettant du texte, avec une image par derrière.

Mysterious_fea · Answer

Bne, non, je peux pas mettre ma police dessus alors.
Mais c'est bon, je garde cette technique, je me suis déjà bien fait chier pour arriver à ça alors...
Si t'as une idée pour ce que je t'ai demandé, t'es le bienvenu, mais sinon je reste comme ça.
@+

dcanl · Answer

Si c'est possible !

Mysterious_fea · Answer

Tu pense que c'est possible ?

dcanl · Answer

C'est pas que je pense, c'est que ça l'est.

Tu peux très bien définir une image de fond pour tes balises "a" (liens).

@+

Mysterious_fea · Answer

Non mais je veux pas faire ça ! Tu pense que c'est possible de changer les images du menu en fonction de screenwidth en HMTL et JS ?

dcanl · Answer

En PHP et JS oui.

Redirection en fonction de définition écran ? - Page 2

Discussions similaires

Newsletters