A voir également:
- Image cliquable (HTML)
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
1 réponse
Tu bosse javascript je suppose ? Si c'est le cas, c'est plutôt simple, a peu près comme ce-ci :
Dans la partie head :
Et le code du select
Donc dans la variable image, tu as l'image correspondante, tu n'as plus qu'a utiliser map area et une autre fonction javascript pour afficher l'image.
Au fait, tes formes sont bien des images jpeg, gif ou png, je me trompe ?
Dans la partie head :
<script type='text/javascript'>
var image="";
function VoirValeur(value){
swhitch(value){
case "valeur 1":image="image1.png";break;
case "valeur 2":image="image2.png";break;
...
}
}
</script>
Et le code du select
<select onchange)"VoirValeur(this.value)">...</select>
Donc dans la variable image, tu as l'image correspondante, tu n'as plus qu'a utiliser map area et une autre fonction javascript pour afficher l'image.
Au fait, tes formes sont bien des images jpeg, gif ou png, je me trompe ?
Non, mes formes ne sont pas des images jpg, .... Comme tu le vois ci-dessous, la première forme créé est un simple carré 'monCarre'. Dès lors, ds ta proposition, les valeurs données aux case ne sont donc pas des images mais les elements que j'aimerais créer tels que 'monCarre','monRectangle',...
J'espère me faire comprendre...
<HEAD>
<script language="JavaScript" type="text/javascript">
function clickZone()
{
document.getElementById('monCarre').style.display = "block";
document.getElementById('monCarre').style.left = Mouse_X-10;
document.getElementById('monCarre').style.top = Mouse_Y-10;
parent.formulaire.document.getElementById('posX').value=Mouse_X;
parent.formulaire.document.getElementById('posY').value=Mouse_Y;
}
var Mouse_X;
var Mouse_Y;
function WhereMouse( e ){
...
...
...
}
</script>
<STYLE>
#monCarre {
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #fff;
background: #ff0000;
}
</STYLE>
<HEAD>
<BODY>
<IMG SRC="ApercuWebviewer.jpg" id="maCarte0" onClick="clickZone()">
<div id="monCarre" style="display:none;"></div>
</BODY>
</HTML>