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
$(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».
$(document).ready(function() {
$("#idInputTitulo").jFriendly("#idInputUrl",true);
});
2 respuestas a “Plugin jQuery para pasar un texto a url amigable : jFriendly”
Muy bueno el plugin. De verdad. Hay una cosa que creo que mejoraría el plugin y es que las vocales con acentos las convierta en vocales sin acento y las ñ en n ¿se podría hacer?
Si nacho,
hay cosas como los caracteres españoles y la aparición de varios elementos seguidos que deberian transoformarse en «-» que debería mejorarse…
Hace ya más de año y medio de este codigo… intentaré revisarlo a ver si lo toco facilmente.