image selon la largeur de la page

Bonjour

Merci de votre aide

J'utilise une fonction en javascript qui me retouren la taille de ma page web et je veux faire un test selon la largeur de la page pour afficher une image ou une autre

Mon code m'affiche bien la taille de la page

Code:

---

echo $var_resol

---

mais le if en php ne fonctionne pas car il me retoiurne toujours tata quelq que soit la valeur de la taille de la fenètre

je pense que la variable ne me retourne pas un nombre mais une chaîne de caractère

J'ai galéré pour trouver la solution mais je n'y arrive pas

Merci de vos conseils et de votre aide

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

?> <?php $var_resol="0";?> <!-- emplacement d'image flip entraine les modif de .interieur_titre_book { display:none; et de .cadre_book cadre_std padding-top: 46%;--> <?php function resol() { $resol='<script type="text/javascript">               document.write(""+window.innerWidth+""); </script>'; return $resol; } $var_resol=resol(); echo $var_resol; echo $screen = $var_resol; if ($screen > 1280) {echo "toto";} else { echo "tata";   }     ?>

---

J'ai essayé des variantes

Code:

---

1 2 3 4 5

echo $var_resol; echo $screen = $var_resol; $resolscreen=1280; if ($screen > $resolscreen) { echo "toto"; } }

---

ou encore

Code:

---

$resolscreen="1280";

---

mais le test se fait mal

Merci du coup de mains

Je pense que tu as un souci de chronologie ...

php s'exécute coté serveur, javascript coté client
tu ne peux pas demander à javascript de retourner ta largeur de page dans une variable php au chargement pour la réinjecter.

Fais le en pur JS en sniffant la largeur de page et en modifiant le src de ton image en js
ou alors en css avec les medias queries...

Merci Spacefrog

Mais je ne pige pas

Je récupère bien la valeur de la taille de l'écran coté client en java et j'affiche bien une bvariable en php

Pour suivre vos conseils et être plus cali j'ai séparé le code le java (grand débutant) et le php

j'ai bien une valeur php coté serveur qui s'affiche donc je dois pouvoir la comparer et la manipuler

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

<script>   function resol() { $resol='<script type="text/javascript">'; document.write(""+window.innerWidth+"");       return $resol; }   $var_resol=resol();   </script> <?php     echo $var_resol; echo $screen = $var_resol; echo $resolscreen="1280"; if ($screen > $resolscreen) { echo "toto"; } else { echo "tata"; }

---

Auitant pour moi je ne récupère pas la vavaleur de la varaible en php

J evais chercher mais je ne connais pas le JS

Il faut comprendre la chronologie d'execution et les flux ...

Au chargement de la page :
ton serveur php génère le code html js qu'il envoie au client .
Le client reçoit le code et l'interpète (ici pas de flux arrière, le client ne renvoie pas de flux au php (sauf à faire un rechargement de page ou un ajax...)

donc ce code ci:
function resol()

Code:

---

1 2 3 4 5 6 7 8

{ $resol='<script type="text/javascript">'; document.write(""+window.innerWidth+"");       return $resol; }

---

(au passage il manque la balise fermant du script js)
ne fait que te retourner en php un string

coté client en js il te suffit de récupérer ta largeur de page ... puis d'affecter conditionnellement le src d'une image sur ta page

Bonjour.
Je ne réponds pas vraiment à la question mais, d'une manière générale, il n'y a pas besoin de JS pour charger une image ou une autre selon la largeur de la page ou plus exactement de la fenêtre : L'attribut HTML srcset fait bien le job.

@domi65 On en apprend encore après toutes ces années ^^, je ne connaissais pas le srcset.

ça rejoint un peu les media queries css mais en HTML ...