1/ j'affiche un plan dans un cadre avec ascenseurs :

fonddeplan {position:relative; left:0; top:0; z-index:0;}

echo "<div style='overflow-y:auto; width:1024; height:615; border:solid 2px white; '>";
echo "<div style='fonddeplan'>";
echo "<img src='plan.jpg' width=3000 height=2143 usemap='#mon_plan' ></img></div>";
echo "<div>";

est-possible de donner une valeur initiale au scroll des ascenseurs ?

2/ par ailleurs, je définis des "pastilles" cliquables sur le plan

echo "<map name='mon_plan'>";
boucle -> echo "<area shape='circle' coords='$x,$y,15' href='$agrandit_photo?identifiant=$choix' title='$choix' ></area>";
echo "</map> ";

je voudrais visualiser ces "pastilles" en superposition sur le plan : est-ce possible ?

Modération :
Bonjour, s'il vous plait, merci ne sont pas que des mots dans le formulaire.

Merci de bien vouloir les employer si tu souhaites une aide.


salut,

1/ par exemple http://stackoverflow.com/questions/2481 ... javascript (et un tas d'autre fournit par google

2/ Oui, avec JS, suivant ce que tu souhaite une fenêtre modale peux être une solution.

@+

echo "<script src='jquery-1.11.0.js'></script>";

echo "<style>
div.fond_de_plan {
	border: 2px solid black;
	position: relative;
	width: 1024px;
	height: 615px;
	overflow: auto;
	}
</style>";

$top =isset($_GET['top'])? $_GET['top']  : 0 ;
$left=isset($_GET['left'])? $_GET['left'] : 0 ;

$scroll_top=$top-307; // 615px DIV 2
$scroll_left=$left-512; // 1024px DIV 2

echo "<div class='fond_de_plan'><img src='plan.jpg' width=3000 height=2143 ></img>";
echo "<script> $('div.fond_de_plan').scrollTop($scroll_top).scrollLeft($scroll_left) </script>";

question 1 résolue (cf php ci-dessus)

question 2 reposée en forum html ('positionner image coin inférieur droit précédente')