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