Onmouseover

Fermé

Arca - 10 avril 2008 à 10:37
Arca - 11 avril 2008 à 08:50

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? ^^

1 réponse

Réponse 1 / 1

IdleMan Messages postés 243 Date d'inscription jeudi 17 janvier 2008 Statut Membre Dernière intervention 25 juin 2012 60
10 avril 2008 à 12:36

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

Arca
11 avril 2008 à 08:50

merci pour ta réponse.

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? :)

Discussions similaires

Afficher un objet avec onmouseover

HTML onmouseover

[JS] Simuler un hover sur <span>

Discussions similaires

Newsletters