petit problem de fenetre* - Forums de discussion
Navigation
Accueil du forum » Javascript » petit problem de fenetre*
Le sujet
Bien le bonjour.
J'ai un petit problem niveau javascript, j'ai trouver un script sur internet qui ouvre un genre de fenetre ci on passe avec la sourris sur un text de choix. le probleme la fenetre s'ouvre mais en haut a gauche. Ce que je voudrais savoir. Est il possible de l'ouvrire auprés du text(sourris) ? Excusez moi pour l'orthogrape mais j'esseie de poster dans plusieurs forums de plusieurs langues pour voir ou je reçois la réponce qui m'aide le +.
Le code:
J'ai un petit problem niveau javascript, j'ai trouver un script sur internet qui ouvre un genre de fenetre ci on passe avec la sourris sur un text de choix. le probleme la fenetre s'ouvre mais en haut a gauche. Ce que je voudrais savoir. Est il possible de l'ouvrire auprés du text(sourris) ? Excusez moi pour l'orthogrape mais j'esseie de poster dans plusieurs forums de plusieurs langues pour voir ou je reçois la réponce qui m'aide le +.
Le code:
<script language="javascript" type="text/javascript">
<!--
function GetId(id5)
{
return document.getElementById(id5);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
function move(e)
{
if(i)
{ // Si la bulle est visible, on calcul en temps reel sa position ideale
if (navigator.appName!="Microsoft Internet Explorer")
{ // Si on est pas sous IE
GetId("curseur").style.left=e.pageX - 50+"px";
GetId("curseur").style.top=e.pageY + 10+"px";
}
else
{ // Modif proposé par TeDeum, merci à lui
if(document.documentElement.clientWidth>0)
{
GetId("curseur").style.left=10-50+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
}
else
{
GetId("curseur").style.left=10-50+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
}
}
}
}
function montre(text)
{
var text2;
text2='<iframe ';
text2=text2+'src="http://www.*no spamm*.net/web/user.php?nick='+text+'" ';
text2=text2+'bgcolor="#FFFFFF" ';
text2=text2+'width="595" ';
text2=text2+'height="250" ';
text2=text2+'align="top" ';
text2=text2+'align="left" ';
text2=text2+'frameborder="0" ';
text2=text2+'border="0" ';
text2=text2+'scrolling="no"> ';
text2=text2+'</iframe> ';
GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
GetId("curseur").innerHTML = text2; // on copie notre texte dans l'élément html
}
function cache()
{
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
}
document.onmousemove=move;
</script>
<div id="curseur" class="infobulle" style="background:#FFFFFF; margin:0px;"></div>
<a onmouseover="montre('Kedon');" onmouseout="cache();">Kedon</a>
________________
kedon
Les réponses
Il existe des scripts beaucoup plus simple à mettre en place pour ce genre d'effets.
Voir notamment du côté de JQuery : http://www.paperblog.fr/709459/coda-bubble-jquery-information-box/
C'est propre et particulièrement efficace.
Voir notamment du côté de JQuery : http://www.paperblog.fr/709459/coda-bubble-jquery-information-box/
C'est propre et particulièrement efficace.
________________
Anything that can go wrong will go wrong (Murphy)
Statut: 
Modérateur
Pages
A lire également
- Les conditions générales d'utilisation du site
Top-sites membres
Discussions récentes dans les forums
Tribune libre
Publicité: Vidéo humoristique de publicité télé.