onMouseOver + write + iframe

voila : j'ai une carte geographique avec des regions. Je veux que lorsque la souris passe sur une region (onMouseOver), certaines informations sur cette region s'affichent dans une fenetre de la page (iframe ou table).

Je ne connais vraiment rien au javascript, au point que je ne sais même pas comment parvenir à une recherche pertinente sur ce site tellement complet (aussi je m'excuse si cette question fut déjà posée...).

Si quelqu'un peut m'aider rapidement (je fait ce truc dans le cadre d'un stage : faut que j'assure un peu là ..!)

Merci d'avance, et bonne continuation pour ce site (que je retourne immediatement fouiller).

Bresko

Pour guider ta recherche, je te donne deux solutions, à vue de nez.
Si tu ne t'en sors pas, tu pourras copier ton code que nous y regardions un peu.

Dans mes explications, je suppose que tu as défini des frames sur ta page, dont une s'appelle frameinfo et sur laquelle devraient s'afficher les caract des pays.

Première solution, découper ta carte en tas de petites zones, rectangulaires, mises cotes à cotes, pour refaire comme un puzzle ta carte géographique.
Et mettre un lien sur chaqu'une d'elle.
Je ferai ça comme ça, à peu-près :

<a href="#" onMouseover=window.open("info01_01.htm","frameinfo","")><img src="image01_01" border="0"></a>
<a href="#" onMouseover=window.open("info02_01.htm","frameinfo","")><img src="image02_01" border="0"></a>
<br>
<a href="#" onMouseover=window.open("info01_02.htm","frameinfo","")><img src="image01_02" border="0"></a>
<a href="#" onMouseover=window.open("info02_02.htm","frameinfo","")><img src="image02_02" border="0"></a>
<br>

ou pour faire encore plus beau mettre dans un tableau.

Seconde solution, utiliser usemap.

D'abord la définir.

<map name="info">
<Area shape="rect" coords="0,0,50,50" javascript href="#" onMouseover=window.open("info1.htm","frameinfo","") alt="nomdupays1">
<Area shape="rect" coords="0,50,50,100" javascript href="#" onMouseover=window.open("info2.htm","frameinfo","") alt="nomdupays2">
</map>

ensuite l'appeller.
<img src="carte.jpg" usemap="#info" width="300" height="200">

Evidement, je ne fais pas ton boulot, à toi de retrouver la syntaxe exacte et de bien définir tes coordonnées et tes pages.

Bon courage.
Si quelqu'un sait comment définir non pas des rectangles, mais des formes particulières, ce serai plus beau.

bertrouf6111@/ /yahoo.fr

Merci bertrouf6111 !
J'essaye ça dès demain (je bosse pas le dimanche, c'est un principe..!)

Je crois que tu me donne la reponse que je cherchais
(<a href="#" onMouseover=window.open("info02_01.htm","frameinfo","")>)

De mon côté, aussi étonnant que cela me paraisse, je pense pouvoir répondre à ta question, mais pas avec la manière "pur codeur". Tu peux avoir des "map" de la forme que tu désir (polygones illimités) très facilement si tu utilise Dreamweaver. Tu clic dans la table où tu désir les positionner, et un onglet "Propriété" apparait qui te donne le choix entre 3 formes de map (cercle, rectangle et polygone).
Tu définit ta zone avec le polygone et Dreamweaver te pond le code avec une ligne conséquente de "coord= ... ...", ensuite tu met tes liens etc etc...