Infobulles

Bonjour, ne sachant pas trop où poster cette question j'en viens à la poser ici en espérant que quelqu'un puisse m'aider.

Je désire réaliser une carte réactive au passage de la souris qui affiche en fonctiondel a position du curseur sur l'image de fond uen infobulle qui contienne elle meme une image et du texte, j'ai cherché un peu partout mais je n'avance pas, je n'ai que de trés faible base en javascript

Merci d'avance pour le temps que vous voudrez bien me consacrer.

Nutty

PS: les zones réactives sont des rectangle, j'ai bien réussi a découper mon image avec des map/area, mais apperement ce n'est pas la meilleur solution pour arriver à ce dont j'ai besoin...Help me ...

Bonjour,

>>j'ai bien réussi a découper mon image avec des map/area
    et bien alors ? c'est ce qu'il faut faire..
    qu'est-ce qui ne fonctionne pas ?

<map   ...>
    <area   shape="poly"
            href="#"
            coords="...."
            title="texte affiché au survol"
            onmouseover="que faire au survol(this par exemple);" />
    ...
   

---

---

Bonjour Bul,
En fait j'aimerais arrivé à un rendu à peut pres similaire à celui sur ce site :
http://www.cssplay.co.uk/menu/mapper.html
qu'au survol de la zone cela affiche une infobulle contenant une image et du texte, c'est possible de faire sa ds un onmouseover ? apres le title de l'area shape ?

Je pose peut être des questions un peu stupide, désolé si c'ets le cas mais je ne maîtrise pas trés bien encore ces évenements ...

Merci de ta rapidité , j'espere que tu tiens la solution :)  Nutty

Merci pour les infos, le code est un peu compliqué à mon goût mais je vai m'y mettre pour essayer de tout comprendre.

J'aurais pensé qu'il y avais plus simple pour une simple infobulle ^^ mais je suis surement naïf :)

En tout cas merci
Nutty

>>j 'aurais pensé qu'il y avais plus simple pour une simple infobulle
    oui, mais solution incomplète... qui peut convenir.

    un div, un span, un iframe... caché que l'on positionne et montre au
        onmouseover ( ou onmousemove ) et que l'on cache au onmouseout.
    : quelques lignes en html/javascript.

---

---