Refresh pagina con smartphone

**bonimba** · 15-11-2018, 23:31

Ciao a tutti,
per caso esiste un funzione in js (o in php...meglio sarebbe) per fare un refresh della pagina, ma che venga attivata alla rotazione dello smartphone?
Grazie
Federico

**br1** · 16-11-2018, 13:34

Usa l'evento onresize https://www.w3schools.com/jsref/event_onresize.asp

**bonimba** · 16-11-2018, 21:37

Grazie mille...

**bonimba** · 19-11-2018, 21:30

Rieccomi...
intanto ciao.
Ho provato ad implementare le mie pagine per fare il refresh delle stesse quando si ruota lo smartphone in queste 3 maniere:

1)

codice:

<body onresize="proporz_img()">

<script>
	function proporz_img () {
 		var larghezza = window.innerWidth;
		if (larghezza <= 480) {
		window.location.href=window.location.href;
	  }
	}
</script>

in questo caso solo se la finestra del browser è uguale o inferiore a 480px fa il refresh della pagina

2)

codice:

<body onresize="proporz_img()">

<script>
	function proporz_img () {
 		var larghezza = window.screen.width;
		if (larghezza <= 480) {
		window.location.href=window.location.href;
	  }
	}
</script>

In questa modo il refresh viene fatto solo quando cambia la risoluzione effettiva del dispositivo e se questa è uguale o inferiore a 480px

3)

codice:

<body onresize="proporz_img()">

<script>
	function proporz_img () {
 		window.location.href=window.location.href;
	}
</script>

In questo viene fatto il refresh solo ed esclusivamente quando cambia la risoluzione del dispositivo.

Ora le prime due non funzionano correttamente online, mentre in locale si.
La terza invece funzionerebbe senza problemi, o meglio funziona con un problema fastidioso, ossia se scrollo la pagina sullo smartphone a volte viene fatto il refresh della pagina per cui bisogna continuare a scorrerla.

E' possibile risolvere quest fastidioso problema?

Grazie
Federico

**br1** · 20-11-2018, 14:44

Vedo che fai sempre il reload della pagina, in questo caso sarebbe invece opportuno affidarsi al CSS
vedi per esempio: https://www.html.it/guide/responsive...sign-la-guida/

**bonimba** · 21-11-2018, 19:12

Infatti, il reload continuo della pagina non andava bene, per quanto riguarda il css responsive il sito lo stà già utilizzando, il fatto è che il logo se visto su un pc ha una dimensione che caria da 1600x600 a 800x300 in base alla finestra del dispositivo e questo fino ad una risoluzione di 480px, poi l'immagine del logo cambia proporzione e diventa 480x400.
Il problema era che lo slider non riusciva a gestire il cambio di rapporto, per cui se si guardava con lo smartphone in portrait, nessun problema, ma se lo ruotavo in landscape, l'immagine rimaneva a 480x400, per cui non adatta alla visualizzazione orrizontale a meno che non si facesse il refresh della pagina.
La soluzione che ho trovato e che funziona alla perfezione è questa funzione:

codice:

window.addEventListener('orientationchange',
function() {
 window.location.reload();
}, false);

In questa maniera quando ruoto il dispositivo, viene intercettata la rotazione facendo fare un refresh della pagina e caricando così l'immagine corretta.
Ora funziona alla perfezione.
Questo è il link per vedere il risultato:

https://goo.gl/v57Kmx

Ciao e grazie ancora.
Federico

**supermac** · 23-11-2018, 16:51

"...una clientela sempre più attenta ed esigiente..." ti viene a cercare per sopprimerti se legge 'sto cappellotto in home :-)
Ciao

**bonimba** · 25-11-2018, 12:17

Ciao supermac,
in effetti la home è un "po" pesantuccia, però visto che con determimate chiavi di ricerca del settore sono fra la prima e la quarta posizione, mi fa paura modificarla.
Secondo te potrebbe succedere qualcosa se eliminassi la parte centrale in quanto nel sito già ci sono pagine specifiche?
Ciao e buona domenica

Discussione: Refresh pagina con smartphone

Strumenti discussione

Ricerca discussione

Visualizza

Refresh pagina con smartphone

Permessi di invio