SummArg | Cursos y recursos para webmasters

08/08/2011

Tagzy, para taggear a medida que se tipea

Tagzy es un liviano plugin para jQuery que nos permite insertar un área de tags (etiquetas) con la característica de que al insertar una coma para separar un tag de otro, se aplica automáticamente el estilo de etiqueta con la cruz para eliminarla.

Para aplicar Tagzy a cualquier proyecto, debemos insertar las siguientes llamadas entre etiquetas <head>:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tagzy.js"></script>

Luego debemos crear un input que servirá para insertar nuestro listado de tags.
<form id='myForm' name='myForm' method='get' action='#'>
<input type='hidden' name='tagged' id='tagged' />
</form>

Finalmente activamos el plugin
$(function() {
$('#tagged').tagzy();
});

Descargar | Demo

Dejar un comentario