Foros del Web » Programando para Internet » Jquery »

como puedo pasar variables a una ventana modal

Estas en el tema de como puedo pasar variables a una ventana modal en el foro de Jquery en Foros del Web. necesito ayuda urgentemente tengo este código como van a ver, estoy usando las librerias de POD_Pagination pero eso es lo de menos asi que borre ...
  #1 (permalink)  
Antiguo 30/05/2016, 22:55
 
Fecha de Ingreso: marzo-2015
Ubicación: zulia
Mensajes: 71
Antigüedad: 9 años, 1 mes
Puntos: 0
como puedo pasar variables a una ventana modal

necesito ayuda urgentemente
tengo este código

como van a ver, estoy usando las librerias de POD_Pagination pero eso es lo de menos asi que borre parte del codigo para que se viera lo que mas interesa.


EN MAYUSCULA DENTRO DEL CODIGO VOY EXPLICANDO UN POCO TODO


Código PHP:
<html>
<head>
    <title>usuarios</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        function openVentana(){
        $(".ventana").slideDown(2000);
        }
        function closeVentana(){
        $(".ventana").slideUp("fast");
        }
    </script>
</head>
<body>

    <center>
<table cellpadding="10" cellmargin="5" border="1">
    <tr>
        <th>Cod</th>
        <th>Cedula</th>
        <th>Nombre</th>
        <th>Apellido</th>
        <th>Programa</th>
        <th>Carrera</th>
        <th>Opciones</th>
    </tr>
    <?php
    
foreach($model as $row)
    {
        echo 
"<tr>";
        echo 
"<td>".$row['cod']."</td>";
        echo 
"<td>".$row['cedula']."</td>";
        echo 
"<td>".$row['nombre']."</td>";
        echo 
"<td>".$row['apellido']."</td>";
        echo 
"<td>".$row['programa']."</td>";
        echo 
"<td>".$row['carrera']."</td>";
        echo 
"<td>"?>


ESTA ES LA PARTE QUE MAS ME INTERESA, ES DONDE ESTA EL BOTON EDITAR
COMO VAN A VER, EL ACTION DEL FORM ME DIRIJE A LA VENTANA MODAL


<form action="javascript:openVentana();" method="post">
<input type="hidden" name="cod" value="<?php echo $row['cod'?>" />
<input type="hidden" name="cedula" value="<?php echo $row['cedula'?>" />
<input type="hidden" name="nombre" value="<?php echo $row['nombre'?>" />
<input type="hidden" name="apellido" value="<?php echo $row['apellido'?>" />
<input type="hidden" name="programa" value="<?php echo $row['programa'?>" />
<input type="hidden" name="carrera" value="<?php echo $row['carrera'?>" />
<input type="submit" value="Editar">
</form> 

<form action="eliminar.php" method="post">
<input type="hidden" name="cod" value="<?php echo $row['cod'?>"/>
<input type="submit" value="Eliminar" />
</form> <?php echo "</td>";
        echo 
"</tr>";
    }
    
?>
</table>
        <br>
        <br>
<div>
<?php
$pagination
->pages("btn");
?>
</div>
    </center>


Y ESTA ES LA VENTANA MODAL


<div class="ventana" id="inicio">
    <div class="formedi" >
        <div class="cerrar"><a href="javascript:closeVentana();"><img height='20px' width='20px' src="./imagenes/close.png"></a></div>
        <h3>Editar Usuarios</h3>


<?php

