[SRC] Cellules de tableau clignotantes

**SpaceFrog** · 08/01/2009, 14h33

Une petite fonction de libraire qui permet de faire clignoter des cellules sur simple attribution d'un class avec couleur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
function clignotte(mycell,couleur){
  	mycell.style.backgroundColor=(mycell.style.backgroundColor=='white')?couleur:'white';
		}
 
function run(mycell,couleur){
 		mycell.flash=setInterval(function(){clignotte(mycell,couleur)},500);
	 }
 
 function populate(){
	var TabCells=document.getElementById("mytable").getElementsByTagName('td');
 	var i=0;
 	while(TabCells[i]){
         if(TabCells[i].className.indexOf("cligno")==0){
                 Couleur=TabCells[i].className.replace('cligno','');
         			 run(TabCells[i],Couleur)} 
         i++;
         }
	}
 
 
 </script>
 
 </script>
<style type="text/css">
  td {border:solid 1px black;
  width:100px;}
  </style>
 
 
<title>Nouvelle page 1</title>
</head>
 
<body onload="populate()">
<table id='mytable'>
 <tr>
 	<td class="clignogreen">&nbsp;</td>
 	<td class="clignored">&nbsp;</td> 	
 	<td>&nbsp;</td>
 </tr>	
 <tr>
 	<td class="clignoyellow">&nbsp;</td>
 	<td class="clignoblue">&nbsp;</td> 	
 	<td>&nbsp;</td>
 </tr>	
 <tr>
 	<td>&nbsp;</td>
 	<td class="cligno#EEFFCC">&nbsp;</td> 	
 	<td>&nbsp;</td>
 </tr>	
 <tr>
 	<td class="clignosalmon">&nbsp;</td>
 	<td>&nbsp;</td> 	
 	<td class="cligno#FF0000">&nbsp;</td>
 </tr>	
</table>
</body>

accepte les notations hexa rgb et les couleurs nommées

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
class="clignosalmon"
class="cligno#FF0000"
class="clignorgb(15,20,140)"

**Auteur** · 10/01/2009, 11h52

le fond du tableau (ou de la page) n'est pas forcément blanc donc j'aurais écrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function clignotte(mycell,couleur)
{
  	mycell.style.backgroundColor=(mycell.style.backgroundColor=='')?couleur:'';
 
}

ce qui permet de donner à la cellule un fond transparent.

Toutefois, si la cellule a initialement une couleur de fond, celle-i sera forcément supprimée

**Bovino** · 10/01/2009, 12h25

Envoyé par Auteur

ce qui permet de donner à la cellule un fond transparent.

Il me semble plutôt que mettre '' permet de rendre le style déclaré initialement en CSS ou sinon, le style par défaut, donc avec ta notation, le fond reprendra sa couleur initiale

**Auteur** · 10/01/2009, 15h02

Envoyé par Bovino

Il me semble plutôt que mettre '' permet de rendre le style déclaré initialement en CSS ou sinon, le style par défaut, donc avec ta notation, le fond reprendra sa couleur initiale

je viens de vérifier : effectivement mettre "" au backgroundColor rétablit la couleur définie dans la CSS.

Par contre si le script accepte la notation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

class="clignorgb(15,20,140)"

celle-ci est invalide en CSS (à cause des parenthèses et des virgules).

[SRC] Cellules de tableau clignotantes

Contribuez

Discussions similaires

Partager

Partager