tableau html, formulaire, javascript

Question

Bonjour,
j'ai un formulaire de ce type:

while($row2 = mysql_fetch_array($result))
{?>
<form action="#" onsubmit="animate(); return false">
<tr>
<td> <?php echo $row2['name']; ?></td>
<td> <?php echo $row2['address']; ?> </td>
<td> <?php echo $row2['company']; ?> </td>
<td> <?php echo $row2['price']; ?> </td>
<td><input type="submit" value="Show" /> </td>
</tr>
</form>

<?php } ?>

qui appelle la fonction animate(); qui est une fonction utilisée par l'API Google maps.
mon lien pour utiliser la fonction fonctionne bien lorsqu'il y a une entrée (demo ici http://home.student.uu.se/reja2419/test.php?# )

mais lorsque j'ai plusieurs entrées dans mon tableau je ne sais pas comment attribuer un boutton spécifique a chaque ligne du tableau.
(lorsque je clique sur le boutton je veux que la carte se centre sur le point de la ligne correspondante)

sauriez vous comment attribuer un boutton spécifique? par exemple avec l'ID de la ligne $row2['id'] ou quelque chose comme ça?

merci :)

Afficher la suite

avion-f16 · Answer

Ce que tu as n'est pas du tout un formulaire.
Et expliques mieux  ce qu'il te faut (données à transférer, ...).

jojo · Answer

j'ai un tableau php contenant des positions (latitudes et longitudes) pour chaque lieu (donc chaque ID).
et je voudrais pouvoir mettre ces positions dans la fonction :

function animate() {    
//ici j'aimerai retrouvé l'ID correspondant a la ligne
    map.panTo(new GLatLng(Latitude de la ligne, Longitude de la ligne));
  }

mais pour cela il faut que je récupère l'ID correspondant au lieu sur la ligne sur laquelle j'ai cliqué.

avion-f16 · Answer

Il suffit de préciser la latitude et la longitude en appelant ta fonction avec l'évènement onclick sur le bouton.
function animate(lat,lng) {    
    map.panTo(new GLatLng(lat,lng));
}

<input type="button" value="Go" onclick="animate('x.xxxxxx','x.xxxxxx');" />

Tableau html, formulaire, javascript

3 réponses

Votre réponse

Discussions similaires

Newsletters