Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    68

    Refresh pagina con smartphone

    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

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    20,017
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    68
    Grazie mille...

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    68
    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

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    20,017
    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/
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    68
    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

  7. #7
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,689
    "...una clientela sempre più attenta ed esigiente..." ti viene a cercare per sopprimerti se legge 'sto cappellotto in home :-)
    Ciao
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    68
    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

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.