Inviare le coordinate del click/tap

[narghat]

Salve,
dovrei fare un div di circa 960x640 all'interno del quale se uno clicca o tappa con il dito vengono inviate al server le coordinate con la posizione del tocco.
Ad occhio e croce direi serva jQuery con AJAX, XMLHttpRequest, esatto? Ovviamente senza ricaricare la pagina.

[scimmiaparlante]

con uno script tipo questo(http://www.html.it/script/coordinate-del-mouse/) ti calcoli le coordinate che invii via ajax (www.html.it/guide/guida-ajax/) alla tua pagina sul server..

Per ulteriori informazioni posta il tuo codice

[chumkiu]

Originariamente inviato da narghat
Salve,
dovrei fare un div di circa 960x640 all'interno del quale se uno clicca o tappa con il dito vengono inviate al server le coordinate con la posizione del tocco.
Ad occhio e croce direi serva jQuery con AJAX, XMLHttpRequest, esatto? Ovviamente senza ricaricare la pagina.

Con jQuery è ovviamente tutto più comodo e veloce perché fai chiamate Ajax in modo semplice e crossbrowser (funzionante con tutti i browser senza troppi sbattimenti).

Questo è un esempio di codice di quello che ti serve

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div id="area2" style="width:960px; height:640; background-color:#ffaaaa">
</div>

<script type="text/javascript">
// click event
$('#area2').click(function(e) {
    // prendo le cordinate che ti servono
    var posX = e.offsetX;
    var posY = e.offsetY;
    // faccio la chiamata ajax
    $.ajax({
        url:'./your/path/file.php',
        data:{posX:posX, posY:posY},
        type:'POST',
        success: function(result) {
            // codice da inserire al success
            alert("Dati inviati");
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("ohi! "+textStatus+" - " +errorThrown);
        }
    });
});
</script> 

[narghat]

Grazie mille chumkiu!! Funziona!
Ho preso il tuo codice javascript e creato il php in ascolto ed aggiorna la posizione
A seguire il codice del php

$db_conn=mysql_connect($db_host,$db_user,$db_pass) or die ("Errore di connessione!");
//Seleziono il database.
$beta=mysql_select_db($db_name) or die ("Errore selezione database!");
				
$posX=$_POST['posX'];
$posY=$_POST['posY'];

$UpdatePlayer = mysql_query("UPDATE giocatori SET x=$posX, y=$posY  WHERE ............................") or die ("Impossibile aggiornare il giocatore");