Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667

    sfondo celle lampeggiante

    mi servirebbe di far lampeggiare lo sfondo di alcune celle di uan tabella

    facendo una ricerca ho trovato questo script di Reale augello,funziona perfettamente...solo che io ho più di una cella da far lampeggiare,ma se metto + di un ID con lo stesso nome nella stessa pagina mi da errore...come devo fare,dare un ID diverso ad ogni cella???(sono parecchie )non c'è un altra soluzione?


    <html>
    <head>
    <title>Prova</title>

    <script language="JavaScript">

    var ref=document.getElementById('mydiv');
    var b=true;

    function MyBlink() {
    var ref=document.getElementById('mydiv');
    if (b) ref.className="c2";
    else ref.className="c1";
    b=!b;
    window.setTimeout("MyBlink()",1000);
    }

    </script>
    <style type="text/css">
    .c1{BACKGROUND-COLOR:blue;}
    .c2{BACKGROUND-COLOR:red;}
    </style>
    </head>

    <body onLoad="MyBlink();">
    <div class="c1" id="mydiv">Testo</div>
    </body>
    </html>

  2. #2
    ciao, sono io l'autore dello script e, credo, non vi sia altra soluzione di associare a ogni cella un proprio id.

    ciao

  3. #3
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667
    ah,scusa,si vede che reale augello lo aveva riportato e non creato

    ok,se mettessi un ID x ogni cella,come modifico lo script x prenderegli ID ad esempio da un array (o come credi sia meglio)...questo xchè ho tante celle,e non vorrei scrivere tante "copie" del codice qunate sono le celle


    ah,ptremetto che la pagina è asp,quindi posso generare un array con gli ID delle celle

  4. #4
    Originariamente inviato da var
    ciao, sono io l'autore dello script e, credo, non vi sia altra soluzione di associare a ogni cella un proprio id.

    ciao
    Ti sbagli impostore, lo script è di Reale_Augello.

    Segnalerò la discussione ad un moderatore
    Eccoti!

  5. #5
    ahem, mi sono espresso male.
    sono io Reale_Augello, ho semplicemente cambiato nick. ;)

    prova così:

    codice:
    <script language="JavaScript"> 
    
    function MyBlink() { 
    var ref=document.getElementsByTagName('td'); 
    for (i=0; i<ref.length; i++)
    if (ref[i].id.indexOf('cella')!=-1) {
    ref[i].className=="c1" ? ref[i].className="c2" : ref[i].className="c1";
    }
    window.setTimeout("MyBlink()",1000); 
    } 
    
    </script>
    ovviamente gli id delle celle dovranno essere del tipo "cella1", "cella2" e così via...

    ciao

  6. #6
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667
    ah,allora non avevo proprio sbagliato

    ho fatto così,ma ora non lampeggia + nulla


    <html>
    <head>
    <title>Prova</title>

    <script language="JavaScript">

    function MyBlink() {
    var ref=document.getElementsByTagName('td');
    for (i=0; i<ref.length; i++)
    if (ref[i].id.indexOf('cella')!=-1) {
    ref[i].className=="c1" ? ref[i].className="c2" : ref[i].className="c1";
    }
    window.setTimeout("MyBlink()",1000);
    }

    </script>

    <style type="text/css">
    .c1{BACKGROUND-COLOR:blue;}
    .c2{BACKGROUND-COLOR:red;}
    </style>

    </head>

    <body onLoad="MyBlink();">
    <div class="c1" id="cella1">Testo</div>
    <div class="c1" id="cella2">Testo2</div>
    </body>
    </html>

  7. #7
    se vuoi far lampeggiare il contenuto di tag div, devi apportare questa modifica:

    codice:
    var ref=document.getElementsByTagName('div');
    fammi sapere

  8. #8
    Originariamente inviato da IMMANUEL_KANT
    Ti sbagli impostore, lo script è di Reale_Augello.

    Segnalerò la discussione ad un moderatore

  9. #9
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667
    no no,hai ragione,sono un cretino,a me interessano i tag TD :adhone:

    facendo così funziona tutto!
    Thanks a lot Reale_Augello ALIAS var...ALIAS...


    <html>
    <head>
    <title>Prova</title>

    <script language="JavaScript">

    function MyBlink() {
    var ref=document.getElementsByTagName('td');
    for (i=0; i<ref.length; i++)
    if (ref[i].id.indexOf('cella')!=-1) {
    ref[i].className=="c1" ? ref[i].className="c2" : ref[i].className="c1";
    }
    window.setTimeout("MyBlink()",1000);
    }

    </script>

    <style type="text/css">
    .c1{BACKGROUND-COLOR:blue;}
    .c2{BACKGROUND-COLOR:red;}
    </style>

    </head>

    <body onLoad="MyBlink();">
    <table>
    <tr><td class="c1" id="cella1">a</td></tr>
    <tr><td class="c1" id="cella2">b</td></tr>
    </table>

    </body>
    </html>

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.