Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    58

    Colore diverso al refresh

    Ho una pagina che fa autorefresh ogni 1 minuto, e ogni volta cambiano dei valori in essa.

    Si può fare in modo che quando la pagina fa autorefresh i valori che cambiano per un istante cambiano colore e poi tornano normali?

    Grazie

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    puoi:

    stabilire il colore con css e modificarlo dopo X tempo con javascript
    o
    al caricamento della pagina modificare il colore con javascript e dopo x tempo rimuovere la modifica


    in ogni caso sposto su javascript

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    58
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    puoi:

    stabilire il colore con css e modificarlo dopo X tempo con javascript
    o
    al caricamento della pagina modificare il colore con javascript e dopo x tempo rimuovere la modifica


    in ogni caso sposto su javascript
    Grazie!

    Scelgo la seconda opzione.
    Potresti indicarmi come? Io di css e javascript so poco e niente

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    58
    Quote Originariamente inviata da sheldon Visualizza il messaggio
    Grazie!

    Scelgo la seconda opzione.
    Potresti indicarmi come? Io di css e javascript so poco e niente
    Nessuno può aiutarmi? non ho trovato niente per la rete

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Posta il link alla pagina pubblica per vedere com'è struttura, e indica cosa vorresti cambiare al refresh
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    58
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Posta il link alla pagina pubblica per vedere com'è struttura, e indica cosa vorresti cambiare al refresh
    http://www.romaeurmeteo.it/

    Vorrei cambiare il colore per 1 secondo ad ogni refresh dei valori all'interno della tabella (temperatura, umidità, vento, ecc)

  7. #7
    Utente di HTML.it
    Registrato dal
    Nov 2014
    Messaggi
    58
    Quote Originariamente inviata da sheldon Visualizza il messaggio
    http://www.romaeurmeteo.it/

    Vorrei cambiare il colore per 1 secondo ad ogni refresh dei valori all'interno della tabella (temperatura, umidità, vento, ecc)
    Ho sottolineato in blu i valori di cui deve cambiare il colore
    Cattura.jpg
    Ultima modifica di sheldon; 09-11-2014 a 20:25

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    nei tag head (<head>...codice sotto...</head>) metti questo codice:
    codice:
    <script type="text/javascript">
    window.onload = function(){
        var temp = document.getElementById('ajaxtemp')
        var umidita = document.getElementById('ajaxhumidity')
        var dev = document.getElementById('ajaxdew')
        var heat =document.getElementById('ajaxheatidx') 
        var wind =document.getElementById('ajaxwind') 
        var winddir =document.getElementById('ajaxwinddir')
        var windchill =document.getElementById('ajaxwindchill')
        var ajaxrain =document.getElementById('ajaxrain')
        temp.className='evidenza';
        umidita.className='evidenza';
        dev.className='evidenza';
        heat.className='evidenza';
        wind.className='evidenza';
        winddir.className='evidenza';
        windchill.className='evidenza';
        ajaxrain.className='evidenza';
        setTimeout(function(){
            temp.className='ajax';
            umidita.className='ajax';
            dev.className='ajax';
            heat.className='ajax'; 
            wind.className='ajax';
            winddir.className='ajax';
            windchill.className='ajax';
            ajaxrain.className='ajax';
        },1000)
    }
    </script>
    manca il dato pressione perché non c'è un id (univoco) come hanno gli altri dati se aggiungi (<span class="ajax" id="ajaxpress">1014</span>) e poi lo aggiungi allo script, devi anche creare la classe evidenza
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2025 vBulletin Solutions, Inc. All rights reserved.