Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Cargar información dinámica en ventana modal

Hola amigos que tal están.
Miren estoy tratando de cargar información o datos en una ventana modal, el asunto es que tengo 10 fotos y quiero que al darle click en el botón se despliegue la ventana modal con la info de esa foto en concreto.
Concretamente estoy usando bootstrap 3.1 (Aunque daría lo mismo, por que creo que mi problema es de algún concepto que yo no tengo claro).
Con este código llamo a la ventana modal:

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Descripción</a>

Pero aquí no se como pasarle un parámetro a este botón, para que saque la información de la base de datos.
Espero me puedan ayudar.

Saludos y muchas gracias
5
Puntos
9376
Visitas
2
Resp
Por tokens hace 114 meses
Principiante
Respuesta #1
Hola que tal has echo alguna consulta primero por que para hacer eso nesesitas hacer una consulta
que selecione x tabla where<donde idfoto=foto y status>0
o mas bien mandame tu consulta o el codigo que tienes problemas
Saludos
-10
Puntos
Por fc2014 hace 114 meses
Experto
Respuesta #2
hola tokens puedes hacerlo utilizando un poco de jquery, te eh preparado un ejemplo muy sencillo que carga contenido dinámico en una ventana flotante, espero que te sirva.

Ejemplo completo:
<?php 
$dinamico1='Este contenido puede ser dinamico 1';
$dinamico2='Este contenido puede ser dinamico 2';
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
#flotante {
	z-index: 999;
	border: 8px solid #ccc;
	margin-top: -156px;
	margin-left: -153px;
	top: 50%;
	left: 50%;
	padding: 12px;
	position: fixed;
	width: 265px;
	background-color: #fff;
	padding-bottom: 15px;
	font-size: 14px;
}
</style>
<script>
function dinamico(content){
	$('#flotante').fadeIn(500); //Mostramos la ventana
	$('#flotante').html(content); //Escribimos el contenido
	}
</script>
<div id="flotante" style="display:none">
 
</div>
<a onClick="dinamico('<?php echo $dinamico1 ?>');" style="cursor:pointer">Contenido 1</a><br>
<a onClick="dinamico('<?php echo $dinamico2 ?>');" style="cursor:pointer">Contenido 2</a>
10
Puntos
Por alber hace 114 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate