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

)
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 !
J'ai dû lire un peu vite...

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

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.htmCode : 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

)
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...