[SOLUCIONADO] Enviar variable Php a un Modal

[JHONATHAN11]

Hola amigos como estas... No se si me prodian ayudar con esta inquietud..

No se si se puede enviar una variable php a una ventana modal. lo que estoy intentando hacer es primero:

Muestro una tabla de estudiantes cada uno con sus datos + un href que quiero que me habrá la ventana emergente con el id del estudiante seleccionado. y asi poder utilizar ese id para diferentes acciones.

Código:

<table id="example1" class="table table-bordered table-striped" style="text-align: center">
            <thead>

                <tr>
                    <td><b>Nº</b> </td>
                    <td><b>ESTUDIANTE</b></td>
                    <td><b>CÉDULA</b></td>
                    <td><b>DISCAPACIDAD</b></td>
                    <td><b>CURSO</b></td>
                    <td><b>SELECCIONAR</b></td> 
                </tr>

            </thead>

            <tbody>
                <?php
                include '../controladores/consultassql.php';

                $count = 0;
                $query6 = getestudiantesdocente($_SESSION['idd'], $_SESSION['periodo']);
                $resultad6 = $conexion->query($query6);

                while ($row = $resultad6->fetch_assoc()) {
                    ?>
                    <tr>
                        <td><?php echo $count; ?></td>
                        <td><?php echo $row['estudiante']; ?></td>
                        <td><?php echo $row['cedula']; ?></td>
                        <td><?php echo $row['discapacidad']; ?></td>
                        <td><?php echo $row['curso']; ?></td>

                        <td><a data-toggle="modal" href="#modal-default" id="<?php echo $row['id']; ?>"><i class="fa fa-check-square-o"></i></a></td>
                    </tr>
                <?php } ?>

            </tbody>
        </table>

Aqui esta mi ventana modal.

Código:

 <div class="modal fade" id="modal-default">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Default Modal</h4>
              </div>
              <div class="modal-body">
                
                  Sesión de docente: <?php echo $_SESSION['idd'] ?>
                  Sesion de peiodo: <?php echo $_SESSION['periodo'] ?>
                  id: <?php echo $_REQUEST['id']?>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>

Ojala me puedan ayudar o brindarme alguna idea de como poder pasar un valor mediante una etiqueta a una ventana modal... muchísimas gracias.

[xfxstudios]

Eso lo puedes hacer con jquery amigo:

Código Javascript:

$(function(){
    $("a").click(function(e){
    e.preventDefault();
    var id = $(this).attr('id');
    $(".ids").html(id);
  })
})
 

Ver Muestra


Lo que tienes es que organizar los elementos tanto de la lista como del modal para interactuar entre ellos.

[JHONATHAN11]

Gracias amigo por la respuesta he logrado capturar el valor pero tengo un inconveniente, que no puedo transformar ese valor a una variable php.

aqui esta la funcion:

Código Javascript:

<script type="text/javascript">
    $(function () {
        $("a").click(function (e) {
            e.preventDefault();
            var id = $(this).attr('id');
            $(".ids").html(id);
            $("#modal-id").modal('show');
            return id;
        })
    })
</script>
 

Para recuperar ese valor la recuperamos asi

Código HTML:

<p>
    ID del Estudiante es: <span class="ids"></span>
  </p>
 

he a qui que tengo el problema como capturaria ese valor en una variable php.
he intentado esto pero pero no funciona

Código PHP:

$ides = "<span class='ids'></span>";
 

[xfxstudios]

En este punto si quede perdido, pues no se que pretendes hacer, lo digo porque php ya se ejecuto a nivel de servidor por ende no puedes manipular ni crear variables luego de cargada la pagina, tendrías que hacer de forma asíncrona con ajax en otro archivo y pues creo que tampoco te serviría, si aclaras un poco mejor el panorama podríamos llegar a una solución.

[JHONATHAN11]

Bueno, la idea es de generar un reporte x.. de un determinado estudiante..

El sistema le mostrara al usuario un lista de los estudiantes con sus datos y al seleccionar un determinado estudiante se abrirá una ventana modal, en la que el usuario debe ingresar 2 fechas y de ahí mediante un botón se genera el reporte. tengo ya hecho casi todo solo me falta obtener el el valor del ID del estudiante seleccionado, para poder enviar el ID y las fechas para hacer la consulta, no se si ahora tienes un poquito mas la idea de lo que quiero realizar.

He probado el código que me ayudaste a encontrar, pero no he logrado tener el Id como variable para enviarle a la clase php que generara el reporte.

[xfxstudios]

coloca el codigo del modal para darte una idea de lo que debes hacer

[JHONATHAN11]

Código HTML:

<div class="modal fade" id="modal-default">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Default Modal</h4>
              </div>
              <div class="modal-body">
                
                  Sesión de docente: <?php echo $_SESSION['idd'] ?>
                  Sesion de peiodo: <?php echo $_SESSION['periodo'] ?>
                  id: <?php echo $_REQUEST['id']?>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
 

[mortiprogramador]

Saludo
¿Y donde se están pidiendo las fechas?
¿Va a ser en ese mismo modal que pusiste recientemente?

Imagino que sí, en cuyo caso, lo que te hace falta es poner
un formulario con los valores a capturar, y pues adicional
puedes poner un campo hidden y en el asignar el valor que llega del id
para que al hacer el envío la variable viaje.

Y pues aprovechando que ya tienes la funcion js que recibe el id,
simplemente agregas una línea donde le pones el val al campo hidden.

[xfxstudios]

Siguiendo lo que ya te indicaro, esta sería la muestra:

Código HTML:

<form method="post" action="tuarchivp.php">
    <div class="modal fade" id="modal-default">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">Default Modal</h4>
            </div>
            <div class="modal-body">
                
            
                Sesión de docente: <?php echo $_SESSION['idd'] ?>
                Sesion de peiodo: <?php echo $_SESSION['periodo'] ?>
                <!--AQUI M UESTRO LA ID DEL ESTUDIANTE-->
                id: <span id="muestraid"></span>
 
                <!--AQUI ESTA EL CAMPO OCULTO EN EL QUE VIAJARA LA ID-->
                <input type="hidden" name="idEstudiante"/>
                
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
</form>
 
<script type="text/javascript">
    $(function () {
        $("a").click(function (e) {
            e.preventDefault();
            var id = $(this).attr('id');
            $(".muestraid").html(id);//aqui muestro la id en el campo
            $("input[name=idEstudiante]").val(id);//Agrego la id al campo oculto que se va a enviar en el formulario
            $("#modal-id").modal('show');
        })
    })
</script>
 

prueba a ver que tal

[JHONATHAN11]

Gracias amigos por sus respuestas, lo pude solucionar gracias a su ayuda..