BULLES D'AIDE SUR DU TEXTE
cs_jjdagadir
Messages postés
127
Date d'inscription
lundi 7 avril 2003
Statut
Membre
Dernière intervention
6 mars 2009
-
25 août 2003 à 15:11
blogtrotter Messages postés 1 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 10 janvier 2006 - 10 janv. 2006 à 16:31
blogtrotter Messages postés 1 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 10 janvier 2006 - 10 janv. 2006 à 16:31
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/16368-bulles-d-aide-sur-du-texte
https://codes-sources.commentcamarche.net/source/16368-bulles-d-aide-sur-du-texte
10 janv. 2006 à 16:31
bonjour: premier post sur ce forum... je viens de télécharger le code source et l'intégrer dans mon css de blog.. le problème (je suis graphiste, pas programmeur) c'est que je ne vois pas comment l'utiliser.. imaginons que sur le mot CALQUES je souhaite mettre une info bulle "LAYER" (calque en Anglais)
Comment dois je m'y prendre ?
Merci
Kenavo
9 août 2005 à 23:48
Autrement, un fois rendu compatible avec Firefox, ce script a la meme faille que tous les autres, la position absolu de CSS est prise depuis le haut de la page, et si on scroll, la position du curseur devient mal interpreter et la bulle est trop haute.
Toute la journée j'ai chercher a faire une info bulle compatible partout, et sans bug avec le scroll.. je vais y arriver ! O_O ! lol
20 août 2004 à 18:43
Bel esprit et possibilité aux fans d'Opera de profiter de ce petit truc...
Je mets à jour...Encore merci.
18 août 2004 à 12:12
Si ça t'intéresse, je l'ai rendu compatible avec Mozilla. Il fallait remplacer les style.visibility par des style.display, et quelques autres petits changements !!
<script language="JavaScript">
var nav = (document.layers);
var iex = (document.all);
if( nav )
document.captureEvents( Event.MOUSEMOVE );
document.onmousemove = mousepos;
function msgpop( msg )
{
var content =" ... ";
if( iex )
{
tooltip.innerHTML = content;
tooltip.style.display = "block";
}
else
{
document.getElementById( "tooltip" ).innerHTML = content;
document.getElementById( "tooltip" ).style.display = "block";
}
}
function mousepos( pos )
{
if( iex )
{
tooltip.style.left = event.clientX - 30;
tooltip.style.top = event.clientY + 20;
}
else
{
document.getElementById( "tooltip" ).style.left = pos.clientX - 30;
document.getElementById( "tooltip" ).style.top = pos.clientY + 20;
}
}
function killtip()
{
if( iex )
tooltip.style.display = "none";
else
document.getElementById( "tooltip" ).style.display = "none";
}
</script>
Voilà, j'espère que ça t'aidera !!
2 sept. 2003 à 15:07
2 sept. 2003 à 14:48
Encore plus joli avec :
ton string
Sous IE c'est déjà pas mal (90% du traffic sauf erreur). On en apprend tous les jours. Simple et efficace...
Le schlimblick avance !...
2 sept. 2003 à 13:56
je viens de tester car tu m'as mis un doute, mais ceci fonctionne très bien (sous IE seulement :) :
mon string ;)
;)
2 sept. 2003 à 08:32
C'est pas une connerie, mais malheureusement la propriété title s'applique a des "contrôles" (text, command...) et mon truc est juste une façon de "biaiser" por éclairer un string tout simple. Cordial salut !
2 sept. 2003 à 01:42
Je vais p'tet dire une connerie mais, pourquoi ne pas utiliser la propriété title ?
Je crois que c'est compatible seulement sous IE mais bon :)
@+
25 août 2003 à 15:11