Corta tus contenidos con el plugin jQuery dotdotdot

DESCARGA : jQuery dotdotdot

Corta tus contenidos con el plugin jQuery dotdotdot , un interesante plugin que nos recomienda Adriano Josué Díaz Hidalgo para implementar, la funcionalidad de este plugin se centra en mantener un contenido limpio, ya que muchas veces el contenido que esta adentro de una etiqueta se sale de los márgenes de su contenedor.

La funcionalidad que jQuery dotdotdot nos brinda puede servir en cualquier sitio web, portal, aplicación web ya que el funcionamiento es con jQuery, podemos utilizarlo en cualquier sistema realizado con php, asp.net o cualquier lenguaje de programación web que tenga que mostrar contenidos limpios.

Sin más rodeos, vamos a explicar como implementarlo:

1.- Incluir la referencia de los archivos (JQuery y jquery.dotdotdot.js)

<script src="jquery.js" type="text/javascript"></script>
	<script src="jquery.dotdotdot.js" type="text/javascript"></script>

2.- Identificar la etiqueta para hacer la referencia, en este caso:


<div id="contenido">


Lorem Ipsum is simply dummy text.

</div>


3.- Usando el plugin mediante con la referencia del elemento Contenido

$("#contenido").dotdotdot();

4.- Aplicar la configuración correspondiente.

$("#wrapper").dotdotdot({
 /* Continuación del texto*/
  ellipsis : '... ',
 
 /* Cortando el texto 'word'/'letter'/'children' */
 wrap : 'word',
 
 /* retroceder a tamaño carta */
 fallbackToLetter: true,
 
 /* Contenido que quieres poner posterior al corte */
 after : null,
 
 /* Ver puntos */
 watch : false,
 
 /* Longitud en altura (parámetro min-height css) */
 height : null,
 
 /* Tolerancia de altura. */
 tolerance : 0,
 
 /* Eventos que se pueden desencadenar una vez cortado el contenido */
 callback : function( isTruncated, orgContent ) {},
 
 lastCharacter : {
 
 /* Remover los símbolos  */
 remove : [ ' ', ',', ';', '.', '!', '?' ],
 
 /* No agregar ellipsis a un conjunto de datos (Definidos por arreglos)*/
 noEllipsis : []
 }
 });

Enlace del sitio del autor: http://dotdotdot.frebsite.nl/

You may also like...