En la funcion siguiente, a partir de una cadena de texto dada se convierte a una cadena amigable para los buscadores, eliminando los carácteres extraños. En primer lugar, se eliminan los espacios a ambos lados de la cadena y se reemplazan o eliminan los carácteres que pueden dar problemas en bases de datos como las comillas simples y dobles, saltos de línea y espacios. Después se usan las expresiones regulares para eliminar de las vocales las tildes abiertas y cerradas, diéresis,… y para sustituir la ñ y la ç por n y c respectivamente. Es decir, los carácteres que cumplan el patrón de la expresión regular serán sustituidos por el carácter dado. Por último, se eliminan los carácteres restantes que no cumplan el patrón de URL amigable (letras minúsculas, números y guión).

function convertirAURLfriendly(cadena)
  if not isNull(cadena) then
    ' Eliminamos los espacios a ambos lados de la cadena
    strCadena = Trim(lCase(cadena))
    ' Reemplazamos carácteres especiales
    strCadena = replace(replace(strCadena,"'",""),"""","")
    strCadena = replace(replace(strCadena,""",""),vbcrlf,"")
    strCadena = replace(replace(strCadena,"<br>","")," ","-")
    set expReg = New RegExp
    ' Todas las ocurrencias
    expReg.Global = True
    expReg.Pattern = "[àáâãäå]"
    strCadena = expReg.Replace(strCadena, "a")
    expReg.Pattern = "[èéêë]"
    strCadena = expReg.Replace(strCadena, "e")
    expReg.Pattern = "[ìíîï]"
    strCadena = expReg.Replace(strCadena, "i")
    expReg.Pattern = "[òóôõö]"
    strCadena = expReg.Replace(strCadena, "o")
    expReg.Pattern = "[ùúûü]"
    strCadena = expReg.Replace(strCadena, "u")
    expReg.Pattern = "[ñ]"
    strCadena = expReg.Replace(strCadena, "n")
    expReg.Pattern = "[ç]"
    strCadena = expReg.Replace(strCadena, "c")
    ' Todo lo que no cumpla este patron
    expReg.Pattern = "[^a-z0-9-]"
    strCadena = expReg.Replace(strCadena, "")
    set expReg = nothing
    convertirAURLfriendly = left(strCadena,256)
  else
    convertirAURLfriendly = ""
  end if
end function

Hacer la conversión de la función anterior a otros lenguajes como PHP o Javascript es relativamente sencillo, en otros artículos de este blog se pueden encontrar ejemplos de expresiones regulares en Javascript. De hecho, la función anterior an ASP para generar URL’s amigables me funcionaba en archivos ANSI con codificación iso-8859-1, pero da problemas con los acentos y carácteres extraños cuando el archivo está en UTF-8. Así que después de darle muchas vueltas, convertí la función de ASP a Javascript y la llamaba antes de enviar el formulario, es decir generaba la URL amigable desde Javascript y lo almacenaba en una variable hidden que también envío con el formulario. La función en Javascript que funciona para UTF-8:

