Salut a tous
il y a quelque jour grace a un certain jedinoobewan
(perso c'est obiwan) bref j'ai mi en place dans mon code un truc du genre ca
<html>
<head>
<style>
tr.std
{
}
tr.over
{
background-color: blue;
border: #666666 1px solid;
}
tr.click
{
background-color: red;
}
</style>
<script type="text/javascript">
function changeClass(p_id, p_class){
var l_tr = document.getElementById(p_id);
l_tr.className = p_class;
if(p_class == "click"){
l_tr.onmouseout = function(){};
// Et si tu veux que ça reste quand la souris revient
l_tr.onmouseover = function(){};
l_nb = document.getElementById('nb_td').value;
for(i = 1; i <= l_nb; i++){
l_tr_tmp = document.getElementById('tr_'+i);
if(l_tr_tmp != l_tr){
l_tr_tmp.onmouseout = function(){changeClass(this.id, 'std')};
l_tr_tmp.onmouseover = function(){changeClass(this.id, 'over')};
l_tr_tmp.className = 'std';
}
}
}
}
</script>
</head>
<body>
<table>
<tr id="tr_1" onmouseover="changeClass('tr_1', 'over')"
onmouseout="changeClass('tr_1', 'std')"
onmousedown="changeClass('tr_1', 'click')"
class="std">
<td >Le td lien est à côté</td>
<td>
Super !!
</td>
</tr>
<tr id="tr_2" onmouseover="changeClass('tr_2', 'over')"
onmouseout="changeClass('tr_2', 'std')"
onmousedown="changeClass('tr_2', 'click')"
class="std">
<td>Le td lien est à côté</td>
<td >
Super !!
</td>
</tr>
<tr id="tr_3" onmouseover="changeClass('tr_3', 'over')"
onmouseout="changeClass('tr_3', 'std')"
onmousedown="changeClass('tr_3', 'click')"
class="std">
<td>Le td lien est à côté</td>
<td >
Super !!
</td>
</tr>
</table>
<input type="hidden" id="nb_td" value="3"/>
</body>
</html>
ce que je voudrait c'est que l'orsque je click a l'exterieur du tableau la case selectionée se deselectionne
si quelqu'un sait quel procedure a suivre je doit adopter pour cela
le lui serait vraiment tres reconnaissan
(je debute aider moi SVP)
Merci a tous @++