Survol lien... (onMouse hover)

Message par **Benoit** » 01 févr. 2007, 23:20

Ce qu'il a donné c'est un exemple de d'infobulle sur une abréviation, mais tu peux mettre ça sur n'importe quelle balise en fait.

En particulier sur un lien c'est simplement quelque chose comme ça :

Code : Tout sélectionner

<a href="une/autre/page.html" title="Titre de l'autre page">Une autre page</a>

Message par **myahoo** » 01 févr. 2007, 23:43

Oui, pardon, j'ai parlé trop vite.

Ce que je voulais donner comme exemple était le

que l'on voit en haut de page, ici : laisse la souris dessus et tu verras que "Foire Aux Questions" apparaît comme commentaire.

Là il y a deux possibilités : soit le texte et/ou l'image n'est pas un lien, soit c'en est un. Dans le premier cas, il y a à mettre ces balises :

Code : Tout sélectionner

<abbr title="le commentaire">
  N'importe quoi, sur lequel se mettra le commentaire.
</abbr>

Dans le second cas, il y a soit à mettre les balises de lien :

Code : Tout sélectionner

<a href="http://le-lien-vers-une-page">
 <abbr title="le commentaire">
   N'importe quoi, sur lequel se mettra le commentaire.
 </abbr>
</a>

soit à mettre ensemble les deux :

Code : Tout sélectionner

<a href="http://le-lien-vers-une-page" title="le commentaire">
  N'importe quoi, sur lequel se mettra le commentaire.
</a>

[Édité] Ah, synchronisation des réponses

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

HP · Message par HP » 01 févr. 2007, 23:51

myahoo a écrit :Là il y a deux possibilités : soit le texte et/ou l'image n'est pas un lien, soit c'en est un. Dans le premier cas, il y a à mettre ces balises :
Code : Tout sélectionner
<abbr title="le commentaire">
  N'importe quoi, sur lequel se mettra le commentaire.
</abbr>

je ne suis pas d'accord en fait...
comme abbr est censé être utilisé pour définir une abbréviation (et l'on utilise 'acronym' pour les acronymes) que ton exemple n'est pas une abbréviation, je dirais qu'il serait plus logique d'utiliser une balise vide de sens et "non bloc" comme span :

Code : Tout sélectionner

<span title="le commentaire">N'importe quoi, sur lequel se mettra le commentaire.</span>

je pense qu'il faut utiliser chaque balise pour son usage...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Mac_PowerPC; fr) Opera 9.10

Message par **myahoo** » 02 févr. 2007, 01:52

L'intérêt de <abbr> est d'avoir les tirets pour savoir qu'il y a des commentaires

Tant qu'on y est, allons-y pour ça :

Code : Tout sélectionner

<a nicetitle="le commentaire" class="nicetitle" href="http://page-de-destination">
  N'importe quoi, sur lequel se mettra le commentaire. 
</a>

... "juste" en utilisant nicetitle.js

Pour revenir à ce que demandait Elendil, la réponse est : il y a du choix

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

HP · Message par HP » 02 févr. 2007, 01:56

myahoo a écrit :L'intérêt de <abbr> est d'avoir les tirets pour savoir qu'il y a des commentaires

on doit sûrement y arriver juste avec title et des sélecteurs CSS3... en tout état de cause, je ne pense pas qu'il faille utiliser le balisage pour son aspect, mais pour sa sémantique.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Mac_PowerPC; fr) Opera 9.10

Message par **Benoit** » 02 févr. 2007, 08:04

Les tirets c'est simplement une question de style. Et pour le style on peut utiliser CSS.

P.S. Comme l'attribut nicetitle n'existe pas, je suppose que tu voulais dire ça :

Code : Tout sélectionner

<a title="le commentaire" class="nicetitle" href="http://page-de-destination">
  N'importe quoi, sur lequel se mettra le commentaire.
</a>

calimo · Message par **calimo** » 02 févr. 2007, 09:02

HP a écrit :on doit sûrement y arriver juste avec title et des sélecteurs CSS3...

Euh les sélecteurs d'attributs c'est du CSS 2.0

Code : Tout sélectionner

span[title] {
border-bottom: 1px dotted;
}

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

Elendil · Message par **Elendil** » 02 févr. 2007, 09:15

RE

Donc , je clic sur le bouton sur lequel je veut une infobulle et je clic sur inserer code html , et je met le code de calimo c'est ca ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

HP · Message par HP » 02 févr. 2007, 14:31

calimo a écrit :
HP a écrit :on doit sûrement y arriver juste avec title et des sélecteurs CSS3...
Euh les sélecteurs d'attributs c'est du CSS 2.0

au temps pour moi

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.2pre) Gecko/20070129 Firefox/2.0.0.2pre (Mac Community Build, ElFurbe)

Elendil · Message par **Elendil** » 02 févr. 2007, 14:47

S'il vous plait , comment doit-je proceder?

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **myahoo** » 02 févr. 2007, 15:28

La solution la plus pratique semble être la balise <span> ou <abbr>, au choix :

- surligne l'ensemble sur lequel tu veux mettre l'info-bulle,
- va dans Insertion / Code HTML...
- et rajoute avant et après le texte le duo de balises qui te plaît :
Code : Tout sélectionner
```
<abbr title="le commentaire">
 Ce que tu as surligné, sur lequel se mettra le commentaire.
</abbr>
```
ou
Code : Tout sélectionner
```
<span title="le commentaire">
 Ce que tu as surligné, sur lequel se mettra le commentaire.
</span>
```

Le premier (balises <abbr>) mettra des pointillés sous le "lien" d'affichage du commentaire, et le second (balises <span>) n'en mettra pas.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

HP · Message par HP » 02 févr. 2007, 15:31

myahoo a écrit :Le premier (balises <abbr>) mettra des pointillés

à la convenance du navigateur tout de même... puisque c'est à son libre choix.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Mac_PowerPC; fr) Opera 9.10

Message par **myahoo** » 02 févr. 2007, 18:09

HP a écrit :à la convenance du navigateur tout de même... puisque c'est à son libre choix.

Tu as raison, je n'ai pas testé avec Camino, Safari, ni Konqueror

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Elendil · Message par **Elendil** » 04 févr. 2007, 17:13

re bonjour ,

alors je met cela :

Code : Tout sélectionner

<abbr title="en construction">
<img src="livredor-2%20copier.gif" alt="En construction"
 style="border: 0px solid ; width: 178px; height: 57px;">
</abbr>

mais cela ne vas pas !!!

y a t'il d'autres alternative?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **myahoo** » 05 févr. 2007, 01:38

Elendil a écrit :alors je met cela :
Code : Tout sélectionner
<abbr title="en construction">
<img src="livredor-2%20copier.gif" alt="En construction"
 style="border: 0px solid ; width: 178px; height: 57px;">
</abbr>
mais cela ne vas pas !!!

Je viens d'essayer, et ça fonctionne pourtant

Voilà ce que ça donne (j'ai mis entre "commentaires" le code ayant été ajouté)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Geckozone

Survol lien... (onMouse hover)

Qui est en ligne ?