function convertirAURLfriendly(str) {
  strCadena = str;
  if (strCadena!='') {
    strCadena = strCadena.toLowerCase();
    // Elimina espacios al principio y al final
    strCadena = strCadena.replace(/^\s*|\s*$/g,"");
    strCadena = strCadena.replace(""",'');
    strCadena = strCadena.replace(" ","-").replace("_","-");
    strExpReg = /[àáâãäå]/gi;
    strCadena = strCadena.replace(strExpReg,'a');
    strExpReg = /[èéêë]/gi;
    strCadena = strCadena.replace(strExpReg,'e');
    strExpReg = /[ìíîï]/gi;
    strCadena = strCadena.replace(strExpReg,'i');
    strExpReg = /[òóôõö]/gi;
    strCadena = strCadena.replace(strExpReg,'o');
    strExpReg = /[ùúûü]/gi;
    strCadena = strCadena.replace(strExpReg,'u');
    strExpReg = /[ñ]/gi;
    strCadena = strCadena.replace(strExpReg,'n');
    strExpReg = /[ç]/gi;
    strCadena = strCadena.replace(strExpReg,'c');
    // Todo lo que no cumpla este patron
    strExpReg = /[^a-z0-9-]/gi;
    strCadena = strCadena.replace(strExpReg,'');
    return strCadena.substring(0,255);
  }
  return '';
}

Related posts:

1. Codificación UTF-8 incorrecta en PHP leyendo una base de datos MySQL
2. La World Wide Web y el HTML cumplen 20 años
3. Interpretar páginas web estáticas como php, asp o cualquier lenguaje

Hoy viernes 13 de marzo se cumplen 20 años del nacimiento de las páginas web (WWW), tal como las conocemos. El 13 de marzo de 1989 una propuesta presentada por un físico del CERN (Centro Europeo de Investigaciones Nucleares) sentó las bases para desarrollar el lenguaje HTML, que en principio serviría para intercambiar información entre físicos de todo el mundo a través de Internet. El lenguaje HTML (HyperText Markup Language) es un lenguaje de etiquetas que permite establecer hipervínculos entre documentos de forma fácil y que los navegadores saben interpretar. Tiempo después vendrían nuevas tecnologías y lenguajes como javascript, flash, asp, php,…

El creador de la WWW, Tim Berners-Lee, junto al ordenador que sirvió de primer servidor web

Pocos se imaginaban que aquel invento iba a revolucionar la tecnología y en el CERN lo están celebrando dando conferencias, haciendo camisetas y exponiendo el primer ordenador que albergó un servidor web, un navegador web y un editor para desarrollar páginas web.

Ejemplo de documento en lenguaje HTML

Recuerdo mi primer contacto con la web en la Universidad Politécnica de Valencia (España), cuando inicié (y años después acabé) la carrera de Ingeniería Técnica en Informática de Sistemas, allá por el año 1994. En 1995-96 colaboré en el desarrollo de una página web de una asociación de la Universidad y desde la Facultad de Informática programábamos las páginas web con un editor de textos y editor de imágenes básicos… Escribía el lenguaje HTML totalmente a mano, qué recuerdos, <html><head><title>… <table border=”0″… Empezando de esta forma me ha servido mucho posteriormente, es mucho más fácil encontrar errores y problemas cuando se conoce el código.

Este artículo en una versión menos técnica también lo podéis encontrar en Tecnología de la Vida.

Compartir / Guardar

Related posts:

1. Interpretar páginas web estáticas como php, asp o cualquier lenguaje
2. Codificación UTF-8 incorrecta en PHP leyendo una base de datos MySQL
3. Reemplazar carácteres con expresiones regulares en ASP para generar URL’s amigables

Podéis descargar la utilidad para generar passwords aleatorios y ejecutarla (sin necesidad de instalarla) en los navegadores más populares, como Microsoft Internet Explorer o Mozilla Firefox, haciendo doble clic sobre el archivo “generar_password.htm” o añadiéndola a Favoritos del navegador.

Este archivo contiene una de las funciones más útiles que suelo usar para generar passwords o contraseñas para correo, redes sociales, bases de datos,…, programada en Javascript:

function generarPassword(form) {
 var strCaracteresPermitidos = 'a,b,c,d,e,f,g,h,i,j,k,m,n,p,q,r,';
 strCaracteresPermitidos += 's,t,u,v,w,x,y,z,1,2,3,4,5,6,7,8,9';
 var strArrayCaracteres = new Array(34);
 strArrayCaracteres = strCaracteresPermitidos.split(',');
 var length = form.txtCampoLongitud.value, i = 0, j, tmpstr = "";
 do {
  var randscript = -1
  while (randscript < 1 || randscript > strArrayCaracteres.length ||
           isNaN(randscript)) {
   randscript = parseInt(Math.random() * strArrayCaracteres.length)
  }
  j = randscript;
  tmpstr = tmpstr + strArrayCaracteres[j];
  i = i + 1;
 } while (i > length)
 form.txtCampoPassword.value = tmpstr;
}

Lo que hace esta función es escoger carácteres aleatorios del array strCaracteresPermitidos, hasta una longitud dada. En este caso concreto, se generan cadenas aleatorias con letras minúsculas y números, y no se incluyen carácteres que puedan resultar confusos, como la letra “l” (L, ele) que puede confundirse con el número “1″, o la letra “o” (O) que puede ser confundida con el número “0″. Se pueden añadir otros carácteres o letras mayúsculas ampliando el array strCaracteresPermitidos, así como la dimensión (número de elementos) del array strArrayCaracteres.

Para que funcione esta función tal como está, debe ir acompañada de un código HTML similar a:

<form>
 <input type="text" name="txtCampoPassword" size="20">&nbsp;&nbsp;
 <input type="button" value="Generar" onClick="generarPassword(this.form);">
 <br>
 Longitud password:
 <input type="text" name="txtCampoLongitud" size="4" value="8">
</form>

que contiene el campo con el password generado, el botón para ir generándolos y el campo donde se le especifica la longitud de la contraseña.

Podéis descargar el archivo HTML completo (con la función javascript en su interior) aquí y ejecutarlo en los navegadores más populares, como Microsoft Internet Explorer o Mozilla Firefox.

Compartir / Guardar

Related posts:

1. Eliminar saltos de línea en un textarea con Javascript
2. Modificar el contenido de cualquier página web cargada en local con Javascript
3. La World Wide Web y el HTML cumplen 20 años

Se trata de un pequeño código en Javascript para modificar el contenido de cualquier página web que se esté visualizando. Evidentemente sólo funciona en local con las webs que tengamos cargadas en el navegador, pero podemos vacilar un poco delante de los amigos modificando la cifra de ganancias en AdSense o apareciendo en la primera página de algún periódico online.

Para ello, cuando estemos visualizando la web que queremos modificar, pegamos el siguiente código en la barra de direcciones del navegador:

javascript:document.body.contentEditable='true';
document.designMode='on'; void 0

y pulsamos Intro, con lo que podremos editar cualquier parte de la página web: eliminar contenido, añadir imágenes, modificar texto,…

Como ya he dicho, estas modificaciones sólo actúan a nivel de nuestro ordenador local, con lo que no estamos modificando nada en Internet.

Compartir / Guardar

Related posts:

1. Eliminar saltos de línea en un textarea con Javascript
2. Generar password y contraseñas aleatorias con javascript
3. La World Wide Web y el HTML cumplen 20 años

function suprSaltos(campo) {
 if (campo.createTextRange) {
  campo.focus(campo.caretPos);
  campo.caretPos = document.selection.createRange().duplicate();
  if(campo.caretPos.text.length>0) {
   var sel = campo.caretPos.text;
   var fin = '';
   while(sel.substring(sel.length-1, sel.length)==' ') {
    sel = sel.substring(0, sel.length-1);
    fin += ' ';
   }
   campo.caretPos.text = sel.replace(new RegExp('\\n','g'),''). _
                          replace(new RegExp('\\r','g'),'') + fin;
  } else campo.caretPos.text = '';
 }
 else campo.value += '';
}

Como en otras funciones, en esta función es necesario juntar la expresión en una única línea quitando los _ de final de línea porque de lo contrario no funcionará.

Compartir / Guardar

Related posts:

1. Reemplazar carácteres con expresiones regulares en ASP para generar URL’s amigables
2. Validar campos y parámetros con expresiones regulares en ASP
3. Validar fechas con expresiones regulares en ASP y Javascript