Ayuda con codigo en textbox

PakO_okAp · #1 (**permalink**) 12/11/2008, 09:43

El codigo es el siguiente, pero no se como hacerle para que no nadamas lea una sola letra , si no toda una palabra, es que me dejaron hacer un anuario, y cuando mis compañeros pongan su numero de control en el textbox inmediantamente se redireccione hacia la pagina que le asignare con sus datos , por ejemplo un compañero llamado sergio al poner su nombre se ira a su pagina www.mianuario.com/sergio.html

<html>
<head>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/estilos.css">
<script language="JavaScript">

</script>
<DIV ID="Capa" STYLE="position: absolute; left:200px; top:50px; width:700px; height:500px; background-color:#FF0000">
</head>

<body bgcolor="#182345" topmargin=0 leftmargin=0 >
<center><br>
<h1>Presione la Tecla Indicada para ir a la web.</h1><br><br>
<input type="text" onkeydown="pulse(this,event)"/><br><br>
<h2>A = www.alphacom.es <br>
G = www.google.es <br>
Y = www.yahoo.es <br>
H = www.hotmail.com <br></h2>

</center>
</body>
</html>

David · #2 (**permalink**) 12/11/2008, 09:47

Puedes usar el evento onblur (cuando se sale de la caja de texto) o un botón para hacer la redirección. Solo tienes que recuperar el value del campo y redireccionar con location.href:

Código javascript:

Ver originallocation.href = campo.value;

PakO_okAp · #3 (**permalink**) 12/11/2008, 11:18

hola amigo muchas gracias en interesarte, pero es que soy totalmente nuevo, porfavor amigo me podrias poner un ejemplo.

David · #4 (**permalink**) 12/11/2008, 11:22

Hola, PakO_okAp. Pero, ya te puse un ejemplo, ¿has intentado aplicarlo? ¿no lo has logrado? ¿te dió algún error? ¿cómo intentaste hacerlo?

.

PakO_okAp · #5 (**permalink**) 12/11/2008, 11:26

no no le e utilizado, pero no entiendo como se pone disculpa mi ignorancia , no se donde va amigo, por fis si puedes acer un esfuerzo doble por ponermelo con todo y links, por fis.

David · #6 (**permalink**) 12/11/2008, 11:34

Por ejemplo, dije que podrías usar el evento onblur:

Código javascript:

Ver originalcambo.onblur = function() { /* Asignamos el evento onblur
lo que significa que ejecutará el código cada vez que el campo pierde el foco */ 
location.href = this.value; /* Redireccionamos a la página escrita en el input */ }

En fin, la idea es que investigues un poco y no solo que copies y pegues el código, así aprenderás mucho más, si no tienes mucha base, puedes empezar por leer manuales básicos de Javascript, y verás que poco a poco lograrás resolver las dudas.

Te resultará útil leer esta sección de la Guía para realizar preguntas del Foro: http://www.forosdelweb.com/faq.php?f...deslarespuesta.

P.S.: En el código basta con obtener la referencia al campo con getElementById para hacerlo funcionar.

PakO_okAp · #7 (**permalink**) 12/11/2008, 11:57

ok muchas gracias por tu tiempo, y si tienes razon deporsi voy a investigar mas, pero aveces las personas te mandan con otras personas y esas con otras personas, y se les olvida que un dia fueron nobatos y necesitaban un poco de tiiempo en una explicacion desde el <html> luego <body> etc etc, pero te entiendo cuando ya sabemos mucho se nos olvida lo anterior, no e dormido por estar investigando y ya me tengo que ir a la escuela, era mi unica duda pense que en este foro me ayudarian. ni modo, no es que sea mal agradecido pero me voy decepcionado por que esperaba mas, no es algo muy dificil para ustedes, pero ya ni modo asi es esto.

David · #8 (**permalink**) 12/11/2008, 12:14

Hola, PakO_okAp.

Te aseguro que mi intención no es hacerte más complicado el trabajo, o que no logres hacerlo.

De verdad, quiero ayudarte, pero no como muchos harían, poniendo código que puedas copiar y pegar y hacerlo funcionar pero sin que aprendas realmente cómo funciona. Porque sé que si lo hago, mañana, cuando tengas un problema parecido, tendrás que volver a preguntar, mientras que si te enseño cómo hacerlo, ya sabrás resolverlo por ti mismo.

Vayamos por partes, el código Javascript de preferencia, siempre debe ir en el head de la página, y mejor aún si está en un archivo separado, pero eso ya es otra historia. Segundo, te dije que deberías reemplazar "campo" por la referencia a tu input text, y que podrías usar getElementById para obtener esa referencia, ¿has investigado sobre esa función?. https://developer.mozilla.org/en/DOM...getElementById

Saludos y éxitos

.

PakO_okAp · #9 (**permalink**) 19/11/2008, 07:36

muy buena explicacion para un nobato muchas gracias