Tema: problema con una vista previa
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 06/01/2015, 12:14
NeaFan
 
Fecha de Ingreso: diciembre-2014
Ubicación: montería
Mensajes: 33
Antigüedad: 10 años
Puntos: 0
Respuesta: problema con una vista previa
Bueno intentare ayudarte, con el siguiente codigo «modificación del tuyo [entenderás que solo simulare que he consultado en la base de datos, puesto que no me dispondré a crear una]»

Código HTML: 
Ver original
  1. <!--Como no pienso crear una base de datos simulo un acosulta-->
  2. <?php
  3. for ($i = 0; $i <= 3; $i++) {
  4.     $row['idpublivac'][$i] = $i;
  5.     $row['cargo'][$i] = "cargo_$i";
  6.     $row['fechainicio'][$i] = "fecha-inicio_$i";
  7.     $row['fechafin'][$i] = "fecha-fin_$i";
  8.     $row['Gerencia'][$i] = "Gerencia_$i";
  9.     $row['Nombre'][$i] = "Nombre_$i";
  10. }
  11. ?>
  12. <!DOCTYPE html>
  13. <html>
  14.     <head>
  15.         <meta charset="UTF-8">
  16.         <title>Administrador de Publicacion</title>
  17.         <script type="text/javascript">
  18. //Elimine el resto de funciones para que se note sea mas visible lo que quiero mostrar {Tu luego agregaras lo que necesites}
  19. //Se crea un arreglo llamado grilla con los datos que consultastes en la base de datos;
  20.             var Grilla = <?php echo json_encode($row) ?>;
  21.             function habilitar(valor) {
  22.                 var Cargo = document.getElementById("cargo1");
  23.                 var Gerencia = document.getElementById("gerencia1");
  24.                 var Fechini = document.getElementById("fechini");
  25.                 var Fechfin = document.getElementById("fechfin");
  26.                 Cargo.innerHTML = Grilla["cargo"][valor];
  27.                 Gerencia.innerHTML = Grilla["Gerencia"][valor];
  28.                 Fechini.innerHTML = Grilla["fechainicio"][valor];
  29.                 Fechfin.innerHTML = Grilla["fechafin"][valor];
  30.             }
  31.         </script>
  32.     </head>
  33.     <body>
  34.         <div class="page2">
  35.             <div class="header2">
  36.             </div>
  37.             <div class="main">
  38.                 <div style="padding-left: 10px;"> 
  39.                     <fieldset class="campofieldsetM">
  40.                         <legend>Administrador de Publicación de Cargos</legend>    
  41.                         <form action="" method="post" enctype="multipart/form-data" target="_self" id="theForm" name="theForm">
  42.                             <p>
  43.                                 <label>Numero de Vacante:</label>
  44.                                 <input name="nv" type="text" id="nv" size="1" maxlength="2" disabled="true"  onkeyup="fAgrega();">
  45.                             </p>
  46.                             <p>
  47.                                 <label>Periodo de Validez:</label>
  48.                                 <input name="pv" type="text" id="pv" size="1" maxlength="2" disabled="true"  onkeyup="fAgrega();">
  49.                             </p>
  50.                             <label >Lista de Vacantes</label>
  51.                             <table width="1008"  cellpadding="0" cellspacing="0" style="text-align:center">
  52.                                 <thead>
  53.                                     <tr>
  54.                                         <th width="54">ITEM</th>
  55.                                         <th width="285">Gerencia</th>
  56.                                         <th width="227">Vacante</th>
  57.                                         <th width="81">Status</th>
  58.                                         <th width="159">Fecha de Publicación</th>
  59.                                         <th width="124">Fecha de Cierra</th>
  60.                                         <th width="76">Gestionar</th>
  61.                                     </tr>
  62.                                 </thead>
  63.                                 <tbody>
  64.                                     <?php
  65.                                     for ($i = 0; $i <= 3; $i++) :
  66.                                         ?>
  67.                                         <tr>
  68.                                             <td width="54"><span title="ITEM"><label name="item" id="item" value="<?php echo $row['idpublivac'][$i]; ?>"><?php echo $row['idpublivac'][$i]; ?></label></span></td>
  69.                                             <td width="285"><span title="Gerencia" style="font-size:13px" onkeyup="fAgrega();"><?php echo $row['Gerencia'][$i]; ?></span></td>
  70.                                             <td width="227"><span title="Cargo" style="font-size:13px"><?php echo $row['cargo'][$i]; ?></span></td>
  71.                                             <td width="81"><span title="Status"><label name="status" id="status" value="<?php echo $row['status'][$i]; ?>">ABIERTO</label></span></td>
  72.                                             <td width="159"><span title="Fecha de Publicación"><?php echo $row['fechainicio'][$i]; ?></span></td>
  73.                                             <td width="124"><span title="Fecha de Cierra"><?php echo $row['fechafin'][$i]; ?></span></td>
  74.                                             <td width="76" align="center"><span title="Gestionar"><input  name="gestionar[]" id="gestionar-<?php echo $i; ?>" type="radio" value="<?php echo $i; ?>" onchange="habilitar(this.value);"/></span></td>
  75.                                         </tr>
  76.                                         <?php
  77.                                     endfor;
  78.                                     ?>
  79.                                 </tbody>
  80.                             </table>
  81.                         </form>
  82.                     </fieldset>
  83.                 </div>
  84.                 <div style="padding-left: 10px;"> 
  85.                     <fieldset class="campofieldsetM">
  86.                         <legend>Vista Previa de la Publicación</legend>    
  87.                         <form action="" method="post" enctype="multipart/form-data" target="_self" id="theForm" name="theForm" style="text-align:center">
  88.                             CARGO:<span id="cargo1"></span><br>
  89.                             GERENCIA:<span id="gerencia1"></span><br>
  90.                             N° DE VACANTES DISPONIBLES: <span id="nv1"></span><br>
  91.                             PERIODO DE VALIDEZ: (<span id="fechini"></span>) HASTA (<span id="fechfin"></span>)
  92.                         </form>
  93.                     </fieldset>
  94.                     <form action="" method="post" enctype="multipart/form-data" target="_self" id="theForm" name="theForm" style="text-align:center">
  95.                         <input id="Insertar" name="Insertar" type="submit" value="Guardar Vacante" onclick="valida_envia()" style=""/>
  96.                         <input id="Actualizar" name="Actualizar" type="submit" value="Actualizar Vacante" onclick="valida_envia()"/>
  97.                     </form>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </body>
  102. </html>

CopyPaste el contenido anterior en una nueva hoja PHP y luego estudias el proceso ^_^ ojala te sea de utilidad...

PD: Veo sobre cargas en el diseño, deberías tener en cuenta varios aspectos: Separa el Css y Javascript del HTML, trata de usar bien los contenedores y demas etiquetas...
Última edición por NeaFan; 06/01/2015 a las 12:21