Duda con Tablero

[TheTims]

Hola a todos!

Estamos haciendo un trabajo para la universidad, y queremos hacer una aplicacion web tipo Travian pero muy sencilla.

Hemos creado un mapa donde se puedan ver las diferentes ciudades de los usuarios, que en realidad es una tabla de imagenes:

Código:

<?php

echo '<table>';

for ($i = 0; $i < 10; $i++)
{
	echo '<tr>';
	for ($j = 0; $j < 10; $j++)
	{
		if ($i == getUserCoord()->getCoordX() && $j == getUserCoord()->getCoordY() )
		{
			?>
			<td><img style="border:none;" src="images/casilla-negra.png" onClick="casillaSeleccionada();"></td>
			<?php
		}
	}
	echo '</tr>';	
}
echo '</table>';

?>

El problema es que ahora queremos hacer referencia a una casilla en concreta, es decir, que cuando pulsemos sobre una imagen (evento onClick de la imagen) obtener sus coordenadas para poder atacar a la ciudad seleccionada.

Hemos intentado meter la imagen dentro de un div, poniendo como nombre las coordenas i y j, pero no nos funciona nada...

Agradeceriamos que nos ayudasesis!!

Un Saludo!

[bUllan9ebrio]

Intenta pasando las coordenadas dentro de un Array

[TheTims]

Como dentro de un array???

El problema es como conseguimos esas coordenadas i y j donde se ha hecho el click, que no sabemos como conseguirlas!

[mogurbon]

checa las respuestas de una duda similar , es con jquery

http://stackoverflow.com/questions/8...-drag-and-drop

y mas bien en lugar de evento drag and drop sera onclick

[html5]

Pero no es jQuery, esto son 100 imágenes generadas con dos for de 10 x 10.

[bUllan9ebrio]

Con los array vas guardando el valor de x e y . luego lo recorres y sabras cual elemento(x,y) fue el que el usuario selecciono

[mogurbon]

Iniciado por html5

Pero no es jQuery, esto son 100 imágenes generadas con dos for de 10 x 10.

ok ok no te encabrites mira segun entendi querian coordenadas de una imagen , por eso puse lo de position

http://api.jquery.com/position/

asi obtengo su 'x' y 'y' de la pantalla pero pues entonces propongo esto:

Código PHP:

 echo '<table>';
 
for ($i = 0; $i < 10; $i++)
{
    echo '<tr>';
    for ($j = 0; $j < 10; $j++)
    {
        if ($i == getUserCoord()->getCoordX() && $j == getUserCoord()->getCoordY() )
        {
            #se pasara una variable de tipo idusuario_posicionX_posicionY
            ?>
            <td><a href="#" onclick="document.location.href='http://registroataque.php?datos=<?=$userid?>_<?=$i?>_<?=$j?>'"><img style="border:none;" src="images/casilla-negra.png" onClick="casillaSeleccionada();"></a></td>
            <?php
        }
    }
    echo '</tr>';    
}
echo '</table>';   

y despues esto :

Código PHP:

  #en donde se quiera registrar el ataque 
 
$eldaterrimo=explode("_",$_GET["datos"]);
print_r($eldaterrimo); 
   

[ocp001a]

Disculpen la intromisión, pero esto no se puede hacer con coordenadas de HTML? hay programas que te dan las coordenadas, tomas un mapa, dibujas areas en el y el porgrama te da las coordenadas de dicha area, inlcuso le puedes asignar links a dichas areas.

[mogurbon]

Iniciado por ocp001a

Disculpen la intromisión, pero esto no se puede hacer con coordenadas de HTML? hay programas que te dan las coordenadas, tomas un mapa, dibujas areas en el y el porgrama te da las coordenadas de dicha area, inlcuso le puedes asignar links a dichas areas.

no we hasta se empluto conmigo por eso el html5