que no me borren http:// en campo de texto

lexus · #1 (**permalink**) 04/05/2003, 19:51

Hola a todos,

tengo un campo de texto donde los usuarios ingresan direcciones de paginas web (urls) de esta forma http://www.paginas.com

tengo problemas cuando los usuarios borran el http:// hay alguna forma que los usuarios solo puedan meter la pagina www.supagina.com y que no puedan borrar el http://

lo tengo asi:
<input type="text" name="url" value="http://" size="45">

la idea es que los usuarios puedan meter sus direcciones, pero que no me borren la parte que dice http:// para que no me presente conflicto despues...
espero me puedan ayudar

Kaopectate · #2 (**permalink**) 04/05/2003, 21:48

Hola lexus.

Yo en tu lugar revisaría lo escrito por el usuario una vez que este abandone el campo y de haber borrado el http:// lo reescribiría yo. Seguro que eso es mucho mas facil y natural.

Otra alternativa que veo es ir revisando por cada letra presionada si el http sigue en su sitio y de no ser asi ponerlo de nuevo, pero creo que con esto tendrás problemas para reposicionar el cursor en el sitio exacto donde estaba.

Una última sería alterar el diseño de modo que el usuario asuma el http:// y escriba solo lo que va a continueción, pero poniendo el http:// fuera del text.

Dime si quieres que te asesoremos con alguna de esas variantes o si prefieres esperar a ver si alguien te puede ofrecer justo lo que pides.

Saludos.

lexus · #3 (**permalink**) 04/05/2003, 22:27

saludos

me gusta esta idea que dices

Yo en tu lugar revisaría lo escrito por el usuario una vez que este abandone el campo y de haber borrado el http:// lo reescribiría yo. Seguro que eso es mucho mas facil y natural.

me podrias hacer el favor de darme una mano, la verdad no se mucho o nada de javascript

Kaopectate · #4 (**permalink**) 05/05/2003, 14:04

Hola lexus.

Prueba con esto:

Código PHP:

  <html>

 <head>

  <script language="JavaScript">

   function urlComplete(){

    with (document.frm.urlVal)

     value = (value.substr(0, 7) == "http://"? "": "http://") + value;

   }

  </script>

 </head>

 <body>

  <form name="frm">

   URL:

   <input type="text" name="urlVal"><br><br>

   <input type="button" value="Validar" onclick="urlComplete()">

  </form>

 </body>

</html>

Saludos.

lexus · #5 (**permalink**) 05/05/2003, 15:37

muchisimas gracias por la ayuda, era justo lo que necesitaba..