Miniature agissant sur iframe

par **seinto28** » 10 févr. 2006, 16:19

J'ai reussi a me deplacer dans l'iframe à partir de la miniature grace à: window.scrollTo

Reste plus qu'a gérer le cadre sur la miniature mais la je seche.

par **seinto28** » 10 févr. 2006, 14:35

Plus precisement mon probleme est de donner une position a des scrollbar.

A partir de la fonction getimagesize de php, j'ai la largeur-hauteur des 2 images. Su la miniature, j'ai defini une <map> avec 1 lien par pixel en recuperant la position, que je transmet a l'iframe, je calcul alors la position sur la grande carte.

Mais comment l'attribuer aux scrollbar?

par **seinto28** » 10 févr. 2006, 13:05

Oula tu me fais peur la! Je suis encore plus mauvais en JAVA qu'en JS

Le probleme est que je genere ma carte avec la librairie GD de PHP. J'ai deja intégré la possibilité de zoomer mais la je coince.

par **Cyrano** » 10 févr. 2006, 12:58

Ça sent davantage l'applet Java que du JavaScript. Ce que tu veux faire n'est pas évident. Certainement faisable en DHTML, mais il va falloir monter une usine à gaz à mon avis

par **seinto28** » 10 févr. 2006, 12:42

L'iframe n'est pas obligatoire, on peut utiliser un div au besoin

par **seinto28** » 10 févr. 2006, 01:08

Bonjour à tous,

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>

Miniature agissant sur iframe

Répondre

Étendre la vue Revue du sujet : Miniature agissant sur iframe

Miniature agissant sur iframe