veamos, en la imagen pones esto
Código HTML:
Ver original<img name="<?php echo $i?>" id="
<?php echo $j?>" style="border:none;" src="casilla-verde.png" onClick="casillaPulsada(this.name, this.id); return false" >
como lo tienes, luego en el javascript pones algo así:
Código Javascript
:
Ver originalfunction newAjax() {
var xmlhttp = false;
try {
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch(e) {
try {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
} catch(E) {
if(!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
}
}
return xmlhttp;
}
function casillaPulsada(name, id) {
var ajax = newAjax();
ajax.open('POST', 'addSession.php?', true);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4) {
//Para comprobar que todo salió bien
alert('Guardado correctamente');
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send('name='+name+'&id='+id);
}
addSession.php sería
Código PHP:
Ver original<?php
$_SESSION['i'] = $_POST['name'];
$_SESSION['j'] = $_POST['id'];
?>
Explicación: Al hacer click sobre la imagen el navegador mediante el javascript hace una llamada asincrona (Ajax) al servidor solicitandole la página addSession.php y pasandole por el metodo POST el nombre (name) y el id de la imágen que se clickeo (datos obtenidos al momento de declarar el evento onClick en la imagen). Luego dicha página PHP agrega a las sesiones los datos enviados.
Con eso debería funcionarte lo que deseas. Cualqueir cosa avisas.
Saludos