 De Claudius - le 27-07-2005
Juste pour préciser un bug : sous IE (décidement), lorsqu'on fait bouger la page avec le scroll de la souris (molette entre les deux boutons), l'info-bulle ne reste pas sous le curseur, mais se décale en haut ou en bas... | De letueur - le 04-08-2005
bonjour, c'est ce que je cherchais depuis un moment, cependant lorsque la souris n'est pas sur le lien et que l'on se deplace avec le curseur sur la page, il y a les scrollbars qui apparaissent et une deformation de ce qui se trouve sur la page. il y a t-y un moyen de supprimer ce desagrement
merci d'avance et merci encore | De mo25 - le 26-08-2005
J'ai utilisé ce script mais mon problème c'est que l'infobulle se situe très loin de la souris...comment régler ça ? merci | De SquallLion - le 27-09-2005
avez vous vérifié la barre de statut ?:P
NB: c'est un coup de bol que je n'ai pas été en fullscreen | De minimix - le 28-09-2005
Interressant, j'ai Firefox 1.07 sa marche parfaitement | De kisscool2a - le 05-10-2005
il serais preferable d'utiliser cela...
bubble.style.left = x + cursor_padding+'px';
bubble.style.top = y + cursor_padding+'px';
|
|
cette version de cette portion du code marche partout ( meme en cas d'adaptation du script ) :-) | De pasondag - le 06-10-2005
Je veux pas dire, mais c'est pas plus simple d'écrire :
<a href="#" title="essai">un lien</a>
|
|
En plus ca marche sur tout les navigateurs ! | De olivier9999 - le 19-12-2005
Pour que l'infobulle se positionne correctement lors d'un scroll utilisez
bubble = document.getElementById("infobulle");
bubble.style.left = x + cursor_padding+'px';
bubble.style.top = document.documentElement.scrollTop + y + cursor_padding+'px';
|
|
| De Baldy - le 26-06-2006
Ce script fonctionne bien à l'exception d'une chose.
j'ai modifié la ligne suivante :
//bubble.innerHTML = text;
Je les remise hors commentaires pour pouvoir faire des sauts de ligne. Mais si vous faites cela, il faudra alors forcer les espacements (avec ) car sinon ceux ci seront considérés comme des sauts de ligne sous IE (pas de soucis sous Firefox). | De xavierb - le 17-10-2006
il y a aussi un moyen simple pour créer l'infobulle à la volée, et ainsi ne pas avoir à l'écrire dans la page html, puisque le js va s'en charger :
if(!document.getElementById("infobulle")){
bubble_ = document.createElement("div"); bubble.setAttribute("id", "bubble");
bubble.id = "infobulle" ;
bubble.style.zIndex = z ;
bubble.style.width = "auto" ;
bubble.style.minWidth = "40px" ;
bubble.style.height = "auto" ;
bubble.style.minHeight = "20px";
bubble_.style.display = "block" ;
bubble_.style.padding = '1em' ;
bubble_.style.position = 'absolute' ;
bubble_.style.backgroundColor = "#EEE8AA" ;
(ie)?bubble.setAttribute("className","bubble"):bubble.setAttribute("class","bubble");
(ie)?bubble.style.filter="alpha(opacity=80)":bubble_.style.opacity="0.8";
bubble.setAttribute("top", x+cursor_padding);
bubble.setAttribute("left", y+cursor_padding);
document.body.appendChild(bubble);
}
|
|
| De flomaitrecubeur - le 12-01-2007
http://perso.orange.fr/vitec/balanceaticket.html
Voici le site que je suis en train de faire pour mon entreprise.
J'utilise ces infobulles pour faire un zoom sur image.
J'ai le même soucis, c'est à dire, l'affichage des pages ne tient pas compte du scroll, malgré que j'ai mis les lignes de commande qui permettrait normalement de résoudre le problème.
Si vous conaissez la solution, je l'accepte avec joie.
Merci d'avance.
+ | De Sinistrus - le 24-04-2007
Salut
Dans le :
<a href=# onmouseover="javascript:see_bubble('Texte et texte');" onmouseout="javascript:kill_bubble();">Lien</a>
Comment je peux mettre au lieu de 'Texte et Texte'
je le met à la ligne ?
ex:
Texte
et
Texte | De Sinistrus - le 25-04-2007
Salut, comment peut-on définir la longeur de l'infobulle ? | De bmasdoua - le 25-06-2007
Salut,
petit souci par rapport au scroll sous ie je vous propose cette modif, qui fonctionne sous ie et ff
bubble = document.getElementById("infobulle");
bubble.style.left = x + cursor_padding+'px';
if (ie)
{
var top = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
bubble.style.top = top + y + cursor_padding+'px';
}
else
{
bubble.style.top = document.documentElement.scrollTop + y + cursor_padding+'px';
}
|
|
|
Home Page
