Foros del Web - Ver Mensaje Individual - Pasar variable php a formulario modal boostrap

josegaitan123 · #1 (**permalink**) 24/01/2015, 15:28

hola, necesito que alguien me ayude con este problema, que debe ser sencillo pero no le he encontrado la solución por ninguna parte.

tengo una consulta que la envió a una tabla y al hacer clic en la opción editar quiero toma la identidad o id del registro que le llame cédula, para pasarla al formulario modal y crear una consulta asociada a ese id y mostrar los demás datos para una actualización. POR FAVOR ALGUIEN QUE ME PUEDA AYUDAR

CODIGO

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" href="css/demo_table.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>
<style>
.modal-dialog {
width:80%; /* or whatever you wish */
}
</style>
</head>
<body>
<div id="contenido" class="container-fluid">
<?php
include('libs/conexion.php');
$listado= mysql_query("select * from coordinador",$cn);
?>
<script type="text/javascript" language="javascript" src="js/jstabla.js"></script>

<div class="well well-lg">
<center><h4>LISTADO COORDINADORES</h4></center>
</div>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="tabla">
<thead>
<tr>
<th>Opciones</th>
<th>Cedula</th>
<th>Nombre</th>
<th>Departamento</th>
<th>Municipio</th>
<th>Puesto</th>
<th>Dirección</th>
<th>Mesa</th>
</tr>
</thead>
<tbody>
<?php
while($reg=mysql_fetch_array($listado))
{
echo '<tr>';
?>
<td style="text-align:center;">
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Opciones <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">

<li style="text-align:left;"><a href="#ventanaeditar" data-toggle="modal" data-target="ventanaeditar">
</i> Editar Coordinador</li></a>
</ul>
</div>
</td>
<?php
echo '<td style="text-align:center;">'.$reg['cedula'].'</td>';
echo '<td >'.ucwords(strtoupper($reg['nombre'])).'</td>';
echo '<td >'.ucwords(strtoupper($reg['departamento'])).'</td>';
echo '<td >'.ucwords(strtoupper($reg['municipio'])).'</td>';
echo '<td >'.ucwords(strtoupper($reg['puesto'])).'</td>';
echo '<td >'.ucwords(strtoupper($reg['dirpuesto'])).'</td>';
echo '<td style="text-align:center;" >'.ucwords(strtoupper($reg['mesa'])).'</td>';

}
?>
<tbody>
</table>


<div class="container-fluid">
<div class="modal fade" id="ventanaeditar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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>
<h4>Editar Coordinadores</h4>
</div>
<div class="modal-body">
<form action="modificar_coordinador.php" method="POST" class="form-horizontal">
<?php
include('libs/conexion.php');
$fila= mysql_fetch_array(mysql_query("select * from coordinador",$cn));
$cedula=$_GET['ide'];
?>

<div class="row">
<div class="well well-sm"><h5><strong>Informacion de Contácto</strong></h5></div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="InputCedula" class="col-md-4 control-label">Cedula:</label>
<div class="col-md-8">
<input type="number" class="form-control" placeholder="Ingrese cedula" name="cedula" id="id" required >
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputNombre" class="col-md-4 control-label">Nombre:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Nombre completo" name="nombre" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputTelefono" class="col-md-4 control-label">Teléfono:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Teléfono" name="telefono" required>
</div>
</div>
</div>
</div>

<div class="row">

<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="InputDireccion" class="col-md-4 control-label">Dirección:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Dirección" name="dircoord" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputNombre" class="col-md-4 control-label">Barrio:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Barrio" name="barriocoord" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputTelefono" class="col-md-4 control-label">Programa:</label>
<div class="col-md-8">
<select class="form-control" name="programacoord" required>
<option value="">Seleccione programa</option>
<option value="VISA">VISA</option>
<option value="EMPLEO">EMPLEO</option>
<option value="OTRO">OTRO</option>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="well well-sm"><h5><strong>Informacion de Zonificación</strong></h5></div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="InputCedula" class="col-md-4 control-label">Departamento:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Departamento" name="departamento" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputNombre" class="col-md-4 control-label">Municipio:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Municipio" name="municipio" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputTelefono" class="col-md-4 control-label">Puesto</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Puesto de votación" name="puesto" required>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="InputCedula" class="col-md-4 control-label">Dirección:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="Direccion votación" name="direccion" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputNombre" class="col-md-4 control-label">Barrio:</label>
<div class="col-md-8">
<input type="text" class="form-control" placeholder="barrio" name="barrio" required>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label for="inputTelefono" class="col-md-4 control-label">Mesa</label>
<div class="col-md-8">
<input type="number" class="form-control" placeholder="Mesa de votación" name="mesa" required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="submit" name="Guardar" value="Editar Registro" class="btn btn-primary">
</div>

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

</body>
</html>