Accueil > Forum > > > > Pb avec un script info bulle
 Pb avec un script info bulle
vendredi 5 octobre 2007 à 10:21:36 |
Pb avec un script info bulle
ard123
|
Bonjour,
J'ai mis en place un script infos bulle (téléchargé sur http://www.toutjavascript.com/main/index.php3), ca marche nickel (texte ou image).
Je l'utilise dans un frame et défois l'info bulle apparait à moitié caché...  Donc ma question :
Est il possible de placer l'infos bulle centré juste sous la souris?
merci d'avance
David
----------------------------------------------------- mon code :
<HTML>
<HEAD>
<TITLE>Tout JavaScript.com - Info Bulle DHTML</TITLE>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//D'autres scripts sur http://www.toutjavascript.com
//Si vous utilisez ce script, merci de m'avertir ! < webmaster@toutjavascript.com >
//Auteur original :Olivier Hondermarck <webmaster@toutjavascript.com>
//Modifs compatibilité Netscape 6/Mozilla : Cédric Lamalle 09/2001 <cedric@cpac.embrapa.br>
//Correction Mac IE5 (Merci Fred)
var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;
function AffBulle(texte) {
contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE> ";
var finalPosX=posX-xOffset;
if (finalPosX<0) finalPosX=0;
if (document.layers) {
document.layers["bulle"].document.write(contenu);
document.layers["bulle"].document.close();
document.layers["bulle"].top=posY+yOffset;
document.layers["bulle"].left=finalPosX;
document.layers["bulle"].visibility="show";}
if (document.all) {
//var f=window.event;
//doc=document.body.scrollTop;
bulle.innerHTML=contenu;
document.all["bulle"].style.top=posY+yOffset;
document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
document.all["bulle"].style.visibility="visible";
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.getElementById("bulle").innerHTML=contenu;
document.getElementById("bulle").style.top=posY+yOffset;
document.getElementById("bulle").style.left=finalPosX;
document.getElementById("bulle").style.visibility="visible";
}
}
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
posY=event.y+document.body.scrollTop;
}
else {
posX=e.pageX; //modifs CL 09/2001 - NS6 : celui-ci ne supporte pas e.x et e.y
posY=e.pageY;
}
}
function HideBulle() {
if (document.layers) {document.layers["bulle"].visibility="hide";}
if (document.all) {document.all["bulle"].style.visibility="hidden";}
else if (document.getElementById){document.getElementById("bulle").style.visibility="hidden";}
}
function InitBulle(ColTexte,ColFond,ColContour,NbPixel,PosLeft,PosTop) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
document.write("<LAYER name='bulle' top='"+PosTop+"' left='"+PosLeft+"' visibility='hide'></LAYER>");
}
if (document.all) {
document.write("<DIV id='bulle' style='position:absolute;top:"+PosTop+";left:"+PosLeft+";visibility:hidden'></DIV>");
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.write("<DIV id='bulle' style='position:absolute;top:"+PosTop+";left:"+PosLeft+";visibility:hidden'></DIV>");
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<CENTER><BIG>Script pour afficher des infos bulle personnalisées.</BIG></CENTER>
Les infos bulle se présentent sous la forme de cadre, dont les couleurs de texte, de fond, de contour ainsi que l'épaisseur du contour sont paramétrables.<BR>
Les infos bulle apparaissent à l'endroit du curseur de souris et peuvent contenir tous les éléments HTML classiques (image, tableaux, ...). Elles disparaissent dès que la souris quitte le lien.<BR>
Ce script d'infobulle est compatible Internet Explorer 4+ et Netscape 4+<BR><BR>
<!-- appel à l'initialisation des infos bulles (laisser dans le BODY) -->
<SCRIPT language="JavaScript">InitBulle("navy","#FFCC66","orange",1,0,0);
// InitBulle(couleur de texte, couleur de fond, couleur de contour taille contour)
</SCRIPT>
<!-- Déclaration des liens avec les fonctions d'affichage des infos bulle : simple non ? -->
<!-- REM : pour afficher une apostrophe ', écrivez \', idem avec les " -->
<A href="#" onMouseOver="AffBulle('<IMG SRC="photo.jpg">')" onMouseOut="HideBulle()">Premier Lien ----------------------------------------------------</A><BR>
<A href="#" onMouseOver="AffBulle('Ce script permet d\'afficher des infos bulles très <BIG>simplement</BIG>,<BR> sur <I>plusieurs</I> lignes,<BR>avec des éléments HTML. ')" onMouseOut="HideBulle()">Deuxieme Lien</A><BR>
<A href="#" onMouseOver="AffBulle('Autant d\'infos bulles que vous voulez ...')" onMouseOut="HideBulle()">Autre Lien</A>
<BR><BR>
<CENTER>
<A href="http://www.toutjavascript.com" onMouseOver="AffBulle('ToutJavaScript.com c\'est :<LI>des dizaines de javascripts,<LI>des conseils,<LI>des liens.<BR><CENTER><B>Et bien plus encore...</B><BR><IMG src=\'http://www.toutjavascript.com/gif/animtjs.gif\' width=100 height=30></CENTER>')" onMouseOut="HideBulle()">www.ToutJavaScript.com</A>
</CENTER>
<BR>
<BR><SMALL>Les liens sont inactifs (sauf le lien vers le site ToutJavaScript.com)</A>
</FONT></BODY></HTML>
<!-- Script développé par Olivier Hondermarck webmaster@toutjavascript.com -->
<!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
|
|
vendredi 5 octobre 2007 à 15:13:49 |
Re : Pb avec un script info bulle
XtremDuke
|
Mon dieu, mais de quand il date ce script ??? bref... Essai de remplacer la ligne suivant : var finalPosX=posX-xOffset;
par
var finalPosX=posX-(document.getElementById('bulle').offsetWidth/2); |
|
vendredi 12 octobre 2007 à 09:51:45 |
Re : Pb avec un script info bulle
ard123
|
bonjour, merci pour ta réponse. J'ai apporté la modification, mais ca n'a pas résolu mon problème... pour etre plus clair dans ma demande, je vais vous donner l'adresse du site : www.glossaire.o-n.fr (login : prod, pass: prod) En cliquant sur la lettre "B" vous accéder à une page de ce glossaire. Et là j'ai placer des infos bulles sur des mots importants, soit des définitions, soit une image. Le problème avec les images, c'est que suivant la position de la souris, l'image n'apparait pas en entier... Ce que je voudrais, c'est que quelque soit la position de ma souris, j'aimerai que l'image soit placé au milieu de mon frame. Voila, j'espere avoir été plus clair que la première fois, en espérant que quelqu'un pourra m'aider. Merci en tout cas pour ton aide XtremDuke.  David ps : apparement le script que j'ai utilisé est super vieux... et obsolète... si qqn à un code plus récent et plus fonctionnel, je suis preneur... |
|
vendredi 12 octobre 2007 à 10:19:24 |
Re : Pb avec un script info bulle
|
vendredi 12 octobre 2007 à 11:02:51 |
Re : Pb avec un script info bulle
ard123
|
euh... il y a malentendu... lol c'est pas moi qui ai posté le message précédent... qqn a du profiter de ma pause café pour utiliser mon pc... désolé  |
|
vendredi 12 octobre 2007 à 18:49:55 |
Re : Pb avec un script info bulle
|
lundi 15 octobre 2007 à 14:44:44 |
Re : Pb avec un script info bulle
ard123
|
bonjour,
merci pour l'infos.
J'ai utilisé le script "info bulle toujours visible"
www.glossaire.o-n.fr
en bas, cliquer sur le "T"
Dans cette page, j'ai insérer des infos bulles, mais elles "sortent" du frame.
Comment faire pour redimensionner automatiquement les infos bulles?
d'avance merci.
David
|
|
lundi 15 octobre 2007 à 15:17:05 |
Re : Pb avec un script info bulle
ard123
|
bon j'y suis arrivé, en insérant une balise <BR> pour revenir à la ligne... je sais pas si c'est la bonne méthode, mais apparement ca marche...  Maintenant je bloque sur l'insertion d'une photo dans la bulle. je voudrais modifier cette ligne : onmouseover="return(BulleWrite('<SPAN class=Rg><img src=\'avoir.gif\'><br>Ca c\'est du TITRE...</SPAN>'));" en lui spécifiant que l'image se trouve dans \images\contrat.jpg et je n'arrive pas à trouver la bonne syntaxe... Si quelqu'un peut m'aider... A+ et merci David |
|
lundi 15 octobre 2007 à 19:59:54 |
Re : Pb avec un script info bulle
PetoleTeam
|
Bonjour,
j'arrive apparament trop tard, il semblerait que cela marche ...
;0)
|
|
lundi 15 octobre 2007 à 23:35:16 |
Re : Pb avec un script info bulle
ard123
|
alors ca marche pas tout à fait pour les photos... si la photo se trouve à la racine du site, ca fonctionne, mais si je la place dans le dossier \images\ je sais pas quelle syntaxe mettre... Si qqn pouvait m'aider, ca m'arrangerait pour finir... |
|
Cette discussion est classée dans : document, bulle, getelementbyid, layers, if
 Répondre à ce message
 Sujets en rapport avec ce message
