input type"text" para URL´s y agregar http:// automáticament

Citar

Escrito el 23 Feb 2011 06:32 pm

Tengo un input type"text" en donde el usuario introducirá una URL y quiero que al hacer click en un botón le agregue http:// (sólo si empieza con www.) automáticamente.

Si alguien me puede orientar sobre cómo puedo lograrlo!
Saludos y mil gracias desde ya!

Por Maxdgy

104 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Argentina

@maxdgy

Citar

Escrito el 25 Feb 2011 03:41 pm

Yo tambien estoy en las mismas pero con algo adicional.... si el usuario se le olvida escribir http://www que una función en JS se encargue de agregarlo......

acaso sera imporsible?

Yo creo que no lo que si es que tengo que aprender mas de JS
:oops:

SALUDOS a TOD@S :wink:

Por lorenaFLASH

45 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Feb 2011 12:15 pm

Con una expresión regular, sigo yo:

Código HTML :

<!doctype html>
<html>
<head>
<script type="text/javascript">
function CheckWWW(ele) {
   if (!/^www+/im.test(ele.value)) {
      ele.value = "www."+ele.value;
   }
}
</script>
</head>
<body>
<form name="formulario" id="formulario">
<input type="text" name="inputurl" id="inputurl" onBlur="CheckWWW(this);" />
</form>
</body>
</html>

Sin embargo no me parece correcto lo que intentan hacer ya que hay dominios perfectamente válidos que no comienzan con "www". De hecho, eso de poner "www" es solo una costumbre, no es obligatorio. Es un resabio de cuando recién aparecía el servicio HTTP y se tenía por costumbre anteponer el tipo de servicio que el servidor ofrecía en su dominio, de forma tal que el servidor en el dominio "www.ejemplo.com" indicaba que ese servidor ofrecía contenido en HTTP, así como "ftp.ejemplo.com" indicaría que se ofrecía acceso a un servidor FTP.

Ahora bien, si lo que desean es que en un input se escriban direcciones URL y están escribiendo código en HTML5 (y no hay razón para no hacerlo ya) pueden usar el <input type="url">, de esta forma es el propio navegador el que se asegurará de que lo que ponga el visitante se formateará como una URL propiamente, sin necesidad de código JavaScript.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Feb 2011 09:26 pm

Muchas gracias responder por @DriverOp!!

Te cuento que me has despejado muchas dudas con tu código y observación.
Sin embargo lo que deseo hacer es para una página especifica. Nuestros usuarios pondrán una URL para acortar con Bit.ly y he notado que me sale un error cuando se ingresa, por ejemplo, cristalab.com, cristalab.com/articulos/index.php, o www.cristalab.com

Por eso mi intención de automatizar un poco las cosas. Es verdad que el mismo usuario podría ser notificado de que toda URL para acortar debe comenzar con http:// pero me pareció fantástica la idea de que se encargue de eso Javascript.

Ahora lo que me dices sobre que poner las triples W ya sólo es una costumbre, es verdad y se me escapo que podría empezar por ejemplo foros.dominio.com/php-y-mysql

Bueno, voy a ver como adapto si es que se puede mi script para tomar todas las medidas de seguridad que me comentas.

Saludos y una vez más muchas gracias por responder mi consulta!

Ah! puedes echar un vistazo a este link para darte una idea de como quiero acortar con Bit.ly
http://foros.cristalab.com/enviar-mensajes-a-twitter-desde-mi-aplicacion-t94357/

Por Maxdgy

104 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Argentina

@maxdgy

input type"text" para URL´s y agregar http:// automáticament

Escribe una respuesta rapida