Je ne suis pas sur de poster dans le bon sujet mais je pense que javascript va etre necessaire.
J'ai une page web ou j'ai une miniature d'une carte et une iframe qui contient la carte zoomée. La carte dépassant la taille de l' iframe, j'ai des scrollbar à droite et en bas. Ce que je voudrais faire est qu'en cliquant à un endroit de la miniature, les scrollbar prennent des valeurs permettant d'afficher la region correspondante de la grande carte. Et idealement avoir, en se deplaçant à l'aide des scrollbar, un petit cadre rouge qui se deplace sur la miniature de la meme façon.
Est-ce possible? D'apres ce que j'ai lu, l'evenement scrollbar serait a utiliser mais je suis tres mauvais en javascript.
Je vous mets ma page html après.
Merci par avance.
Code : Tout sélectionner
<HTML>
<HEAD>
<title>Test</title>
<script type="text/javascript">
</script>
<style type="text/css">
.cadre {
color: #ff0000;
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
position: absolute;
right: ;
top: ;
width: 10;
height: 10;
}
</style>
</HEAD>
<body>
<table>
<tr>
<td>
<iframe src='dot_plot_6b999119e656b8d4bc289f0d4fdf3ce1.jpg' name='img'
height='200' width='300'></iframe>
</td>
<td>
<map name='mini'>
<area shape='rect' coords='0,0,130,130' href='#' target='img'>
</map>
<div class='cadre'></div>
<img src="mini_dot_plot_6b999119e656b8d4bc289f0d4fdf3ce1.jpg" border='0'
usemap='#mini' />
</td>
</tr>
</table>
</body>
</HTML>
