Bonjour,
 
Voila j'ai encore un problème avec mon affichage. Je voudrais faire en sorte que la feuille de style change si la résolution d'écran est 800 ou supérieur à 800. Donc j'ai fait un petit bout de code en php. Je précise que j'ai testé la valeur de $w, elle contient toujours la bonne valeur. Seul problème, j'ai l'impression que la condition s'arrête après le if et qu'il ne comprend pas l'instruction. C'est à dire concrètement :
 
Là je fais echo $w juste avant le if, il m'affiche 1024, et il execute pourtant la première instruction. Si j'inverse, en mettant en premier if ($w>800) il m'affiche la bonne feuille de style mais quand je me met en 800 pour tester il execute toujours la première instruction.
 
<?php
         $w="<script>document.write(screen.width);</script>";
         $bloginfo = get_bloginfo('stylesheet_directory');
         $fav = $bloginfo.'/favicon.ico';  
 
if ($w<=800) {
    $val = $bloginfo.'/style2.css';
}
else if ($w>800) {
    $val = $bloginfo.'/style.css';
}
else
{
echo "Votre résolution d'écran est trop petite";
}
?>
        <link rel="stylesheet" href="<?php  echo $val; ?>" type="text/css" media="screen" />
 
 
J'espère avoir été claire, si quelqu'un pouvait m'aider ça serait très gentil    
 
Merci d'avance  

Salut,
 
Bon déjà, le dernier else ne sert à rien, t'as les valeurs <= 800 dans le premier IF, les valeurs > 800 dans le second, je te rassure tu couvres l'ensemble des entiers naturels
 
Sinon y aurait pas un bins genre ta variable $w contient un espace ou une connerie du genre ?
 
Tente un echo '-' . $w . '-', tu le verras de suite.

        $w=document.write(screen.width);</script>";

le php est executé cote serveur, le javascript coté client
donc le php est toujorus executé avant le js, donc ta ligne revient a mettre uen chaine de caractère dans w, au lieu de la largeur de l'ecran

Pour moi, tu dois avoir une page index.php toute bête qui envoi en paramètre POST à une autre page la résolution de ton utilisateur (en javascript). Ensuite PHP interprète derrière et fait les modifications éventuelles sur les CSS

 
Non. Ton navigateur t'affiche 1024. Php a affiché "<script>document.write(screen.width);</script>". Regarde le code source de ta page, pas le rendu, si tu veux comprendre ce qui se passe coté php.

Tout d'abord merci pour vos réponses.
Le Php interprété avant le JS, je le savais, mais je ne me rendais pas vraiment compte que ça ne pouvais pas marcher étant donner que le NAVIGATEUR affichait la bonne valeur.
 

 
Je comprend le principe mais je ne vois pas trop comment faire car j'utilise un CMS. Il faudrait que je crée une page index.php, celle sur laquelle arriverait le visiteur, qui contient un formulaire et qui envoie le résultat du JS avec la méthode post vers ma page suivante? Dans ce cas, comment faire pour que l'utilisateur ne voit pas cette page et soit redirigé directement vers la page d'accueil de mon site?

Par exemple (premier lien Google) : http://www.commentcamarche.net/faq [...] -affichage

Merci Fred999, je connaissais cet article sauf que ça m'aide pas beaucoup pour savoir où le placer, et en plus j'ai du mal à comprendre le code !
D'où sort le r dans $_GET ? et je ne sais pas à quoi correspond le $PHP_SELF dans la 5eme ligne... bref ça m'avance pas vraiment!  

pour faire simple le javascript est exécuté coté client. ton $w est une variable PHP déclarée dans ton script coté serveur.
Dans ton script PHP, $w ne représente pas un entier de 1024. il représente une chaine (ou string si tu préfères) valant "<script>document.write(screen.width);</script>";

et pourquoi se borner encore de nos jours à détecter la largeur de l'écran
 
Tu as une raison bien précise à cela ?  
Sinon, si j'étais toi, je laisserai ça au javascript. Mais en faisant quelque chose de propre.

Merci The_bigboo, j'ai compris ca y est, j'ai trouvé une solution qui fonctionne presque! lol
 
Gatsu35, oui j'ai une raison précise, la personne pour laquelle je suis chargée de faire ce site m'a demandé d'adapter le design si l'écran affiche du 800*600 ou supérieur. J'ai essayé en utilisant simplement des % dans la feuille de style mais ça ne me rend pas le résultat escompté, donc je ne vois pas comment faire autrement qu'avec la largeur de l'écran et une condition.  

