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

3votos

mandar valores seleccionados de una consultaa una ventana modal de bootstrap

hola necesito mndar valores seleccionados de una consultaa una ventana modal de bootstrap , alguien me puede explicar eso, es decir puedo seleccionar cualquier registro y pasar solo esos datos
este es parte del código

while ($rowResult = mysql_fetch_array($Result,MYSQL_BOTH)) 
    {
        echo "<tr>
              <td>".$rowResult[0]."</td>
              <td>".$rowResult[1]."</td>
              <td>".$rowResult[2]."</td>
              <td>
              <a href='#ventana4' role='button' data-toggle='modal'>XXXX<</a>                                   

             </td>
             </tr>

    ";

1 Respuesta

3votos

doblea_pg Puntos550

Yo tengo este código para ventanas modal, pero con jquery-ui no se si te sirva y puedas adaptarlo pero creo que eso lo mismo que quieres hacer.

yo tengo 2 paginas una para la ventana modal y otra con los datos que se van a mostrar

ventana.php
aqui en donde se muestra la tabla con los registros

<table border="2" >
<?php
$sql=pg_query("select * from personal inner join usuario on personal.cd_p=usuario.cd_usu");
while($row=pg_fetch_array($sql)) {
    $id=$row[0];
            echo "<tr>
              <td>".$id."</td>
              <td>".$row[1]."</td>
              <td>".$row[2]."</td>
              <td>";
?>
<!-- Aqui esta el enlace donde tomo el id de la tabla para enviarlo a la otra pagina-->
              <a href="javascript:EnviarDatos('ventana2.php?id=<?php echo $id; ?>')" class="abrir">Mostrar Detalles</a>                                 
<?php
           echo "</td>
                </tr> ";
    }

?>
</table>

aqui envio los datos por ajax a la otra pagina

// Función para recoger los datos de PHP según el navegador, se usa siempre.
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {

    try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
        xmlhttp = false;
    }
}

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
//enviar los datos por get
function EnviarDatos(url){
              $.ajax({
                    type: "GET",
                    url: url,
                    dataType: "html",
                    beforeSend: function(){
                          //imagen de carga
                          $("#resultad").html("<img src='../imagenes/ajax-loader.gif' width='15'/>");
                    },
                    success: function(data){                                              
                          $("#resultad").empty();
                          $("#resultad").append(data);

                    }
              });
}

aqui esta el div de mi modal

<div class="modal">
    <div class="ventana">
    <div id="resultad">

    </div>
        <span class="cerrar">x</span>
    </div>
</div>

con esta funcion abro mi modal

$(document).ready(function(){

   $(".abrir").click(function(){

        $(".modal").fadeIn();
          $("body").addClass("overflow");
    });

    $(".cerrar").click(function(){

        $(".modal").fadeOut(300);
          $("body").removeClass("overflow");    
    });

});

y en mi otra pagina recibo el id que mande por ajax y hago la consulta para buscar los datos de ese registro, y es donde creo otra tabla de como se mostraran los datos.

No se si esto te sirve o si seria la manera mas factible de hacerlo.

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