Input y anclas

[guillox]

Hola gente.
Tengo una duda y sinceramente no se como hacerlo. (Si es que se puede)

Resulta que tengo un imput y unas cuantas anclas a lo largo de la pagina.

Es posible que mediante los datos de un input pueda ir a un ancla en alguna parte de la pagina?'

Es decir..

<form id="prueba" name="form" method="post" action="">

<input type="ancla" name="textfield" /> (digamos que ingrese "final")

<input type="submit" name="Submit" value="Ir" />
</form>


Me lleve a la parte de la pagina que tiene el ancla referente

<a name="final">Final</a>


Estube buscando y no encontre nada que pueda vincularlo..

Alguien sabe como puedo hacerlo??

Desde ya les agradesco la ayuda que me brinden.

[okram]

Eso es javascript, no PHP. Imagino que bastará con agregar un evento onSubmit que tome el valor del campo y haga la redirección agregándole el ancla antes (Y usando location.href). Este evento obviamente deverá devolver false para que detenga el envio del formulario.

[jpinedo]

Tema movido desde PHP a Javascript

[Shiryu_Libra]

evento onblur del input
funcion que evalue el texto y si hay algun acierto, ejecute on href con click automatico para ir a ese punto en la pagina


ahora como seria la codificacion.....

[caricatos]

Hola:

Pues un input submit para conseguirlo sería pasando por el server, recargando la página, así que se debería cambiar al tipo button o cancelar el envío con return false en el evento submit del form...

Otra cosa es que el tipo ancla no existe así que hay que cambiarlo por otra cosa, supongo que text...

Más o menos, lo demás lo puso el amigo okram...

<input type="text" name="anclar" value="final" />
<button type="button" onclick="location.href = '#' + anclar.value" >ir</button>

Saludos

[guillox]

Iniciado por okram

Eso es javascript, no PHP. Imagino que bastará con agregar un evento onSubmit que tome el valor del campo y haga la redirección agregándole el ancla antes (Y usando location.href). Este evento obviamente deverá devolver false para que detenga el envio del formulario.

Iniciado por caricatos

Hola:

Pues un input submit para conseguirlo sería pasando por el server, recargando la página, así que se debería cambiar al tipo button o cancelar el envío con return false en el evento submit del form...

Otra cosa es que el tipo ancla no existe así que hay que cambiarlo por otra cosa, supongo que text...

Más o menos, lo demás lo puso el amigo okram...


<input type="text" name="anclar" value="final" />
<button type="button" onclick="location.href = '#' + anclar.value" >ir</button>

Saludos

Muchisimas gracias por responder.. pero no entiendo como seria el asunto.

Que le faltaria al codigo caricatos para que funcione porque lo prove y no lo toma?

[caricatos]

Hola:

Acabo de probar el código tal como está y funciona correctamente, tan solo deben estar esas líneas dentro de un formulario.

Código javascript:

<form>
<input type="text" name="anclar" value="final" />
<button type="button" onclick="location.href = '#' + anclar.value" >ir</button>
</form>
 

Saludos