Enregistrer la position d'un clic dans un formulaire

Bonjour,

Comme je suis une bille en javascript mais que j'ai absolument besoin d'intégrer un script sur ma page php, je viens demander de l'aide.



Le principe est simple:

j'ai une page jeu.php où se trouve un formulaire qui envoie des variables en post vers une page de traitement php. Ce formulaire se soumet lorsqu'on clique à l'intérieur d'une div qui est une succession d'image transparentes, chacune contenant le code:

<a href="#" onclick="document.forms['form1'].case.value='a3';document.forms['form1'].submit();"><img src="images/vide.png"/></a>

Jusque là tout va bien. Le problème est que je souhaite maintenant enregistrer l'endroit exact où le joueur a cliqué.
J'ai donc ajouté à ma page le code jquery:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$("#special").click(function(e){
var posX = $(this).offset().left, posY = $(this).offset().top;
alert((e.pageX - posX)+ ' , ' + (e.pageY - posY));
});
})
</script>

le alert me renvoie bien la position du clic, puis le formulaire se soumet.



le problème est simple: comment récupérer les deux variables posX et posY pour les transmettre également dans mon formulaire?

merci d'avance!