Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/12/2011, 06:52
oscarbt
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 15 años
Puntos: 27
como ocultar un div sin dejar espacios

Hola a todos, estoy usando un suggest para una busqueda, los resultados los muestro en un div
Muestro las siguientes imagenes:

Formulario inicial:


Al momento de buscar:


Al seleccionar un resultado (imagen 3):



Como observan al seleccionar un resultado queda un pequeño salto de linea, como puedo evitar ese salto?

Aca el codigo:

Código PHP:
Ver original
  1. <?php
  2.  
  3. //El formulario (en una tabla):
  4. echo "
  5. <tr>
  6. <td style='vertical-align:top'>
  7. OCUPACION</td>
  8. <td >
  9. <input type='hidden' id='idocupa' ><input type='text' id='ocupacion'  size='30' Onkeyup='buscar() ;'><div id='divocupa'></div>
  10. </td>
  11. </tr>";
  12.  
  13. //la busqueda:
  14. $sql="SELECT ... FROM";
  15. $obj->consulta($sql);
  16. while($row = sqlsrv_fetch_array($obj->result))
  17. echo "<a Onclick=' document.getElementById('idocupa').value='".$row[0]."' ; document.getElementById('ocupacion').value='".trim($row[1])."' ; limpiaunacapa('divocupa'); '>".$row[0]."</a>";
  18. ?>

la funcion limpiaunacapa:
Código Javascript:
Ver original
  1. function limpiaunacapa(capa)
  2. {
  3. var lim=document.getElementById(capa);
  4.  lim.innerHTML=" ";    
  5. }

Mi pregunta seria entonces, que deberia llevar el div con id=divocupa para evitar que queden esos espacios como se ve en la imagen 3, algun estilo css?

Agradezco la ayuda, muchas gracias...