Discussion :

[lolo_ici_et_la]

Bonjour,

Voila je souhaite gérer le surlignement (augmentation de la bordure) d'une table avec les événements de la souris.
Mon code est :

Code :

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

1
2
3
4
5
6
7
8
9
function changeOn(tableid){
	    	var elt = document.getElementById(tableid);
	    	elt.style.border = "solid 3px #6e7e8d";
	}
 
	function changeOff(tableid){
		    	var elt = document.getElementById(tableid);
		    	elt.style.border = "thin 1px #6e7e8d";
	}

et

Code :

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

1
2
3
4
5
6
7
<table id="table1" width="119" height="119" border="0" cellpadding="0"
 cellspacing="0" onMouseOver="changeOff('table1')" 
onMouseOut="changeOn('table1')">
        <tr>
..........
</tr>
      </table>

Le passage de la souris fait bien augmenter la bordure, mais lorsqu'elle repart rien ne se passe.

Avez-vous une idée du problème?

Merci

[E.Bzz]

Bonjour,
essaye en écrivant les évènements en minuscules : onmouseout ...

A+

[lolo_ici_et_la]

Le comportement est le même :Le passage de la souris fait bien augmenter la bordure, mais lorsqu'elle repart rien ne se passe.

[guy777]

En changeant thin pour solid cela fonctionne bien sous Firefox...