entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

mostrar datos de una BD en una modal automáticamente al cargar una pagina

<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<!-- for-mobile-apps -->
<!--/metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="keywords" content="" >
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" >
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<!-- for banner css -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //for banner css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" >
<!--//fonts-->
<script>
      $(document).ready(function()
      {
         $("#mostrarmodal").modal("show");
      });
</script>
</head>
<body>
<div class="banner-top">
    <div class="banner-header">
        <!--header-->
        <div class="header">
        <div class="container-fluid">
            <nav class="navbar navbar-default">
                <div class="navbar-header navbar-left">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Menu</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <nav>
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="index">Inicio</a></li>
                        </ul>
                    </nav>
                </div>
            </nav>  
        </div>
    </div>
        <!--//header-->
</div>

<!-- //modal de inicio -->
<div class="modal fade" id="mostrarmodal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
           <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>Cabecera de la ventana</h3>
           </div>
           <div class="modal-body">
              **Aqui se tiene que mostrar la informacion sacada de la BD con php y mysql**    

       </div>
           <div class="modal-footer">
          <a href="#" data-dismiss="modal" class="btn btn-danger">Cerrar</a>
           </div>
      </div>
   </div>
</div>
<!-- //fin de modal --> 
</body>
</html>

0voto

Umarumm comentado

eso depende que quieras mostrar si un select con opciones traidas desde la bd o
si solo deseas imprimir algo en los campos

0voto

n4ch0 comentado

Gracias por responder, pero independientemente de los campos ke kiera mostrar es como pasarlos a la modal para ke se muestre automaticamente al cargar mi pagina.
Suponiendo ke kiera mostrar una imagen de una tabla de mi BD, como hago para pasarlo a la modal para que lo muestre al cargar mi pagina. Ahi radica mi problema.

1voto

Umarumm comentado

pues primero que todo empieza por cambiarle la extension a la pagina es una pagina html normal debe estar en php agrega una conexion como te dice el compañero Leonardo
ya sea en Mysqli o PDO y haz las consultas sql de lo que vas a mostrar pero
si vienes y muestras una pagina html sola muy duro queda ayudarte

2 Respuestas

2votos

Leonardo-Tadei Puntos227320

Hola @n4ch0,

la forma de mostrar los datos guardados en una tabla MySQL con PHP es independiente de en qué elemento HTML quieras mostrarla.

En tu caso, bastará que conectes a la DB, ejecutes la query y muestres los resultados en dónde ahora tenés el comentario, es decir, entre

<div class="modal-body">
</div>

Sin conocer la estructura de las tablas involucradas, ni los datos que querés mostrar, ni si estás haciendo las conexiones vía mysqli_* o vía PDO, no podremos darte más detalles... (y hay decenas de ejemplos en la web sobre como hacer una query a una tabla de base de datos)

Saludos cordiales

0voto

n4ch0 comentado

Gracias por responder, pero independientemente de los campos ke kiera mostrar es como pasarlos a la modal para ke se muestre automaticamente al cargar mi pagina.
Suponiendo ke kiera mostrar una imagen de una tabla de mi BD, como hago para pasarlo a la modal para que lo muestre al cargar mi pagina.

1voto

Leonardo-Tadei comentado

Hola @n4ch0,

cómo te decía, todo lo que aparezca entre

<div class="modal-body">
</div>

Se va a ver en el modal.

Suponiendo que quieras mostrar una imagen de la que tenés la ruta cargada en una tabla de base de datos, sería algo así:

<div class="modal-body">
<?php
// Conecto a la DB

// Ejecuto la query para obtener el registro de la tabla que tiene la ruta a la imagen

// Cargás la ruta en una variable, por ejemplo $img

// Usás el valor para generar la etiqueta IMG
print("<img src='$img' alt='imagen cargada' />");
?>
</div>

Cómo todo lo que esté en ese DIV va a aparecer en el modal, y el modal aparece al terminar de cargar la página, según tu código, el resultado sería que al cargar la página aparecería el modal con la imagen dentro.

Adentro del modal va HTML, nada más. Basta con generar el HTML que te haga falta según tu necesidad.

Saludos corddiales

0voto

n4ch0 comentado

Gracias por las indicaciones Leonardo-Tadei.
Ahora voi a programarlo y ver los resultados

1voto

Alejandrodz10 Puntos200

Como te dicen los compañeros, vas a necesitar código PHP, o código ASP en un pagina que con ese código es con el que realizas la conexión a la BD y realizas las consultas.

luego una vez que tengas las query´s bien definidas con los datos que quieres, las tendrás que guardar en variables, y pasarlas al html mediante parametros.

enseñamos mas tu código para que te podamos aconsejar mejor.

Saludos"

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta