ID de caja

[enedae]

Estimados, necesito de su sabiduría.
Antes de escribir este post estuve buscando lo que necesitaba sin éxito, al menos no logre mi cometido.

Bueno vamos al punto espero puedan echarme un cable sobre como realizar esto por favor.

Tengo una pagina en la que por medio de php usando un bucle genero unos 30 div con un id especifico cada uno.

cada div generado contiene una foto de una herramienta y tiene un identificador único (id de html en rojo)

<div id="1">
<img src="martillo.jpg" alt="Martillo" /><br />
</div>

<div id="2">
<img src="alicate.jpg" alt="Martillo" /><br />
</div>

Lo que quiero hacer es que al hacer clic sobre uno de estos div se habra una ventana modal o un pop-up con la ficha y mas fotos del mismo producto y he aqui mi martirio.

Como paso este id por ejemplo el id="1" a la ventana modal para que según este usando php incrustado en la ventana modal traer las fotos o los datos desde la base de datos.

Es la tipica pag de productos en que aparece una foto, tu pinchas y luego te da mas información del mismo producto.

Por ejemplo pincho sobre la foto del martillo y me levanta un pop-up con mas datos del martillo mas fotos, etc. lo que no se es como enlazar ese id base con el de la ventana modal o pop-up.

espero haber sido claro.

Saludos Muchas gracias por cualquier aporte!!!

[pateketrueke]

¿Con pop-up te refieres a Javascript, HTML y CSS?

Porque en PHP no hay clics, ni pop-ups, etc.

[chronos682]

Depende de qué método utilices para mostrar el popup, pero podrías utilizar javascript usando el evento onclick y pasando el id como parámetro a una función o puedes hacer un hipervínculo con la etiqueta <a> con la imagen y en el href colocando el id. Si puedes colocar el código con el cual llamas al la ventana popup sería más fácil.

[enedae]

Iniciado por chronos682

Depende de qué método utilices para mostrar el popup, pero podrías utilizar javascript usando el evento onclick y pasando el id como parámetro a una función o puedes hacer un hipervínculo con la etiqueta <a> con la imagen y en el href colocando el id. Si puedes colocar el código con el cual llamas al la ventana popup sería más fácil.

Estimado es lo que necesito!! de echo estaba intentando con onclick ahora mismo!!

Pero aun no lo he resuelto, espero me puedas explicar un poco mas por que creo que va por allí el tema, estoy metido mas en javascript ahora.... creo que asigne mal el tema....
en fin espero mas respuesta que aun estoy en el limbo



thanks....

[chronos682]

Sería algo como esto (es solo un modelo):

Código PHP:

<script>
function Popup (var id)
{
   //Aquí el codigo para mostrar el popup, usas la variable id para pasarla como parámetro.
}
</script>
 
 
<div id="1" onclick="Popup (1)">
<img src="martillo.jpg" alt="Martillo" /><br />
</div>
 

[Triby]

En html no es correcto que la id de elementos comience por número, mucho menos que contenga solo números, por lo que puedes tener problemas posteriores, aunque algunos navegadores lo tomen como algo válido.

Muevo tu tema a Javascript, porque nada tiene que ver con PHP.

[Alexis88]

Iniciado por Triby

En html no es correcto que la id de elementos comience por número, mucho menos que contenga solo números [...]

Estimado, apreciado y admirado Triby; es mi deber informarte que eso ya no es así (*)(**).

En cuanto a lo que necesita enedae, si tuvieras la función que genere la ventana modal, bastaría con que al darle un clic a la imagen, tomes al elemento que la contiene y de este a su identificador, el cual pasarías como argumento a la función.

Código HTML:

<img src = "imagen.png" onclick = "popup(this.parentNode.id)" />
 

Código Javascript:

function popup(identificador){
    //Do stuff
}
 

Saludos


(*) Lee la primera de las dos notas.
(**) Aunque se trate del "borrador de trabajo", esa medida fue tomada antes.