Forum « probleme carte intéractive »

Forum « Programmation Javascript » (archives)

probleme carte intéractive

Envoyé: 5 mai 2004, 9h36 par ahylou

Bonjour

Je suis entrain de réalisé une carte intéractive
Je veux vendre des carte des régions de france, lorske je survol une region sa affiche sur le coté dans des champs en consultation le prix de la carte+ le nom de la région...
Le probleme é ke j'aimeré clické sur une région é ke les champs "prix"+"nom" de la region reste fixe kelke soit le survol pour ensuite validé la carte é mettre dans un panier

voila mon code

<script language="javascript">
efface=new Array("","");
Toulouse =new Array("Toulouse","37 €");
Lille =new Array("Lille","22,68 €");
Brest=new Array("Brest","22,68 €");
Corse=new Array("Corse","22,68 €");
Metz=new Array("Metz","22,68 €");
function affiche(ville)
{ with (document.carte)
{
nom.value=ville[0];
prix.value=ville[1];
}
}

function selection(ville)
{ with (document.carte)
{
nom.value=ville[0];
prix.value=ville[1];
}
}
</head>
<body>
<map name="France">


<area coords="196,384,256,419"
shape="rect" href="Javascript:void(0)"
onMouseOver="affiche(Toulouse)" onMouseOut="affiche(efface)" >


<area coords="245,8,320,52"
shape="rect" href="Javascript:void(selection)"
onMouseOver="affiche(Lille)" onMouseOut="affiche(efface)" >


<area coords="14,109,86,179"
shape="rect" href="Javascript:void(0)"
onMouseOver="affiche(Brest)" onMouseOut="affiche(efface)" >


<area shape="rect" coords="439,441,488,525" href="Javascript:void(0)"
onMouseOver="affiche(Corse)" onMouseOut="affiche(efface) "
>

<area shape="rect" coords="373,81,429,127" href="Javascript:void(0)"
onMouseOver="affiche(Metz)" onMouseOut="affiche(efface)">

</map>
<form name="form1" method="post" action="">
</form>
<table border>
<form name="carte">

<tr>

<td><pre>ville:
<input type="text" size="16" name="nom" Value="">
<p>
prix:
<input type="text" size="16" name="prix" value="">
<p>
<p>
<input type="submit" name="Submit" value="Valider">

</td>
</body>

Je vous remerci de pouvoir m'aidé:roll: