Page 1 sur 1

Générer cordonnés

Posté : 09 juin 2013, 17:41
par thib41
Bonjour,

j'aimerais faire quelque chose d'assez simple mais je n'ai trouvé aucune information sur le Web, et je pense que le Php en est tout à fait capable.

En fait, je voudrais que l'e visiteur de ma page clique à un endroit sur une image, et que les variables $posx et $posy (par exemple) reçoivent respectivement les coordonnées (x;y) de l'endroit où l'utilisateur à cliqué...

J'espère avoir été assez clair, sinon demandez moi j'essayerai d'expliquer plus concrètement ce que j'ai envie de faire !

Merci !


Thib

Re: Générer cordonnés

Posté : 09 juin 2013, 18:22
par moogli
Salut,


Il s'agit plutôt de Javascript (regarde du côté de Canvas). Sauf si tu crée ta carte et que tu gère les liens a la main


@+

Re: Générer cordonnés

Posté : 09 juin 2013, 18:29
par thib41
Merci !

Le Javascript sera surement plus simple, merci ;)

Re: Générer cordonnés

Posté : 10 juin 2013, 08:51
par Spols
Tu peux aussi utiliser l'image en question dans un formulaire, tout dépend de ce que tu veux faire des données recueillie.

Re: Générer cordonnés

Posté : 10 juin 2013, 09:21
par thib41
Tu peux aussi utiliser l'image en question dans un formulaire, tout dépend de ce que tu veux faire des données recueillie.
Salut :)

Je vais expliquer plus concrètement mon cas :wink:

Alors en fait je tiens un site de meteo sur la région Centre, et j'aimerait que les utilisateurs puisse mettre des observations.

Jusque là ça va, j'ai fait un formulaire, une BDD et je fais s'afficher les observations sur un tableau sur une page.

C'est déjà pas mal, mais j'aimerais afficher une carte sur la-quelle il y aurait les dernières observations sous forme d'icône.

J'ai plus ou moins réussi, il ne me manque qu'une seule chose, c'est que l'icône se place au bonne endroit automatique sur la carte.

Pour le moment, je demande à l'utilisateur de rentrer une cordonnée x et une coordonnée y, ce qui permet d'afficher à peu près à l'endroit voulu, mais c'est assez compliqué pour l'utilisateur.


Ce que je voudrais, c'est que dans le formulaire d'observation, il y ait une carte, et que lorsque l'utilisateur clique à un endroit sur la carte, deux variables ($coordsX et $coordsY par exemple) enregistrent respectivement les coordonnées X et Y...

C'est aussi simple que ça :)

J'espère m'être bien exprimé...


Thib

Re: Générer cordonnés

Posté : 10 juin 2013, 10:38
par Spols
un champs de formulaire "image" permet de récupérer les coordonnées x et y du clique.
<input border=0 src="http://votre.domain/votreimage.gif ou votreimage.jpg " type=image Value=submit align="middle" > 
Avec cela, tu récupère dans $_POST['x'] et $_POST['y'] les coordonées du clic sur l'image (relatif à l'image)

Si tu veux faire quelque chose de plus conviviale, il est possible d'utiliser Javascript, Canvas et autre technologie du style mais cela te demandera plus de temps de codage.

Essaye ce que je te propose, cela peut se mettre en place rapidement. Si tu n'y arrive pas reviens avec ton code. Et si cela ne te convient pas tourne toi vers Canvas et javascript

Re: Générer cordonnés

Posté : 10 juin 2013, 12:56
par thib41
un champs de formulaire "image" permet de récupérer les coordonnées x et y du clique.
<input border=0 src="http://votre.domain/votreimage.gif ou votreimage.jpg " type=image Value=submit align="middle" > 
Avec cela, tu récupère dans $_POST['x'] et $_POST['y'] les coordonées du clic sur l'image (relatif à l'image)

Si tu veux faire quelque chose de plus conviviale, il est possible d'utiliser Javascript, Canvas et autre technologie du style mais cela te demandera plus de temps de codage.

Essaye ce que je te propose, cela peut se mettre en place rapidement. Si tu n'y arrive pas reviens avec ton code. Et si cela ne te convient pas tourne toi vers Canvas et javascript
Merci !

J'essaie ça dés que je suis chez moi, je vous tient au courant ;)

Re: Générer cordonnés

Posté : 13 juin 2013, 00:37
par thib41
Spols, merci pour ton aide, mais si j'ai bien compris le code ressemblerait à ça :

<html>
<body>

<!-- Formulaire d'observations --> 

<form name="nom" method="post" action="action.php">
        
         <input border=0 src="URLimage" type=image Value=submit align="middle" >
</form>
    
<!-- Traitement PHP --> 

<?php

//création des variables depuis le formulaire

if(isset($_POST['submit'])){
	$coordsx=$_POST['x'];
	$coordsy=$_POST['y'];
	}
	
//affichage
    
    
    echo ' X : '.$coordsx.', Y : '.$coordsy.' ';
    
    
      
?>



            
</body>
</html>
Car si c'est le cas, ça ne fonctionne pas... Les variables ne prennent aucuns valeur ! Merci quand même ;)

Re: Générer cordonnés

Posté : 13 juin 2013, 09:21
par Spols
Chez moi ce code fonctionne
<html>
<body>

<!-- Formulaire d'observations -->

<form name="nom" method="post" action="test.php">
       
         <input border=0 src="galvanised.jpg" type=image Value=submit align="middle" >
</form>
   
<!-- Traitement PHP -->

<?php
var_dump($_POST);
?>
Remplace juste "test.php" par le nom du fichier contenant ce code et "galvanised.jpg" par l'url valide d'une image
Puis adapte le tout à ton script

Re: Générer cordonnés

Posté : 13 juin 2013, 09:29
par thib41
En effet cela fonctionne parfaitement, merci ;)

Juste une dernière petite question, comment puis-je associer les valeurs des cordonnées à des variables ?

Re: Générer cordonnés

Posté : 13 juin 2013, 10:02
par Spols
$x = $_POST['x'];
$y=$_POST]'y'];
Comme tu le fera avec n'importe quelle donnée de formulaire

Re: Générer cordonnés

Posté : 13 juin 2013, 10:38
par thib41
Ah bah oui je suis c** ... et un peu crevé ce matin x)

Merci ^^'