EN ESTA PARTE ESTABA COLOCANDO VARIABLE  CON 
VAR PERO EN LA PAGINA ME DECIA 
Parse error
syntax errorunexpected 'var' (T_VARin C:xampphtdocsusuarioindex.php on line 216

?>

<form action="actualizar.php" method="post">
<input type="hidden" name="cod" value="<?php echo cod?>" />
<br><br>
<label> Cedula: </label>
<input type="text" name="cedula" value="<?php echo cedula?>" />
<br>
<br>
<label> Nombre: </label>
<input type="text" name="nombre" value="<?php echo nombre?>" />
<br>
<br>
<label> Apellido: </label>
<input type="text" name="apellido" value="<?php echo apellido?>" />
<br>
<br>
<label> Programa: </label>
<input type="text" name="programa" value="<?php echo programa?>" />
<br>
<br>
<label> Carrera: </label>
<input type="text" name="carrera" value="<?php echo carrera?>" />
<br>
<br>
<br>
<input type="submit" value="actualizar">
</form>

        </div>
    </div>
</div>


<table class="pie">
    <tr>
        <td class="pieletra" align="middle"> Copyright © 2016 | PNF Informatica Nocturno.
        <br>Todos los Derechos Reservados.</td>
    </tr>
</table>
</body>
</html>
  #2 (permalink)  
Antiguo 31/05/2016, 03:55
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: como puedo pasar variables a una ventana modal

Yo lo haría de esta manera:

Código PHP:
Ver original
  1. <table cellpadding="10" cellmargin="5" border="1">
  2.     <tr>
  3.         <th>Cod</th>
  4.         <th>Cedula</th>
  5.         <th>Nombre</th>
  6.         <th>Apellido</th>
  7.         <th>Programa</th>
  8.         <th>Carrera</th>
  9.         <th>Opciones</th>
  10.     </tr>
  11.     <?php
  12.     foreach($model as $row)
  13.     {
  14.         ?>
  15.         <tr>
  16.         <td><input type="hidden" name="cod" id="cod<?php echo $row['cod'] ?>" value="<?php echo $row['cod'] ?>" /></td>
  17.         <td><input type="text" name="cedula" id="ced<?php echo $row['cod'] ?>" value="<?php echo $row['cedula'] ?>" /></td>
  18.         <td><input type="text" name="nombre" id="nom<?php echo $row['cod'] ?>" value="<?php echo $row['nombre'] ?>" /> </td>
  19.         <td><input type="text" name="apellido" id="ape<?php echo $row['cod'] ?>" value="<?php echo $row['apellido'] ?>" /></td>
  20.         <td><input type="text" name="programa" id="pro<?php echo $row['cod'] ?>" value="<?php echo $row['programa'] ?>" /></td>
  21.         <td><input type="text" name="carrera" id="car<?php echo $row['cod'] ?>" value="<?php echo $row['carrera'] ?>" /></td>
  22.         <td><button type="button" id="<?php echo $row['cod'] ?>" onClick="datos(this.id); openVentana();">Editar</button><button type="button" onClick="window.location='eliminar.php?cod=<?php echo $row['cod'] ?>' ">Eliminar</button></td>
  23.         </tr>
  24. <?php
  25.     }
  26. ?>
  27. </table>
  28.         <br>
  29.         <br>
  30. <div>
  31. <?php
  32. $pagination->pages("btn");
  33. ?>
  34. </div>
  35.     </center>
  36.  
  37.  
  38. <div class="ventana" id="inicio">
  39.     <div class="formedi" >
  40.         <div class="cerrar"><a href="javascript:closeVentana();"><img height='20px' width='20px' src="./imagenes/close.png"></a></div>
  41.         <h3>Editar Usuarios</h3>
  42.  
  43. <form action="actualizar.php" method="post">
  44. <input type="hidden" name="cod" id="cod_mod" value="" />
  45. <br><br>
  46. <label> Cedula: </label>
  47. <input type="text" name="cedula" id="ced_mod" value="" />
  48. <br>
  49. <br>
  50. <label> Nombre: </label>
  51. <input type="text" name="nombre" id="nom_mod" value="" />
  52. <br>
  53. <br>
  54. <label> Apellido: </label>
  55. <input type="text" name="apellido" id="ape_mod" value="" />
  56. <br>
  57. <br>
  58. <label> Programa: </label>
  59. <input type="text" name="programa" id="pro_mod" value="" />
  60. <br>
  61. <br>
  62. <label> Carrera: </label>
  63. <input type="text" name="carrera" id="car_mod" value="" />
  64. <br>
  65. <br>
  66. <br>
  67. <input type="submit" value="actualizar">
  68. </form>
  69.  
  70.         </div>
  71.     </div>
  72. </div>
  73.  
  74.  
  75. <table class="pie">
  76.     <tr>
  77.         <td class="pieletra" align="middle"> Copyright © 2016 | PNF Informatica Nocturno.
  78.         <br>Todos los Derechos Reservados.</td>
  79.     </tr>
  80. </table>


Código Javascript:
Ver original
  1. function datos(X){
  2.  
  3.         document.getElementById('cod_mod').value = $("#cod"+X).val();
  4.         document.getElementById('ced_mod').value = $("#ced"+X).val();
  5.         document.getElementById('nom_mod').value = $("#ced"+X).val();
  6.         document.getElementById('ape_mod').value = $("#ape"+X).val();
  7.         document.getElementById('pro_mod').value = $("#pro"+X).val();
  8.         document.getElementById('car_mod').value = $("#car"+X).val();
  9.     }





Muestra funcionando: http://codepen.io/anon/pen/EyaxBK

Claro no abre el modal por obvias razones, pero verás como se copian los datos en los campos a los que corresponde. Saludos
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 31/05/2016, 10:55
 
Fecha de Ingreso: marzo-2015
Ubicación: zulia
Mensajes: 71
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: como puedo pasar variables a una ventana modal

Cita:
Iniciado por xfxstudios Ver Mensaje
Yo lo haría de esta manera:

Código PHP:
Ver original
  1. <table cellpadding="10" cellmargin="5" border="1">
  2.     <tr>
  3.         <th>Cod</th>
  4.         <th>Cedula</th>
  5.         <th>Nombre</th>
  6.         <th>Apellido</th>
  7.         <th>Programa</th>
  8.         <th>Carrera</th>
  9.         <th>Opciones</th>
  10.     </tr>
  11.     <?php
  12.     foreach($model as $row)
  13.     {
  14.         ?>
  15.         <tr>
  16.         <td><input type="hidden" name="cod" id="cod<?php echo $row['cod'] ?>" value="<?php echo $row['cod'] ?>" /></td>
  17.         <td><input type="text" name="cedula" id="ced<?php echo $row['cod'] ?>" value="<?php echo $row['cedula'] ?>" /></td>
  18.         <td><input type="text" name="nombre" id="nom<?php echo $row['cod'] ?>" value="<?php echo $row['nombre'] ?>" /> </td>
  19.         <td><input type="text" name="apellido" id="ape<?php echo $row['cod'] ?>" value="<?php echo $row['apellido'] ?>" /></td>
  20.         <td><input type="text" name="programa" id="pro<?php echo $row['cod'] ?>" value="<?php echo $row['programa'] ?>" /></td>
  21.         <td><input type="text" name="carrera" id="car<?php echo $row['cod'] ?>" value="<?php echo $row['carrera'] ?>" /></td>
  22.         <td><button type="button" id="<?php echo $row['cod'] ?>" onClick="datos(this.id); openVentana();">Editar</button><button type="button" onClick="window.location='eliminar.php?cod=<?php echo $row['cod'] ?>' ">Eliminar</button></td>
  23.         </tr>
  24. <?php
  25.     }
  26. ?>
  27. </table>
  28.         <br>
  29.         <br>
  30. <div>
  31. <?php
  32. $pagination->pages("btn");
  33. ?>
  34. </div>
  35.     </center>
  36.  
  37.  
  38. <div class="ventana" id="inicio">
  39.     <div class="formedi" >
  40.         <div class="cerrar"><a href="javascript:closeVentana();"><img height='20px' width='20px' src="./imagenes/close.png"></a></div>
  41.         <h3>Editar Usuarios</h3>
  42.  
  43. <form action="actualizar.php" method="post">
  44. <input type="hidden" name="cod" id="cod_mod" value="" />
  45. <br><br>
  46. <label> Cedula: </label>
  47. <input type="text" name="cedula" id="ced_mod" value="" />
  48. <br>
  49. <br>
  50. <label> Nombre: </label>
  51. <input type="text" name="nombre" id="nom_mod" value="" />
  52. <br>
  53. <br>
  54. <label> Apellido: </label>
  55. <input type="text" name="apellido" id="ape_mod" value="" />
  56. <br>
  57. <br>
  58. <label> Programa: </label>
  59. <input type="text" name="programa" id="pro_mod" value="" />
  60. <br>
  61. <br>
  62. <label> Carrera: </label>
  63. <input type="text" name="carrera" id="car_mod" value="" />
  64. <br>
  65. <br>
  66. <br>
  67. <input type="submit" value="actualizar">
  68. </form>
  69.  
  70.         </div>
  71.     </div>
  72. </div>
  73.  
  74.  
  75. <table class="pie">
  76.     <tr>
  77.         <td class="pieletra" align="middle"> Copyright © 2016 | PNF Informatica Nocturno.
  78.         <br>Todos los Derechos Reservados.</td>
  79.     </tr>
  80. </table>


Código Javascript:
Ver original
  1. function datos(X){
  2.  
  3.         document.getElementById('cod_mod').value = $("#cod"+X).val();
  4.         document.getElementById('ced_mod').value = $("#ced"+X).val();
  5.         document.getElementById('nom_mod').value = $("#ced"+X).val();
  6.         document.getElementById('ape_mod').value = $("#ape"+X).val();
  7.         document.getElementById('pro_mod').value = $("#pro"+X).val();
  8.         document.getElementById('car_mod').value = $("#car"+X).val();
  9.     }





Muestra funcionando: http://codepen.io/anon/pen/EyaxBK

Claro no abre el modal por obvias razones, pero verás como se copian los datos en los campos a los que corresponde. Saludos

me da error en dos partes, con los botones de editar y eliminar, he cambiado variables y cosas y me sigue dando error, por ejemplo, con el botón editar los campos en el formulario de la ventana modal me muestra "undefined" y en el boton eliminar cuando me lleva al otro archivo que contiene este codigo
Código PHP:
<?php
session_start
();
include(
'./../../../lib/conexion.php');
include(
'lib/functions.php');

echo 
$_POST['cod'];


    
$cod $_POST['cod'];
    
$delete = new usuario();
    
$delete->eliminar($cod);
?>
me muestra este error

Notice: Undefined index: cod in c:xampphtdocsusuarioeliminar.php on line 6

Notice: Undefined index: cod in c:xampphtdocsusuarioeliminar.php on line 9



como puedo hacer, en verdad cambie variables y intente varias cosas pero no se, me sigue dando error.

Etiquetas: modal, variables, ventana
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 14:32.