Como muestro una consulta Mysql en una ventana

marisanjr · #1 (**permalink**) 31/05/2013, 16:27

Hola a todos y gracias por la información que aportan la cual nos ayuda cada día aprender más sobre el desarrollo web.

Tengo un archivo zona.php, el cual llama el archivo listadozonas.php. y me mustra los datos en el div del zona.php

Quisiera saber como puedo con jquery mostrar la información de listado.php en una vantana sin desactivar el formulario zona.php.

Anexo el código.
zona.php

Código HTML:

<html>
<?php
  include("../menu/menup.php");
?>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <link rel="stylesheet" type="text/css" href="css/estiloform.css">
  <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
  <title>Sistema Control PolÃ*tico</title>
   <script type="text/javascript">
            $(document).ready(function(){
                 $("#listado").click(function(event) {
                   $('#mlistado').load('listadozonas.php');
                });
                 });
   </script>
 </head>
<body leftmargin="50">
       <FORM method="POST" name="form1" id="form1" action=""/>
       <center><table border="1"></center>
           <thead>
               <tr> <br>
                   <th colspan="3"><H4><CENTER>INGRESAR ZONAS</CENTER></H4></th>
                </tr>
           </thead>
           <tbody>
               <tr>
                   <td colspan="3">
                         <label for="nomzona">ZONA</label>
                         <input type="name"   name="nomzona" id="nomzona"/>
                         <input type=text   name="niusu" id="niusu" style="display:none" size="3" value="<?php echo $_SESSION["nivel"];?>" />
                   </td>
              </tr>
           </tbody>
       </table>

         <center> <table border="1" cellspacing=1 cellpadding=2 style="font-size: 8pt"></center><tr>
            <td> <input type="submit"   name="submit"   value="Aceptar"/></td> 
            <td><input type="reset"/></td>
             <td><input type="button"   name="listado"  id="listado"  value="Listado Zonas"/></td>
        </table>   
         <div name="mlistado" id="mlistado" style="width:500px; float:down"></div>
    </form>
    <?php
        if (isset($_POST['submit'])) {
          require("registrozona.php");
        }
        ?>
</body>
</html>

listadozonas.php

Código PHP:

  <?php 
   include("../conexion/connect_db.php"); 
  $consulta=mysql_query("select * from zona order by nomzona"); 
   $canreg = mysql_num_rows($consulta); 
?> 
  <table border="1"> 
   <tr> 
       <th colspan="6"><h5>LISTADO DE ZONAS CREADAS</h5></th> 
    </tr> 
<?php 
  if ($canreg>0){ 
      $numcolumnas = 6; 
      echo "<tr><td colspan=\"$numcolumnas\"></td></tr>"; 
       $i=1; 
 
 while ($fila = mysql_fetch_array($consulta)) { 
    $resto = ($i % $numcolumnas); 
        if($resto == 1){ /*si es el primer elemento creamos una nueva fila*/ 
         echo "<tr>"; 
     } 
      echo "<td>$fila[1]</td>"; 
      if($resto == 0){ 
      /*cerramos la fila*/ 
      echo "</tr>"; 
    } 
   $i++; 
} 
if($resto != 0){ 
  /*Si en la &uacute;ltima fila sobran columnas, creamos celdas vac&iacute;as*/ 
   for ($j = 0; $j < ($numcolumnas - $resto); $j++){ 
     echo "<td></td>"; 
    } 
   echo "</tr>"; 
  } 
 
}else{ 
  echo "<tr><td>0 elementos encontrados</td></tr> "; 
 } ?> 
</table>