Plugin jQuery para pasar un texto a url amigable : jFriendly

Cualquiera que haya usado mod-rewrite o un sistema de urls amigables ha tenido que lidiar con los campos uri/url en base de datos. Unos campos que vienen a informar al sistema de mediante que url debe mostrarse el elemento en concreto.

Para ayudar a la generación de estos campos desde los propios formularios he creado este plugin que permite sincronizar dos campos de texto del formulario para que al escribir en uno el otro empiece a tomar el valor de url amigable de ese texto.

La forma de usarlo es la siguiente:

• Primero descargamos el archivo jFriendly.jquery.js y lo incluimos en nuestra página despues de la carga de jquery
• Luego dentro de la función ready() hacemos la asociación de los dos campos con un código parecido a este

1
2
3
4
5

$(document).ready(function() {
 
   $("#idInputTitulo").jFriendly("#idInputUrl");
 
});

A partir de ese momento ya podemos cargar la página en nuestro navegador y ver como al escribir en el campo #idInputTitulo el campo #idInputUrl se va actualizando con la url.

Si no queremos que los visitantes, luego, puedan editar esa uri podemos añadir una variable más a la llamada. Esta segunda variable nos indica si no debe poderse editar este segundo campo, así que la marcamos a "true".

1
2
3
4
5

$(document).ready(function() {
 
   $("#idInputTitulo").jFriendly("#idInputUrl",true);
 
});

• Descargar jFriendly.jquery.js
• Ver Demo normal
• Ver Demo con la opción de no editable a "true"

Posts Relacionados:

1. Plugin Jquery para medir en tiempo de escritura de formularios en Google Analytics
2. Plugin jquery para incluir el muro de una página de Facebook en tu web
3. Plugin JQuery para esconder links | Black Hat Seo
4. GX | Plugin Jquery para efectos y animaciones
5. Crear un plugin de jquery