Tema: actualizar pagina web al dar clic en Enviar
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/07/2012, 15:17
Avatar de mager3
mager3
 
Fecha de Ingreso: junio-2012
Ubicación: Medellin
Mensajes: 318
Antigüedad: 11 años, 10 meses
Puntos: 4
Exclamación actualizar pagina web al dar clic en Enviar
Buenas tardes:

estoy diseñando un portal para ingreso de hojas de vida , sin embargo al diligenciar un formulario y el usuario darle ENVIAR , se almacenan los datos correctamente en la base de datos, sin embargo, en la misma pagina en la parte inferior se va llenando un cuadro con los datos que el usuario lleno en el formulario,

la dificultad radica que cada vez que un usuario ingresa datos me toca darle F5 para que se actualice la tabla en la parte inferior..... que puedo agregarle al codigo para al darle ENVIAR y se me refresque la pagina como si fuera un F5 ?

el codigo es este:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. </head>
  6. <script language="JavaScript" src="calendario/javascripts.js"></script>
  7.     <link rel="STYLESHEET" type="text/css" href="calendario/estilo.css">    
  8.     <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  9.     <script src="js/funciones.js" type="text/javascript"> 
  10.     alert('Error con el fichero js'); 
  11.     </script> <!-- ACA invoco el archivo que contiene las funciones de Java -->
  12.  
  13.    <style type="text/css">
  14. <!--
  15. .Estilo1 {
  16.     color: #FF3300;
  17.     font-weight: bold;
  18.     font-size: 12pt;
  19. }
  20. .Estilo2 {
  21.     font-size: 12pt;
  22.     color: #FF0000;
  23.     font-weight: bold;
  24. }
  25. .Estilo4 {color: #660000}
  26. -->
  27.     </style>
  28. <?php
  29. include ("conexion.php");
  30. error_reporting(E_PARSE); // no publica las notificaciones de alerta en pantalla
  31. $link = mysql_connect("127.0.0.1","root","vertrigo");
  32. mysql_select_db("convocatoria",$link);
  33.  
  34. $listar=mysql_query("select * from estudios_soli");
  35. $instituciones=mysql_query("select * from universidades");  //cargo a la variable $estado todo lo que esta en la tabla universidades
  36. $nivel=mysql_query("select * from nivel_estu");  //cargo a la variable $estado todo lo que esta en la tabla universidades
  37.  
  38. if(isset($_POST['enviar'])){
  39. $tipo=$_POST['txttipo'];
  40. $titulo=$_POST['txttitulo'];
  41. $ciudad=$_POST['txtciudad'];
  42. $institucion=$_POST['txtinstitucion'];
  43. $inicio=$_POST['txtinicio'];
  44. $fin=$_POST['txtfin'];
  45. $documento=$_GET['identidad'];  // variable documento que recibo de la pagina anterior
  46.  
  47.  
  48. //////////////////////////////////////////////////////-------QUERY´s-------////////////////////////////////////////////////////
  49.  
  50. $sql=mysql_query("insert into estudios_soli (documento_soli,tipo_estudio,titulo_estudio,ciudad_estudio,institucion_soli,fechainicio_estudio,fechafin_estudio) VALUES ('$documento','$tipo','$titulo','$ciudad','$institucion','$inicio','$fin')");
  51. }
  52. ?>
  53. <body>
  54. <form id="form1" name="form1" method="post" action="">
  55.   <table width="820" border="1" align="center">
  56.     <tr>
  57.       <td colspan="2"><div align="center" class="domingo">INFORMACION ACADEMICA</div></td>
  58.     </tr>
  59.     <tr>
  60.       <td>Tipo estudio :</td>
  61.       <td><label>
  62.         <select name="txttipo" id="txttipo">
  63.         <?php
  64.             while ($h=mysql_fetch_array($nivel)) // Con este arreglo lleno la lista /Menu con los valores de la tabla tipo_usuario
  65.             {   
  66.                 echo'<option value='.$h[id_nivel].'>'.$h[descrip_nivel].'</option>';
  67.             }
  68.          ?>
  69.         </select>
  70.       </label></td>
  71.     </tr>
  72.     <tr>
  73.       <td>Titulo del estudio</td>
  74.       <td><label>
  75.         <input type="text" name="txttitulo" id="txttitulo" />
  76.       </label></td>
  77.     </tr>
  78.     <tr>
  79.       <td>Ciudad :</td>
  80.       <td><label>
  81.         <input type="text" name="txtciudad" id="txtciudad" />
  82.       </label></td>
  83.     </tr>
  84.     <tr>
  85.       <td>Institucion</td>
  86.       <td><label>
  87.         <select name="txtinstitucion" id="txtinstitucion">
  88.          <?php
  89.             while ($f=mysql_fetch_array($instituciones)) // Con este arreglo lleno la lista /Menu con los valores de la tabla tipo_usuario
  90.             {   
  91.                 echo'<option value='.$f[id_uni].'>'.$f[descrip_uni].'</option>';
  92.             }
  93.          ?>
  94.         </select>
  95.       </label></td>
  96.     </tr>
  97.     <tr>
  98.       <td>Duracion Programa</td>
  99.       <td><label>
  100.         <input type="text" name="txtinicio" id="txtinicio" />
  101.         <br>
  102.         <br>
  103.       </label></td>
  104.     </tr>
  105.     <tr>
  106.       <td>&nbsp;</td>
  107.       <td><input type="text" name="txtfin" id="txtfin"></td>
  108.     </tr>
  109.     <tr>
  110.       <td>&nbsp;</td>
  111.       <td><label>
  112.         <input type="submit" name="enviar" id="enviar" value="Enviar" />
  113.        </label></td>
  114.     </tr>
  115.   </table>
  116.   <p>&nbsp;</p>
  117.   <p>&nbsp;</p>
  118.   <table width="714" border="1" align="center">
  119.     <tr>
  120.     <td class="domingo"><strong>Documento</strong></td>
  121.       <td class="domingo"><strong>Tipo estudio</strong></td>
  122.       <td class="domingo"><strong>Titulo</strong></td>
  123.       <td class="domingo"><strong>Ciudad</strong></td>
  124.       <td class="domingo"><strong>Institucion</strong></td>
  125.       <td class="domingo"><strong>Fecha Inicio</strong></td>
  126.       <td class="domingo"><strong>Fecha Terminacion</strong></td>
  127.     </tr>
  128.     <tr>
  129.   <?php
  130.   $result = mysql_query($listar);
  131.   $numero = 0;
  132.   while($row = mysql_fetch_array($listar))
  133.   {
  134.     echo "<tr><td width=\"10%\"><font face=\"verdana\">" . $row["documento_soli"] . "</font></td>";
  135.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["tipo_estudio"] . "</font></td>";
  136.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["titulo_estudio"] . "</font></td>";
  137.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["ciudad_estudio"]. "</font></td>";
  138.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["institucion_soli"]. "</font></td>";
  139.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["fechainicio_estudio"]. "</font></td>";
  140.     echo "<td width=\"10%\"><font face=\"verdana\">" . $row["fechafin_estudio"]. "</font></td></tr>";       
  141.     $numero++;
  142.   }
  143.   echo "<tr><td colspan=\"15\"><font color=red face=\"verdana\"><b>Numero total de registros: " . $numero . 
  144.       "</b></font></td></tr>";
  145.   
  146.   mysql_free_result($listar);
  147.  // mysql_close($link);
  148.  ?>
  149.  </tr>
  150.  </table> 
  151. </form>
  152. </body>
  153. </html>