Visualizzazione dei risultati da 1 a 6 su 6

Discussione: testo lampeggiante

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    25

    testo lampeggiante

    Ciao,

    premetto che non sono pratico di javascript, ho inserito in una pagina web questo script che mi crea un testo lampeggiante.
    Non riesco a rendere lampeggiante anche un secondo testo della stessa pagina perchè non riesco a capire se basta modificare questo script oppure se bisogna farne un altro uguale ma indirizzato al secondo testo che dovrebbe lampeggiare.
    Chi mi vuole aiutare?

    grazie, geppo99

    segue lo script in questione:
    =====================

    <script type="text/javascript">
    function TestoLampeggiante()
    {
    var testo = document.getElementById("blink");
    if (testo.style.color == "red")
    {
    testo.style.color = "#ff9900";
    }
    else
    {
    testo.style.color = "red";
    }
    }
    window.setInterval("TestoLampeggiante()", 1000);
    </script>
    =======================

    Codice del "body":

    <div id="blink">lampeggiante

    </div>

    =======================

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    <script type="text/javascript">
    function TestoLampeggiante()
    {
    var element = document.getElementsByTagName("div");
    for(i=0; i<element.length; i++){
    if (element[i].className=='blink' && element[i].style.color == "red")
    {
    element[i].style.color = "#ff9900";
    }
    else
    {
    element[i].style.color = "red";
    }
    }
    }
    window.setInterval("TestoLampeggiante()", 1000);
    </script>
    Codice del "body":

    <div class="blink">lampeggiante</div>
    <div class="blink">lampeggiante 2</div>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    25
    Ciao e grazie!

    Così funziona.

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    25
    Ciao,

    rettifico!! Con IE8 funziona ma con Firefox 3.5 no. Si potrebbe rimediare? Spero di non essere arrogante con la mia richiesta ma i css li mastico bene mentre con javascript navigo in alto mare!

    grazie,

    geppo99

  5. #5
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Firefox usa la notazione RGB per i colori e non quella esadecimale... ti conviene usare una variabile globale...:

    codice:
    <script type="text/javascript">
    var gBlinkStatus = 0;
    function TestoLampeggiante() {
    	var element = document.getElementsByTagName("div");
    	for (i = 0; i < element.length; i++) {
    		if (element[i].className === "blink") {
    			if (gBlinkStatus) { element[i].style.color = "red"; }
    			else { element[i].style.color = "#ff9900"; }
    		}
    	}
    	gBlinkStatus ^= 1;
    }
    window.setInterval(TestoLampeggiante, 1000);
    </script>
    Ciauz

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    25
    grazie, ora va anche con FF...

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.