Hola a todos!!
Me he liado con algo de php, ojalá puedan ayudarme. El asunto es tengo en base de datos una tabla con id / titulo / descripción / categoría / imagen , desde mi pagina hago un filtro para mostrar los elementos por categoría. Hasta ahi todo va bien, ahora cada categoria muestra su imagen que obtiene de la base de datos, lo que necesito es que al hacer clic sobre esa imagen me abra una ventana modal desde donde muestre todos los campos que corresponden a ese campo: id / titulo / descripción /
Mi problema es cómo hacer que los modales arrojen la información de forma dinamica.
Vale no sé si me he explicado bien, dejo una parte del codigo a ver si va mas claro.
Dentro de estos Div arroja lo que obtiene de la base de datos
<div class="i" data-toggle="modal" data-target="#myModal" data-filter="categoria1">
imagen desde BDs</div>
<div class="i" data-toggle="modal" data-target="#myModal1" data-filter="categoria2">
imagen desde BDs</div>
Al dar clic en la imagen, abre el modal que corresponde,
aqui mi ventana modal (Para el caso de myModal),
<!-- Modal 1 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 style="color:#ccc" class="modal-title" id="myModalLabel">
Titulo 1<br/>Descripcion</h4>
</div>
<div class="modal-body" style="text-align:center;">
<p style="color:#ccc">
descripcion</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
//// Para el caso de myModal2, abriría esta ventana:
<!--Modal 2-->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 style="color:#ccc" class="modal-title" id="myModalLabel">
Titulo 1<br/>Descripcion</h4>
</div>
<div class="modal-body" style="text-align:center;">
<p style="color:#ccc">
descripcion</p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
Como se puede ver, los valores son ingresados manualmente, aquí busco que "titulo" y "descripción" se obtuvieran dinamicamente para todos los modales, con la información que corresponda.
Voy comenzando con php y msql, cualquier dato que puedan darme lo agradeceré!
Vale igual espero haberme explicado bien.
Desde ya Gracias!!!