Page 1 sur 2

Retour à la ligne dans attribut title

Posté : 01 sept. 2006, 11:14
par cicom
Bonjour à tous!
Voila j'ai un attribut title (<img ... title="blablabla" />) et je voudrai pouvoir faire des retours à la ligne dedans. (non je ne veux pas écrire un roman dans une balise title :lol: )
J'ai essayé avec <br /> et \n mais ça ne marche pas...
Une idée?
Merci!

Posté : 01 sept. 2006, 11:18
par albat
À tout hasard (j'ai rien testé), tu as essayé avec \n ?

(mais, pour être sincère, je n'y crois pas plus que ça...)

Re: Retour à la ligne dans attribut title

Posté : 01 sept. 2006, 11:24
par cicom
J'ai essayé avec <br /> et \n mais ça ne marche pas...
Donc oui j'ai essayé et non ca ne marche pas. Merci de ton idée

Posté : 01 sept. 2006, 11:25
par albat
Oups, je n'avais pas vu ! :shock:

J'ai dû lire un peu vite... :oops:

Posté : 01 sept. 2006, 11:30
par cicom
Pas grave!
Mais pour te faire pardonner trouve la solution :wink:

Posté : 01 sept. 2006, 11:37
par albat
Pour ma part, je me souviens avoir utilisé un javascript qui créait des infobulles
dans lesquelles tu pouvais inclure des mises en forme de texte, des images, etc.

Mais en utilisant seulement l'attribut title, je ne crois pas que ce soit possible...

Posté : 01 sept. 2006, 12:44
par cicom
Bah si t'as encore le script je le veux bien, moin but est d'avoir des infos bulles avec des retours à la ligne, après peut importe le moyen...

Posté : 01 sept. 2006, 13:07
par albat
page.htm

Code : Tout sélectionner

<head> <script type="text/javascript" src="infobulles.js"></script> </head> <body> <div class="popinfo" id="topdecklink"></div> <script type="text/javascript" > docgebi = document.getElementById; if (docgebi) { skn = document.getElementById("topdecklink").style; if (navigator.appName.substring(0,3) == "Net") { document.captureEvents(Event.MouseMove); } document.onmousemove = get_mouse; } </script> ... ... ... <img src="image.jpg" onmouseover="info('<p class=\'texte\'>Ici, la <i>légende</i> de <b>mon</b> image</p>');" onmouseout="efface();" /> ... ... </body>
infobulles.js

Code : Tout sélectionner

function info(msg) { if (docgebi) { document.getElementById("topdecklink").innerHTML = msg; skn.visibility = "visible"; } } function get_mouse(e) { var x = (navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft; var y = (navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop; skn.left = x - 40; skn.top = y + 20; } function efface() { if (docgebi) skn.visibility = "hidden"; }
Il y a plus léger et plus élégant, mais ça marche. ;)

Posté : 01 sept. 2006, 13:24
par cicom
Non c'est trop "épais" pour l'utilisation que je veux en faire merci quand même.
Une autre idée?

Posté : 03 sept. 2006, 17:31
par jojolapine
Voilà qui pourrait te servir, par contre c'est plus avec l'attribut title:
http://www.siteduzero.com/tuto-3-5272-1 ... bulle.html

Posté : 03 sept. 2006, 17:39
par cicom
Merci je pense que je vai utiliser ça...

Posté : 03 sept. 2006, 18:59
par Invité
un petit résolu ?

Posté : 03 sept. 2006, 19:07
par cicom
Pas tant que je n'ai pas eu le temps d'essayer, ce qui n'est pas possible maintenant... (je mets toujours résolu en temps et en heure, mais là ce n'est pas l'heure :wink: )

Posté : 04 sept. 2006, 12:43
par cicom
Re
Non aucune solution à mon problème sur cette page. Merci!
Une autre idée?
Merci!

Posté : 04 sept. 2006, 14:42
par Ryle
Il fonctionne pourtant très bien le code de ce site (même sur IE, c'est pour dire ;))...
Ton infobulle est constituée du code html que tu mets dans le span, si tu veux un retour à la ligne, tout ce dont tu as besoin c'est de coller un "<br />" :)
Si c'est pas une solution à ton problème, je vois pas où tu pourrais en trouver une...
moin but est d'avoir des infos bulles avec des retours à la ligne, après peut importe le moyen...