scipt che fa lampeggiare una cella

**83kiara83** · 31-07-2007, 16:06

spero di essere nella sezione più appropriata.
Vorrei sapere se esiste un qualche script che mi consente di illuminare una cella (tipo farla lampeggiare 3 volte) ogni volta che cambia il suo contenuto (possibilmente se si può anche farla illuminare ogni tot secondi).

**deleted_id_48586** · 31-07-2007, 19:02

Io ho scritto al volo questo codice che fa illuminare la cella per 3 volte al caricamento del documento:

codice:

<script language="JavaScript" type="text/javascript">
	
   var i = 0;

    function blinkCell() {
    
        var cell = document.getElementById('blink');
        						
        if (i < 4) {
            if (cell.style.backgroundColor == 'red') {
    	     	cell.style.backgroundColor = 'white';
		i++;   					
            } else {
            	cell.style.backgroundColor = 'red';					 				
            }
	}
			
    }		
	
    var interval = setInterval('blinkCell()',500);

</script>


</head>
<body onload="blinkCell()">

	<table width="200" border="1">
		<tr>
			<td width="100"></td>
			<td width="100" id="blink">lorem ipsum dolor sit amet ..</td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
	</table>

Sta a te poi eseguire la funzione solo quando cambia il contenuto.

Ciao.

**oskaron** · 31-07-2007, 19:17

ciao, è bello che tu abbia fatto lo script. Si potrebbe a mio avviso anche dare un occhiata ai vari effetti di script.aculo.us, per far lampeggiare.. ce ne uno apposta, dipende dall' utilizzo, lo script presentato qui sopra però è facilmente adattabile e merita almeno di esser provato

**Xinod** · 31-07-2007, 20:04

oskaron, per favore, puoi limitare i consigli all' uso di questa o altra libreria solo a quando e' realmente necessario o richiesto?

ogni tre messaggi due dicono di risolvere con prototype/scriptacolous/jquery...

**deleted_id_48586** · 31-07-2007, 20:21

LOL che cattivo.

Nota bene:
Sono quasi niubbo di JS quindi gli script che posto prendeteli con le pinze ed i guanti di lattice.

Inoltre è uno script che ho fatto in 10 minuti, nulla a che vedere con le varie librerie professionali che potete trovare in rete.

La logica presentata comunque dovrebbe funzionare.

**83kiara83** · 01-08-2007, 09:56

grazie sei un grande!!! Ora proverò ad associarlo al cambiamento del contenuto...ti farò sapere

**83kiara83** · 01-08-2007, 10:42

Domanda: è possibile richiamare due funzioni con l'evento onLoad?
Perchè io devo trovare un modo di richiamare questa funzione ogni tot secondi (anche se non la associo al cambiamento del contenuto per ora è uguale) ma il body onload l'ho già usato per chiamare un'altra funzione

**83kiara83** · 01-08-2007, 10:55

io avevo pensato di aggiungere in coda al tuo javascript

codice:

var tempo = setTimeout('blinkCell()', 3000)

ma non mi ripete il lampeggio. Me lo fa solo la prima volta

**deleted_id_48586** · 01-08-2007, 13:06

edit

**deleted_id_48586** · 01-08-2007, 13:10

Originariamente inviato da 83kiara83
Domanda: è possibile richiamare due funzioni con l'evento onLoad?
Perchè io devo trovare un modo di richiamare questa funzione ogni tot secondi (anche se non la associo al cambiamento del contenuto per ora è uguale) ma il body onload l'ho già usato per chiamare un'altra funzione

Certo, basta che dopo il richiamo alla prima funzione metti un ";" e poi il richiamo all seconda funzione.

Es:

immagina di avere una funzione che si chiama "pippo" ed esegue un semplice saluto in un alert.

codice:

function pippo() {
    alert('ciao');		
}

Nel body basta che metti:

codice:

<body onload="blinkCell(); pippo()">

Discussione: scipt che fa lampeggiare una cella

Strumenti discussione

Ricerca discussione

Visualizza

scipt che fa lampeggiare una cella

evento associato a body onload

Re: evento associato a body onload

Permessi di invio