Discussion :

[Guizmo95]

Bonjour,

Voilà ce que je souhaite faire :

Si l'utilisateur redimentionne la page et qu'il atteint une taille minimum, alors je recharge la page pour changer un nouveau css et mettre à jour une variable de session en php permettant de savoir si je dois afficher (ou non) certaines information sur la page.

Donc j'ai fait ceci : (au chargement de la page)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
//initialise la taille de la page
var tailleEcran = $(window).width();
 
$(window).resize(function() {
	if(tailleEcran >= 980 && $(window).width() < 980)
	{
		tailleEcran = $(window).width();
		window.location.href=window.location.href;
	}
});

Pour mes test (pour le moment) je n'ai fait que lorsque l'utilisateur diminue la taille de la page.

Mon problème :
On passe bien dans le IF lorsque la taille est atteinte, (en mettant un alert() il s’exécute bien) par contre... La page ne se rafraichie pas. J'ai essayé les différentes syntaxes ci-dessous mais rien n'y fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
location.assign(location.href);
window.location.reload(true);
window.location.reload();
window.location.href=window.location.href;

Avez vous une idée?

Merci par avance

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.href=self.location.href+"?ts"+new Date();

[Guizmo95]

Merci pour cette réponse.

Alors effectivement le rechargement fonctionne si je passe un paramètre.

avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.href=self.location.href+"?ts"+new Date();

ou avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.location.href=window.location.href+"?ts"+new Date();

Seulement je ne souhaite pas passer de paramètre, est ce possible?

Sinon je ferai avec mais bon

[SpaceFrog]

en quoi est dérangeant de passer un paramètre ?
ça contourne le cache

sinon faut empêcher le cache au niveau du header de ton fichier coté serveur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.reload(true)

il me semble que le true force le skip du cache


sinon avec de balises meta ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Expires" content="-1">

[Guizmo95]

Ok, je vais regarder ça. Je préfère finalement passer un paramètre plutôt que d'empêcher le cache.

Merci pour la réponse

[SylvainPV]

Recharger la page au redimensionnement ? Ouch c'est vraiment pas dans l'esprit web responsive tout ça Tu devrais plutôt travailler avec des media queries et des appels AJAX, pour gagner en perf - expérience utilisateur