Foros del Web » Programando para Internet » PHP »

Modal Bootstrap dentro de un loop PHP o pagina dinamica

Estas en el tema de Modal Bootstrap dentro de un loop PHP o pagina dinamica en el foro de PHP en Foros del Web. Hola! Tengo el siguiente problema: en mi web aparecen 3 entradas de blog las cuales contienen una miniatura y al dar click de abre la ...
  #1 (permalink)  
Antiguo 18/12/2014, 21:36
Avatar de classmorri  
Fecha de Ingreso: octubre-2014
Mensajes: 20
Antigüedad: 9 años, 5 meses
Puntos: 0
Pregunta Modal Bootstrap dentro de un loop PHP o pagina dinamica

Hola!

Tengo el siguiente problema: en mi web aparecen 3 entradas de blog las cuales contienen una miniatura y al dar click de abre la ventana modal con la imagen en grande, el problema es que al crear el loop PHP y dar click en la imagen se abren las otras dos también... imagino que tengo que hacer algo con los "id" pero no se bien como.

Por otro lado originalmente mi idea era que dichas entradas del blog se pudieran abrir en paginas independientes, al estilo dinamico de php " $page=seccion1 " pero tampoco tengo idea como hacerlo...

a duras penas eh podido crear un sistema de blog sencillo, puedo crear entradas y mostrarlas pero no editarlas, ni mostrarlas con una paginación.

este codigo va por medio de un include en el index, el cual tiene la conexión con la base de datos y demas.

Código PHP:
<?php 
        $blog 
mysql_query("SELECT * FROM blogData ORDER BY RAND() LIMIT 3");
        while(
$row mysql_fetch_array($blog)) {
            
$photo $row['photo'];
            
$preview $row['preview'];
            
$title $row['title'];
            
$id $row['id'];
        
        
?>
<div class="col-md-4">
<div class="container-fluid" style="background:#F5F5E9; padding-top:18px; padding-bottom:18px; border-radius: 6px;">
<a href="#" data-toggle="modal" data-target=".bs-example-modal-lg"><img src="img/<?php echo $photo?>" class="img-rounded" width="100%"></a>
<br><br>
    <?php echo $preview?>
    <br>
    <span class="pull-right">
    <a href="#" class="btn btn-xs btn-link" data-toggle="modal" data-target=".bs-example-modal-lg">read more</a></span>
</div>
</div>
<br>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
    <span class="pull-right">
        <?php echo $title?>
    </span>
    <img src="img/<?php echo $photo?>" width="100%">
    <center>
ads
    </center>
    </div>
  </div>
</div>
<?php
}
?>

<div class="col-md-4">
<div class="container-fluid" style="background:#F5F5E9; padding-top:18px; padding-bottom:18px; border-radius: 6px;">
<img src="themes/megabloks/img/megabloks_wallpaper01.jpg" class="img-rounded" width="100%">
<br><br>
    Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
    <br>
    <span class="pull-right">
    <a href="#" class="btn btn-xs btn-link">read more</a></span>
</div>
</div>
  #2 (permalink)  
Antiguo 18/12/2014, 22:23
Avatar de classmorri  
Fecha de Ingreso: octubre-2014
Mensajes: 20
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Modal Bootstrap dentro de un loop PHP o pagina dinamica

hehehe bueno lo del Modal ya esta! efectivamente era cosa de agregar un id="myModal<?php echo $id; ?>" si alguien me echa una mano a crear las paginas independientes tipo " $page=pagina1.php " de verdad estare muy eternamente agradecido!

Etiquetas: blog, bootstrap, jquery, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:48.