Forum d'entraide PHPFrance

Bonjour,
Je voudrai insérer une image sur une autre image.
J'explique, j'ai une image qui me sert de plan. Lorsque je clique à un endroit précis dessus cela me renvoit les coordonnées du click. Les coordonnées sont ensuite intégrées à une base de données. Mon souci c'est que je voudrais rajouter dynamiquement une image à l'aide des coordonnées récupérées sur le plan.

-L'utilisateur entre des coordonnées dans un formulaire.
-On place l'image là où les coordonnée se réalisent. Seulement cette image se placera sur une autre (une croix sur une carte).

Le code du plan

Code : Tout sélectionner


.image_envoi {

width: 90%;
height: 90%;
} 

</style>
 

<form method="post" action="recoipointcarte.php">
      <div class="image_envoi">
        <input type="image" name="Achat" src="Achat.jpg" class="image_envoi"/>
      </div>
</form>

Code : Tout sélectionner


<?php
$Coords_X = $_POST["Achat_x"] ;
$Coords_Y = $_POST["Achat_y"] ;
echo 'Vous avez cliqué aux coordonnées (' . $Coords_X . ', ' . $Coords_Y . ')' ;
?>

<form action="Insertion.php" method="post" name="form_contacts" id="form_contacts">

<p class="style">Hostname :
<input name="Nom" type="text" id="Nom">
</p>

<p class="style">Coordonné en X :
  <input name="Coordonnex" type="text" id="Coordonnex" value="" />
</p>

<p class="style">Coordonné en Y :
<input name="Coordonney" type="text" id="Coordonney">
</p>

<p align="center"> 
	  <input name="Envoyer" type="submit" id="envoyer" value="Envoyer" onClick="envoie(this.form)">
      <input name="retablir" type="reset" id="retablir" value="R&eacute;tablir">
  </p>
	

</form>

pour votre aide merci

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

J'ai fait a peu près la même chose dans ce site: http://www.cartefoi.net/kayak/

Je m'en suis sorti en utilsant des <img> positionnées "absolute" plaquées sur un fond de carte positionné par un <div> lui aussi positionné de façon "absolute"

Voici quelques lignes.

		$requELEM = "SELECT * FROM kayak_elements WHERE id_releve = ".$_GET["Releve"];
	$resuELEM = mysql_query($requELEM, $db);
	$rendu = 1;
	$Contenu = "";
	while ($QuelELEM = mysql_fetch_object($resuELEM)) {
		echo '<img src="images/elements/'.$QuelELEM->Image.'" id="AffImg_'.$rendu.'" style="position: absolute; left:'.$QuelELEM->posi_x.'; top:'.($QuelELEM->posi_y +  ($PosiHautCarte-30)).'; z-index: 1;" width='.($QuelELEM->taille_x * $RatioX).' height='.($QuelELEM->taille_y * $RatioY).'  onmousedown="ModifieImageLocale( event.button, '.($rendu + $x).'); "> ';
	}

Ceci, évidemment, c'est la liste des petites images que j'ajoute à la grande. La grande est un fond de carte positionné dans la fenête par une <div> aux coordonnées "absolute"

Et voici la structure de ma table kayak_elements:

Code : Tout sélectionner

CREATE TABLE IF NOT EXISTS `kayak_elements` (
  `id_element` int(11) NOT NULL auto_increment,
  `id_releve` int(11) NOT NULL,
  `posi_x` int(11) NOT NULL,
  `posi_y` int(11) NOT NULL,
  `taille_x` int(11) NOT NULL,
  `taille_y` int(11) NOT NULL,
  `Image` varchar(30) NOT NULL,
  `Commentaire` varchar(30) NOT NULL,
  PRIMARY KEY  (`id_element`,`id_releve`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1;

Si je comprends bien ton problème, ces informations pourraient t'aider.

Merci pour ton aide c'est ce que je voulais.

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton

qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

Forum d'entraide PHPFrance

Placer un point sur une image à l'aide de coordonnées

Placer un point sur une image à l'aide de coordonnées