Tema: Mandar un valor nulo
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/11/2010, 04:30
Avatar de DiegoAH
DiegoAH
 
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 53
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Mandar un valor nulo
EL formulario esta en el div con id="introducir"

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  4.         <script type="text/javascript">
  5.             function getdatos(value){
  6.                 $.post("getdatos.php", {partialdato:value}, function(data){
  7.                     $("#results").html(data);
  8.             });
  9.             }
  10.             
  11.         
  12.         </script>
  13.    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  14.        <style type:="text/css">
  15.     body {
  16.     font-style:italic;
  17.     margin: 0 auto;
  18.     font-family: arial;
  19.     text-align:center;
  20.     background-color: #F0F0F0;
  21.     vertical-align:center;
  22.     background-image:url(fondo-cabecera.png);
  23.     background-repeat:repeat-x;
  24.         }
  25.     table.fija{table-layout: fixed}
  26.         
  27.     #cabecera{
  28.     background-color:#000;
  29.     background-repeat:repeat;
  30.     margin-top:40px;
  31.     margin-bottom:60px
  32.     
  33.     
  34.             }
  35.             #introducir{
  36.                 margin-top:60px;
  37.                 margin-bottom:20px;
  38.                 border:solid 9px #626262;
  39.                 width:950px;
  40.             
  41.             }
  42.     
  43.     #tabla1{
  44.     font-weight: bold;
  45.     color: #F0F0F0;
  46.     height:auto;
  47.     width:auto;
  48.     overflow: hidden;
  49.     class="fija";
  50.     font-family: Arial;
  51.     font-size: 20px;
  52.     font-style: normal;
  53.     line-height: normal;
  54.     text-transform: capitalize;
  55.  
  56.         }
  57.         
  58.         #parte2{
  59.     background-color: #F0F0F0;
  60.     color:#000000;
  61.         }
  62.     
  63.         
  64.         #tabla1 .fija {
  65.     color: #FF0000;
  66. }
  67. #busqueda{
  68.     color:#CCCCCC;
  69.     text-align: left;
  70.     font-family: georgia;
  71.     font-size:14px;
  72.     font-style:italic;
  73.     margin-bottom:30px;
  74.     
  75. }
  76.  
  77.  
  78. #busqueda2{
  79.     font-family:Georgia;
  80.     font-style:italic;
  81.     font-size: 56px;
  82.     color: #CCC;
  83.     background-color: #F0F0F0;  
  84.     }
  85.     
  86.     #general{
  87.             width:960px;
  88.             margin: 0 auto;
  89.                 }
  90.  
  91.      #columanas_principales {
  92.          
  93.          font-family: Arial; 
  94.          font-weight:bold;
  95.          font-size:14px;
  96.          color: #000;
  97.          
  98.          }
  99.          
  100.       p {
  101.           
  102.           font-family: Arial; 
  103.           font-size: 12px;
  104.           font-weight:normal;
  105.           
  106.           }
  107.      
  108.      .lupa{
  109.         background: white url(lupa.png) no-repeat 866px center;
  110.                         width:950px;
  111.  
  112.     
  113.      }
  114.      
  115.     #barra{
  116.     background-repeat:repeat;
  117.     background-image: url(BARRA-INFERIOR.jpg);
  118.      }
  119.      
  120.     #results{
  121.         font-family:arial;
  122.         font-size:12px;
  123.         color:#000;
  124.         line-height:120%;
  125.         margin-top:-40px;
  126.         margin-bottom:10px;
  127.         }
  128.         
  129.           
  130.       .par{
  131.    
  132.            background-color:#CCC;   
  133.       }
  134.        
  135.       .impar{
  136.    
  137.            background-color:#F0F0F0;
  138.            
  139.       }
  140.      .centrado{
  141.          text-align:left;
  142.          font-family:arial;
  143.          font-size:14px;
  144.          font-weight:bold;
  145.          width:60px;
  146.          padding-left:12px;
  147.         
  148.          
  149.      }
  150.      .nombre{
  151.          font-family:arial;
  152.          font-size:14px;
  153.          font-weight:bold;
  154.          height:44px;
  155.          width:300px;
  156.          padding-left:12px;
  157.          
  158.         
  159.         
  160.      }
  161.      .mail{
  162.                  width:260px;
  163.                  padding-left:12px;
  164.  
  165.      }
  166.      .departamento{
  167.           width:160px;
  168.           padding-left:12px;
  169.      }
  170.     
  171.         </style>
  172.         
  173.      
  174.        
  175. </head>
  176.     
  177.     
  178. <body>
  179.  
  180.  
  181. <div id="general">
  182. <div id="cabecera">
  183.   <div id="logoied" align="right"><img src="logo-izq.png" width="127" height="25" alt="buscar" align="left" />
  184.     <img src="logo-ied2.png" width="70" height="32" alt="buscar" />
  185.     
  186.   </div>
  187. <div id="introducir">
  188.     <input name="campo" type="text" class="lupa" id="busqueda2" onKeyUp="getdatos(this.value)"  size="32"  alt="busca por nombre o email" >
  189. </div>
  190. <div id="busqueda"> 
  191. <img src="ojo2.png" width="25" height="17" alt="buscar" />
  192. B&uacute;scame por mi nombre, mail, o departamento</br></div></br>
  193. <div class="fija" id="tabla1">
  194.  
  195. <table width="960" height="26" class="fija" >
  196.     <tr align="left">
  197. <td width="300" height="20">Nombre</td>
  198. <td width="260">Mail</td>
  199. <td width="160" >Departamento</td>
  200. <td width="60" class="centrado">Ext.</td>
  201. </tr>
  202.     
  203.   </table>
  204. </div>
  205.  
  206. </div>
  207.  
  208.  
  209. <table id="results"width="960" height="24" class="fija" >
  210. <td width="960"></tr>
  211.     
  212.   </table>
  213.   
  214.     <div id="barra">
  215.     <img src="BARRA-INFERIOR.jpg" width="1" height="2" alt="buscar" />
  216.     </div>
  217.  
  218.     <p align="right"><img src="logoizqabajo.png" width="95" height="15" alt="buscar" align="left"/><img src="logodrchabajo.png" width="61" height="28" alt="buscar" /></p>
  219.   <img src="derechos.png" width="191" height="9" alt="buscar" align="left" style="margin-top:-20px"/>
  220. </div>
  221. </div>
  222.  
  223. </body>
  224. </html>

