Recargar página con el valor del campo de texto

[ci2000]

Hola, en una página index.php quiero agregar un buscador. Por lo tanto agregué:

Código PHP:

 <div id="buscador">
    <div id="buscador1"><input type='text' name='buscar' size='23'></div>
    <div id="buscador2"><?="<a href=./index.php?varbuscar=".$buscar."><img src='./images/buscar1.jpg' width='57' height='25' border='0'></a>";?></div>
</div>  

No sé cómo hacer para que me recargue la misma página index.php pasando como parámetro el dato ingresado en el campo de texto. Con el ejemplo que pegué no me funciona.

Gracias desde ya por las respuestas.
Saludos

[nx00]

que tal asi:

Código PHP:

   
<div id="buscador"> 
    <div id="buscador1"><input type='text' id='buscar' size='23'></div> 
    <div id="buscador2"><a href="./index.php?varbuscar=+document.getElementById('buscar').value">buscar</a></div> 
</div> 
   

[ci2000]

Gracias por responder.

Hice que me muestra el valor de $varbuscar con

Código PHP:

  echo $varbuscar; 
   

Me devuelve document.getElementById(\'buscar\').value

Creo falta algún pequeño detalle pero no sé que es.

Saludos

[nx00]

cambia:

Código PHP:

  <div id="buscador2"><a href="./index.php?varbuscar=+document.getElementById('buscar').value">buscar</a></div> 
   

por esto:

Código PHP:

  <div id="buscador2"><a href="./index.php?varbuscar="+document.getElementById('buscar').value>buscar</a></div> 
   

[pateketrueke]

nx00, que clase de Javascript es ese??? no lo conocía..... :P (mezclado con HTML)
(deberías leerte alguna referencia de antes de cometer mas errores entre ambos)



--

ci2000, te refieres a que se refleje la variable de búsqueda desde antes de hacerla??? (para que al dar click al enlace no borre la consulta???)

Código HTML:

<a href="#" onclick="document.location.href=document.getElementById('mi_input_ID').value"> 

o, te referías a que una ves habiendo hecho la búsqueda se reflejara la búsqueda en el enlace... ???

Código PHP:

 <a href="foo.php?bar=<?php (isset($_GET['q'])? $_GET['q']: ''); ?>">  

[ci2000]

Hola pateketrueke, lo que necesito es que el al dar click en el enlace vuelva a recargar la misma página index.php y que esa misma página reciba a la variable $varbuscar con el valor que se escribió en el campo de texto.

Saludos

Tal vez no me expresé correctamente.

Tengo en una página index.php un campo de texto y un botón (una imagen .jpg). El usuario escribirá en dicho campo y al hacer click sobre el botón quiero volver a recargar la misma página index.php y que además la variable $buscar reciba como parámetro lo que está en el campo de texto para así hacer la consulta SQL y demás...

Gracias y saludos

La variable es $varbuscar, no $buscar

Nadie sabe cómo hacer esto?

[Ronruby]

Entonces seria:

Código PHP:

 <div id="buscador2"><?php echo '<a href="./index.php?varbuscar='.$_POST['buscar'].'"><img src="./images/buscar1.jpg" width="57" height="25" border="0"></a>';?></div>  

[pato_volador]

Es relativamente facil, depende como estas enviando tu valor a buscar, te explicare los metodos para post y get, son bien sencillos.

Código HTML:

<form name="form1" id="form1" method="get" action="">
<p align="center">
<input name="busca" type="text" size="100" maxlength="100" value="<?php echo(isset($_GET['busca'])?$_GET['busca']:''); ?>" />
 </p>
<p align="center">
 <input type="submit" name="Submit" value="Buscar" />	    
 </p>
</form> 

Como podras darte cuenta en "value" del campo dice "si existe la variable 'busca', entonces el valor de la caja es lo que contenga esa variable, y esa variable vale lo que se haya escrito en esa caja...

mmmm espero que me haya dado a entender, si no dime y con gusto te explico...
Saludos.

[ci2000]

Gracias por responder, pero creo no me he explicado bien.

Ronruby, tu ejemplo llama a index.php luego de recibir el valor de buscar.

pato_volador, tu ejemplo según entiendo lo que hace es mostrar en el campo de texto el valor de la variable busca.

En realidad lo que necesito es enviar el dato escrito en el campo de texto como variable para que la misma página index.php reciba ese valor al recargarse nuevamente. El envío del campo se realizará por medio de un a href.

Gracias por molestarse en contestar y saludos

En definitiva, lo que quiero hacer es lo mismo que está en el comienzo de esta página de forosdelweb. Hay un cuadro de texto y un botón Buscar, luego de escribir el dato y hacer click sobre Buscar en esta misma página aparece el resultado de la búsqueda.
La pequeña diferencia con lo mío es que el botón lo sustituí por una imagen que tiene una lupa, es por eso que uso a href.

Tal vez ahora me haga entender mejor.

Saludos

[user86]

Un ejemplo con javascript puro.

Funcion javascript

Código:

<script type="text/javascript">
   function foo(){
   value = document.getElementById("bar").value;
   document.getElementById("enlace").href = "prueba.php?value=" + value;
   }
</script>

codigo html normal

Código:

<input type="text" id="bar" />
<a href="prueba.php" onclick="foo();" id="enlace">Hola mundo sucio</a>

A mi me funcionaria algo asi ya despues recibes la variable en get por medio de PHP.
Aunque este codigo es algo sucio xD y por algo me refiero a que es como revolcarse con cerdos.

[ci2000]

Gracias user86, te entendí perfectamente.

No sé porque dices que el código es algo sucio. Me parece perfectamente aplicable.

Saludos

[okram]

Otra versión del código de user86, un poco más directa (no necesita una función JS extra):

Código HTML:

<input type="text" id="bar" />
<a href="javascript:void(0)" onclick="location.href='prueba.php?value='+document.getElementById('bar').value;" id="enlace">
    Hola mundo sucio
</a> 

Un saludo,

[ci2000]

Excelente!! eso es lo que necesitaba. Anduvo perfecto.

Un detalle más... ¿Cómo se puede hacer para que al dar enter en el campo de texto sea lo mismo que hacer click sobre el botón búscar?

Gracias y saludos

Alguien sabe responder a mi última consulta?

Gracias

[lobo_php]

men solo das enter si el campo de texto esta en el formulario al dar enter es como si le hubieras dado clic al submit.
a mi me funciono

[ci2000]

Gracias por contestar lobo_php, pero el campo de texto no está en un formulario. El botón al que me refiero es un .jpg que tiene un ref. Es por eso que el enter no funciona.

Saludos

[GatorV]

Por defecto en tu formulario se debe de enviar al presionar enter a menos que 2 cosas:

1) No tengas un action="pagina" en tu <form>
2) No tengas un boton submit

Si no tienes al menos 1 de esos dos, entonces no se enviara por lo que debes de manejar el evento con javascript.

Saludos.