Enorme Probleme avec document.body.scrollTop [ par polo_777 ]
voila je souhaiterai faire une info bulle, pour ce faire j'ai trouver des tas des scripts deja tout fait qui fonctionnes tres bien sauf que "tous" on
un javascript en cache un autre [ par cousinlol ]
Bonjour,Assez nul en javascript, j'apprécie beaucoup les script que je trouves et que j'adapte ensuite à mon environnement. Cela me permet aussi petit
Info-bulle avec usermap [ par f1hgu ]
Bonjour,Dans le but de développer mon site, j'étais à la recherche d'un script faisant une info bulle avec un usermap et des areas shape. Ne trouvant,
Barre de progression Javascript [ par AurelR ]
BonjourActuellement j'essaye d'envoyer un fichier sur mon serveur (sa j'y arrive) mais j'aimerais afficher une barre de progression.En cherchant un pe
Affiche nombre [ par jumano ]
Bonjour,J'effectue une petite fonction en js me permettant d'effectuer certain calcul en fonction de "radio" en position check.Je récupère ensuite une
Encore des erreurs ! [ par nicomilville ]
Salut,Et oui, c'est encore moi, vous devez vous dire que je suis un nul, c'est peut être vrai, lol J'ai encore des erreurs sur mon code... Si ça co
ouvrir/fermer une div et fusionner deux fonctions...help [ par ornorme ]
bonjour à celui qui essaira de résoudre mon pti problème!(c'est ma deuxième question sur ce forum..en éspérant que la solution
récupération de données SQL dans une infobulle [ par creaDB ]
Bonjour tout le monde, voilà je débute avec l'infoBulle Javascript et je cherche à y inclure un résultat de requete php/mysql. Je m'explique, je souha
défilement images effet fondu, ne marque que sur FIREFOX [ par fulltrip ]
Bonjour,Comme il est explicité ci-dessus je n'arrive pas à faire marcher mon script JAVASCRIPT sur IE.Si quelqu'un peut voir ou se situe le problème j
Accés à une page via user et mot de passe avec ajax et php [ par developvbdebut ]
BonsoirVoici mon problème.Au départ je suis sur la page index.html, en saissant le bon nom utilisateur et le mot de page, je veux acceder à la page su
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|