Código PHP: 
Ver original
  1. <?php
  2. mysql_connect("localhost", "root", "") or die(mysql_error());
  3. mysql_select_db("busqueda") or die(mysql_error());
  4. header('Content-Type: text/html; charset=ISO-8859-1');
  5. $partialdatos = $_POST['partialdato'];
  6. $datos= mysql_query("SELECT * from datos where todo LIKE '%$partialdatos%'");  
  7.  
  8.          
  9.                
  10.         while($dato= mysql_fetch_array($datos)){ 
  11.           
  12.         if ($impar)
  13.         {
  14.     
  15.                 echo '<tr class="impar"><td class="nombre">'.$dato['nombre_apellido'].'</td>'; 
  16.                 echo '<td class="mail" >'.$dato['email'].'</td>'; 
  17.                 echo '<td class="departamento">'.$dato['departamento'].'</td>'; 
  18.                 echo '<td class="centrado">'.$dato['extension'].'</td></tr>'; 
  19.                 $impar = false;
  20.         }
  21.         else
  22.         {
  23.             echo '<tr class="par"><td class="nombre">'.$dato['nombre_apellido'].'</td>'; 
  24.                 echo '<td class="mail">'.$dato['email'].'</td>'; 
  25.                 echo '<td class="departamento">'.$dato['departamento'].'</td>'; 
  26.                 echo '<td class="centrado">'.$dato['extension'].'</td></tr>'; 
  27.                 $impar = true;
  28.         }
  29.  
  30.     }  
  31. ?>