Discussion :

[L8O8L]

Bonjour,

J'aurais voulu savoir si apres avoir appliqué un style background en javascript à un <tr>, il était possible de retrouver (en JAVASCRIPT) le style CSS d'origine ?
Pour explication, je veux faire un onMouseOn et onMouseOut sur un élement et pour le onMouseOut je voudrais retrouver les valeurs d'origine.

MERCIIIIIIIIII

[SpaceFrog]

sur le onmouseover stocke le CSS d'origine dans une propriété du tr

Code :

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

onmouseover="this.defaultBGC=this.style.backgroundColor;this.style.backgroundColor=couleurvariable ...

et du coup:

Code :

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

onmouseout="this.style.backgroundColor=this.defaultBGC"

[L8O8L]

hummm... merci c'est une bonne idée!!

Je ne savais pas que un élement HTML pouvait avoir un attribut supplémentaire... Et mon code non plus on dirait

[L8O8L]

Pour info voici mon code

Code :

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

1
2
3
4
<?php 
$aRetourner .= '<area shape=rect coords="'.$gauche.','.($haut+5).','.$droit.','.$bas.'" onMouseOver="javascript:document.getElementById(\''.$this->idLignesPrInteraction[$i].'\').defaultBGC = document.getElementById(\''.$this->idLignesPrInteraction[$i].'\').style.background;
alert(document.getElementById(\''.$this->idLignesPrInteraction[$i].'\').defaultBGC);">';
?>

Certe je n'ai pas fait le onMouseOut, mais en fait l'alert est vide...
Bien sur c'est contenu dans une balise map qui marche...

[SpaceFrog]

un souci de mise en oeuvre ?

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
<table style="border-collapse:collapse;">
	<tr style='background-color:red' onmouseover="this.DefaultColor=this.style.backgroundColor;this.style.backgroundColor='white';" onmouseout="this.style.backgroundColor=this.DefaultColor;">
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
	</tr>
	<tr style='background-color:blue' onmouseover="this.DefaultColor=this.style.backgroundColor;this.style.backgroundColor='white';" onmouseout="this.style.backgroundColor=this.DefaultColor;">
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
	</tr>
	<tr style='background-color:yellow' onmouseover="this.DefaultColor=this.style.backgroundColor;this.style.backgroundColor='white';" onmouseout="this.style.backgroundColor=this.DefaultColor;">
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
	</tr>
	<tr style='background-color:green' onmouseover="this.DefaultColor=this.style.backgroundColor;this.style.backgroundColor='white';" onmouseout="this.style.backgroundColor=this.DefaultColor;">
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
	</tr>
	<tr style='background-color:pink' onmouseover="this.DefaultColor=this.style.backgroundColor;this.style.backgroundColor='white';" onmouseout="this.style.backgroundColor=this.DefaultColor;">
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
		<td>coucou</td>
	</tr>
 
</table>

[L8O8L]

Ou alors dans ce cas... Existe-t-il quelque chose en javascript permettant d'activer un hover ?...

[SpaceFrog]

une balise a ...