Foros del Web » Programando para Internet » Jquery »

Ayuda para ocultar div en JQuery despues de una busqueda

Estas en el tema de Ayuda para ocultar div en JQuery despues de una busqueda en el foro de Jquery en Foros del Web. Buenas como el titulo lo dice ^^ Este es mi codigo @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script type = "text/javascript" >   ...
  #1 (permalink)  
Antiguo 29/07/2010, 11:46
 
Fecha de Ingreso: octubre-2004
Ubicación: Lima, Perú
Mensajes: 185
Antigüedad: 20 años, 1 mes
Puntos: 1
Ayuda para ocultar div en JQuery despues de una busqueda

Buenas como el titulo lo dice ^^
Este es mi codigo
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.  
  4. $(function() {
  5.  
  6.     $(".search_button").click(function() {
  7.         // getting the value that user typed
  8.         var searchString    = $("#search_box").val();
  9.         // forming the queryString
  10.         var data            = 'search='+ searchString;
  11.  
  12.         // if searchString is not empty
  13.         if(searchString) {
  14.             // ajax call
  15.             $.ajax({
  16.                 type: "POST",
  17.                 url: "rpc.php",
  18.                 data: data,
  19.                 beforeSend: function(html) { // this happens before actual call
  20.                     $("#results").html('');
  21.                     $("#searchresults").show();
  22.                     $(".word").html(searchString);
  23.                },
  24.                success: function(html){ // this happens after we get results
  25.                     $("#results").show();
  26.                     $("#results").append(html);
  27.               }
  28.             });
  29.         }
  30.         return false;
  31.     });
  32. });
  33. function fill(thisValue) {
  34.         $('#titulo_id').val(thisValue);
  35.         setTimeout("$('#suggestions').hide();", 200);
  36. }
  37.    
  38. </script>

Código HTML:
Ver original
  1. <input type="text" name="search" id="search_box" class='search_box'/>
  2. <input type="submit" value="Search" class="search_button" /><br />
  3. <input name="titulo_id" value=" " id="titulo_id" onblur="fill();" class="text-input"/>><br />
  4. <div id="searchresults" >Search results for <span class="word"></span></div>
  5. <ul id="results" class="update">
  6. </ul>
BUeno aca les dejo el codigo me permite buscar titulo en la base de datos con PHP y al hacer click en el div del buscador el titulo ingresa al otro input "titulo_id" lo que yo kiero hacer es q' cuando haga click en titulo buscado tambien se cierre el div del buscador.
Saludos y gracias
__________________
VkManga.Com
De todo un Poco
  #2 (permalink)  
Antiguo 30/07/2010, 05:34
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 16 años, 11 meses
Puntos: 14
Respuesta: Ayuda para ocultar div en JQuery despues de una busqueda

en el succes de la busqueda debes ocultar el input del buscador y el boton, por lo que veo en el html no está todo dentro de un div.

Así que podría ser:
Código Javascript:
Ver original
  1. #
  2. success: function(html){ // this happens after we get results
  3.   $("#results").show();
  4.   $("#results").append(html);
  5.   $("#search_box").hide(); // oculto el input
  6.   $(".search_button").hide(); // oculto el boton
  7.               }
  #3 (permalink)  
Antiguo 30/07/2010, 13:07
 
Fecha de Ingreso: octubre-2004
Ubicación: Lima, Perú
Mensajes: 185
Antigüedad: 20 años, 1 mes
Puntos: 1
Respuesta: Ayuda para ocultar div en JQuery despues de una busqueda

Muchas gracias me funciono
Salu2!!
__________________
VkManga.Com
De todo un Poco

Última edición por Vhyll; 30/07/2010 a las 13:13
  #4 (permalink)  
Antiguo 02/08/2010, 10:39
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 16 años, 11 meses
Puntos: 14
Respuesta: Ayuda para ocultar div en JQuery despues de una busqueda

Me alegro! :D

Etiquetas: busquedas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:00.