Afficher un texte pendant le survol

Logiciel & apps Programmation
1

Bonjour sur une page web j’aimerais quand on survole le mot le texte de sa définition apparaisse. Je voudrais faire aapraitres la definition des mots qui sont survolés Comment faire ? Merci de votre réponse

2

Une solution simple, je sais pas si elle te convient

Survol
Edité le 30/01/2008 à 15:03

3

le seul problème c’est que ça ne rentre pas entirèremet, tout n’est pas affiché, la definition est trop longue

4

Bah, tu as des scripts qui font ça.

Je suppose qu’une fois que tu l’as trouvé tu peux faire ça :

<div id="overthing"></div>

<a href="..." title="foobar" onmouseover="showMessage(this, this.title);" onmouseout="hideMessage()">...</a>

Avec dans le genre (en utilisant prototype, cf. www.prototypejs.org…)


function showMessage(e, str) {
  var p = Element.cumulativeOffset(e);
  var i =  $('overthing');
  i.style.left = p[0] + "px";
  i.style.top = p[1] + "px";
  i.innerHTML = str.escapeHTML();
  i.style.display = 'block';
}

function hideMessage() {
  $('overthing').style.display = 'none';
}

Et au niveau CSS:


#overthing {
  border: 1px solid black;
  position: absolute;
  background-color: InfoBackground;
  color: InfoText;
display: none;
}

Edité le 30/01/2008 à 16:52

5

ça je garde ça peut servir =)
merci Sans-Nom

6

Le code est cependant à optimiser pour ne pas créer de scrollbar du tout (en prenant en compte la position du lien, la largeur/hauteur de celui-ci, etc)

7

J’ai un problème, le texte qui doit afficher pendant il est survolé est dans un tableau, et dès que j’insère le code, le tableau disparait . Comment faire ?

8

hu?

Tu peux mieux expliquer?