Discussion :

[romjel]

Bonjour,

J'ai un petit probl�me avec des infos bulles. Je n'arrive pas � utiliser le ' (exemple l'animation) et � changer la police de caract�res. En plus, j'ai l'impression que la toolbar de google bloque ce script. Voici les codes que j'ai utilis� :

entre les balises HEAD
<style>
.popper
{
position : absolute;
visibility : hidden;
}
</style>

apr�s la balise BODY
<div id="topdeck" class="popper"> </div>
<script src='infobulle.js'></script>

le lien o� je veux faire l'info bulle
<a href="JavaScript:void(0)" onmouseover="infobulle('#B879B2', '#B879B2', '#FFFFFF', '2', 'H�tel bidule', 'lightyellow', '#000000', '2', 'Tr�s bel h�tel / Proche de l animation mais au calme / Un peu trop de chambres')" onmouseout="kill()">
Quelques commentaires</a>

Tout en utilisant un fichier infobull.js qui est le suivant :

var width = '150';

var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav)
document.captureevents(event.mousemove);

document.onmousemove = get_mouse;

function infobulle(color_border, color_fond_title, color_title, size_title, title, color_fond_texte, color_texte, size_texte, texte)
{
var content ="<table width="+width+" border='0' cellpadding='2' cellspacing='2' bgcolor="+color_border+"><tr><td align='center' bgcolor="+color_fond_title+"><font color="+color_title+" size="+size_title+"><b>"+title+"</b></font></td></tr><tr><td align='center' bgcolor="+color_fond_texte+"><font color="+color_texte+" size="+size_texte+"><center>"+texte+"</font></td></tr></table>";
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - (width/2);
skn.top = y + 15;
}

function kill()
{
skn.visibility = "hidden";
}


Merci beaucoup d'avance si quelqu'un peut m'�clairer, je suis plut�t nul et je bidouille !

[KiLVaiDeN]

Au lieu de taper ' il faut taper \' ( par exemple l\'animation ).

En ce qui concerne google, il ne bloque pas ce genre de chose je pense, as-tu un message d'erreur javascript ? Quel navigateur utilises-tu ?

[denisC]

Autre proposition d'infobulles (merci Torvalds)!
http://torvalds17.free.fr/partiePubl....php5?script=1

[Invit�]

merci denisC d'avoir mentionn� mon script ;-)
cependant il n'est pas super au point au niveau de la compatibilit� entre navigateurs...

mais �a peut donner des pistes, surtout que j'utilise le DOM comme le recommande le W3C

[denisC]

Ton script, il marche sous Opera, ce que je trouve d�j� tr�s impressionnant au niveau compatibilit�

[romjel]

effectivement l\' �a fonctionne bien. Merci.

En fait, c'est explorer qui dit "pour vous aider � prot�ger votre ordinateur, Internet Explorer a restreint l'affichage du contenu actif de ce fichier bla bla bla.

[KiLVaiDeN]

Alors �a, �a m'�tonne
IE bloquerait-il les div maintenant ? Non ?

Tu as peut-�tre bloqu� les Javascripts ?

Parce que si IE se met � bloquer les js qui portent sur les DIV, on est mal barr�s

Je soup�onne qu'il bloque "document.onmousemove = get_mouse;" mais je trouve �a quand m�me �trange...

[romjel]

oui, tout � fait, en fait �a bloquait en aper�u mais quand j'ai mis en ligne, tout fonctionne. Merci pour vos r�ponses