Onmouseover
Arca
-
Arca -
Arca -
Bonjour tout le monde,
Je souhaite faire apparaitre un petit cadre lorsqu'on passe la souris sur un <th>
Pour le moment, je change le texte mais je souhaiterais le faire dans un petit cadre qui apparait :)
Voici mon code pour le moment :
<th onmouseover="this.firstChild.data='Systèmes d'exploitation'" onmouseout="this.firstChild.data='SE'">SE</th>
Que dois-je faire? ^^
Je souhaite faire apparaitre un petit cadre lorsqu'on passe la souris sur un <th>
Pour le moment, je change le texte mais je souhaiterais le faire dans un petit cadre qui apparait :)
Voici mon code pour le moment :
<th onmouseover="this.firstChild.data='Systèmes d'exploitation'" onmouseout="this.firstChild.data='SE'">SE</th>
Que dois-je faire? ^^
1 réponse
Ma methode (qui n'est pas forcement la meilleure) consiste a faire le panneaux de texte dans une div avec le display:none ;
puis de definir un objet contenant l'id de la div avec document.getElementById('iddeladiv')
puis dans le th un onmouseover="objdeladiv.className="display:block;"
et inversement pour le mouseout
puis de definir un objet contenant l'id de la div avec document.getElementById('iddeladiv')
puis dans le th un onmouseover="objdeladiv.className="display:block;"
et inversement pour le mouseout
Alors si j'ai bien compris, ça donne ca :
<div class='test' id='test' name='test'>test</div> (pour pas me tromper ^^)
<script type="text/javascript">
obj = document.getElementById('test');
</script>
[...]
<th class='tableau' onmouseover="obj.test='display:block;'">Logiciel
avec un p'ti css .test { display:none;}
Evidemment, si je post, c'est que ca ne marche pas. Est-ce que j'ai raté quelque chose? :)