Récupérer une variable javascript vers php a l'aide de cookies

Version imprimable

Bonjour
voici mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script> document.cookie = "namex = " + screen.width; document.cookie = "namey = " + screen.height; </script> <?php $resox = $_COOKIE['namex']; if ($resox){ if ($resox < 500) { header("location: /min/"); } } ?>
Warning: Undefined variable $namex in /htdocs/min/index.php on line 6

les cookies sont apparemment lu en second plan, lors du rafraîchissement de la page
je voudrais que les cookies soient intégrer directement
comment faire ?

AprÃ¨s maintes tergiversations je me suis rendu compte que les cookies n'Ã©taient pas dÃ©finit au premier Ã* bord
voici ce que Ã§a donne avec mes cookies slidex et slidey, coookies rÃ©alisÃ©s pour une bonne pagination du 9eme Cercle mais sur smatphone voyez avec l'exemple qui suit :-> oOo.
la premiÃ¨re fois vierge de tout cookie j'ai :

Citation:

Warning: Undefined array key "slidex" in /htdocs/demo/cook-js/index.php on line 10

Warning: Undefined array key "slidey" in /htdocs/demo/cook-js/index.php on line 11

Quand on rafraichie la page tout rentre dans l'ordre
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <head> <title>Le 9eme Cercle</title> <script> document.cookie = "slidex = " + screen.width + "; SameSite=Strict"; document.cookie = "slidey = " + screen.height + "; SameSite=Strict"; </script> <?php $resox = $_COOKIE['slidex']; $resoy = $_COOKIE['slidey']; $resox = $resox-20; echo $resox." ".$resoy; echo '<a href="/demo/cook-js">    clik me     </a>'; ?> <meta name="viewport" content="width=<?php echo $resox ?>, initial-scale=1" /> </head> <body> <?php $mult = 276/500; $resoy_head =round($mult*$resox); ?> <div style="width: <?php echo $resox; ?>px;"> <img src="header.jpg" align="left" height="<?php echo $resoy_head; ?>" width="<?php echo $resox; ?>"/> </div> </body> </html>
je ne vois pas de solutions, qu'en pensez-vous ?

19/05/2024, 12h13
Nb

Bonjour,
Je pense que tu n'as pas compris comment fonctionne une page web.
Le js s'execute côté client et le php côté serveur et donc par definition le premier exécuté est le php qui donc à la première execution ne peut pas récupérer tes cookies puisqu ils n ont pas encore été créés.

Je ne sais pas pourquoi tu veux passer par des cookies pour gérer la resolution du client, mais en général et sauf cas particulier, on peut faire ca avec du css.
20/05/2024, 09h46
zool.bzh
Ok merci
mes recherches s'aboutissent là :
Code:

1 2 3 4 5 @media only screen and (max-width: 500px) { <meta name="viewport" content="width=???, initial-scale=1" /> }
Comment trouver la largeur de l'écran de mon mobile en css ??

Hello,

Si ton souci est purement l'affichage depuis un écran plus petit, je te conseillerai de regarder de plus près le responsive design et les media query sur lesquelles tu es déjà tombé.
Tu n'as pas forcément besoin de connaître à proprement parler la taille de ton écran.

Globalement, on part du principe qu'il y a plus ou moins 3 tailles d'écran en général PC ( >1024px ) , Tablette ( > 600px ) , Smartphone ( > 320px ), de ce constat-là, tu peux éditer les règles qu'il faut pour adapter ton site ou ton affichage.
Code:

1 2 3 4 5 6 7 8 9 @media screen and (max-width:599px){ body{ /* Tes règles CSS quand l'écran de l'utilisateur est inférieur à 599px */ } @media screen and (max-width:1024px){ body{ /* Tes règles CSS quand l'écran de l'utilisateur est inférieur à 1023px */ } }
En ajoutant ces règles à ton css tu t'assures que ton site va s'adapter au périphérique tu client.

Je pense qu'il existe une autre solution avec window.innerWidth en JS, qui récupère la taille de l'écran du client, il faudrait ensuite créer des classes dans ton CSS que tu vas appliquer à ton body par exemple en fonction de la taille récupérée par window.innerWidth, mais cette solution me parait vraiment plus compliqué que les media query .

31/05/2024, 17h37
zool.bzh

Ok merci

Mais comment recupers-tu la variable js en css ?
03/06/2024, 11h06
JaaCM

Si tu fais tout ça en Responsive via le CSS, tu n'as pas besoin de les récupérer en JS, en gros, c'est implicite, le navigateur qui visite ta page sait quelle média query utiliser en fonction de sa propre taille, il lit juste la déclaration que tu as fait dans ton CSS et l'applique.
16/08/2024, 11h54
zool.bzh

Bonjour a tous

j'ai une solution, pour mobile, je ne sais pas si c'est la bonne mais ça fonctionne :

je crée lien logo en index avec les cookies js width et height.
Je récupère les cookies dans la page "accueil.php".
J'installe le tous dans une table mysql valabla...