ben faut faire un design fluide, c'est pas facile, mais c'est faisable, largement faisable. Je l'ai prouvé des centaines de fois

Tu le mets entre les balises HTML <head> et </head>.

J'ai passé 15 minutes sur ce code et j'l'ai pas vérifié.

c'est magnifiquement dégueulasse

Pinaise pourquoi les alinéas sont transformés en espaces ?

Il faut voir le problème sous un autre angle :

Beaucoup d'applications web fonctionnent sur le principe d'une colonne centrale de moins de 800px, positionnée en margin auto dans un div principal.
Ca centre automatiquement, et pas besoin de jongler avec les feuilles de style pour adapter a une résolution ou à une autre. Et ta condition est remplie. Pas de JS, juste du CSS cousu main !

D'autre part, le minimum est depuis un moment le 1024... Le 800*600 c'est archaïque !

Je plussoie !

 
Là, on est d'accord, sauf qu'on m'a demandé de le faire quand même, j'ai pas vraiment mon mot à dire je ne suis qu'une pauvre stagiaire. Lol
 
Enfin bon, l'histoire des pourcentage j'ai essayé mais ça ne fonctionne pas, en fait, c'est pas une question d'avoir la colonne centrale centrée, c'est de grossir tout ce qui est bannière, pied de page, image du div, etc. J'ai essayé avec des pourcentages hein, ça me paraissait bien plus simple et surtout plus propre que ce que je fais là, mais j'ai pas réussi.  
 
En ce qui concerne le code donné un peu plus haut, j'ai un peu de mal à suivre. J'ai tenté un truc du genre:

Beh là, toujours pareil, première page ça fonctionne les autres non. J'ai mis ce code dans le header puisque c'est le même qui est chargé sur toutes les pages... visiblement il manque encore quelque chose! La prog et moi ça fait 2!  

 
file moi ton HTML et ta CSS et je te prouve par A+B qu'avec une seule feuille de style et un brin du code propre je te fais un site qui passe partout toutes résolutions. Je l'ai fait un stock de fois

Évidemment que ca ne marche pas... !
Dans le code que tu donnes tu pars du principes que tu auras toujours ta résolution car tu fais toujours :

Tu ne dois enregistrer ta résolution que si on te la transmet, et tu dois donc faire :

 
Je n'ai pas dit que ce n'était pas possible relis ce que j'ai écrit, j'ai dit que je n'avais pas réussi! Nuance!
 
@the_bigboo: je crois que j'ai compris je vais essayer, merci  
 
EDIT: Ca fonctionne parfaitement, merci!

oui mais au lieu de passer par une méthode merdique qui consiste à détecter la largeur de l'écran, il vaut mieux passer par une méthode universelle. Car après bonjour la maintenant.
C'est comme les boulets qui font une feuille de style pour firefox, et comme le site est tout fucké sous IE, ils refont une feuille de style entière pour IE. après double de la maintenance.

et je t'ai dit 40x que je peux t'aider à rentre ta feuille de style universelle bordel

Ouais mais vu comme elle en parle, c'est vraiment un truc IMPOSE par son chef, et donc elle a rien à dire... si elle se pointe en disant qu'elle a procédé par une autre méthode, ça risque de pas l'faire

oui mais ce truc imposé, je dis depuis le départ qu'on peut faire une CSS qui marche par défaut en 800x600 et s'adapte à la largeur de l'écran vers un maximum, et ceci on peut le faire super facilement.
Et l'intégration de la CSS je l'aurais plutot faire en JS en mettant une classe sur le documentElement et en typant par dessus. Faire ça avec un mélange PHP/JS et des redirections c'est dégueulasse.

Mais si vous voulez une solution propre et simple sans devoir tout refaire, voila comment j'aurai fait :

on a notre CSS par défaut

#page {width:960px;background:#fff; etc...}
#autrediv {width:300px;font-size:1.2em; etc...}

Maintenant c'est joli, mais on veut du 800x600, ben au lieu de faire une autre CSS, on écrases les width par une nouvelle règle
en utilisant une classe pour surcharger.

Et pour éviter d'en avoir partout, tu mets ces règles juste en dessous de chaque règle originelle.

Mais comment ajouter cette classe "page800"
Tout simplement par javascript en l'ajoutant sur le parent (je fais ça pour une class hasJS qui me permet de cacher des éléments quand l'utilisateur à le JS activé)

Dans ton fichier JS principal, tu rajoutes cette ligne au début :

et hop tu passes ta page en 800 fingers in the nose \o/

pas besoin de bricolages à la con, donc vous m'arrêtez vos solutions moches et vous prenez celle-ci