JQuery

Contar el número de «filas» o «columnas» de una tabla con jQuery es muy sencillo usando la propiedad «length» de javascript. Para contar el nº de columnas en este ejemplo seleccionamos el último tr de la tabla. Ejemplo: $(function () […]

Leer más...

2 métodos diferentes para «camuflar» enlaces de afiliados. Yo comencé usando este método más común de ocultar las url de afiliados mediante htaccess, pero ya esta muy visto y se intuye fácilmente, de ahí pensé en hacerlo lo más natural […]

Leer más...

Para ordenar alfabéticamente cualquier columna de una tabla en cualquier orden (Ascendente / Descendente) usando jQuery es muy sencillo si usamos el plugin tablesorter de Christian Bach. Tan simple como asignar el selector de nuestra tabla a la función tablesorter(): […]

Leer más...

Script jQuery para ordenar alfabéticamente un listado de elementos (palabras, frases…) de la A-Z; en este caso de una lista. Código jquery: $('.js-ordena-az').click(function(){ var listado = $('#listado'); var elementos = listado.children("li").get(); elementos.sort(function(a,b) { var A = $(a).text().toUpperCase(); var B = […]

Leer más...

jQuery tiene el método scrollTop que se puede utilizar para obtener el número de píxeles que hay «por encima» del scroll de un determinado elemento. Si necesitas justo lo contrario (pixeles «por debajo«), puedes crear un plugin como este (ya […]

Leer más...

Un ejemplo para detectar con jQuery estos eventos (copiar-cortar-pegar) en este caso dentro de un campo de texto de prueba: $(document).ready(function() { $("#test").bind({ copy : function(){ alert(¡Has copiado!); }, paste : function(){ alert(¡Has pegado!); }, cut : function(){ alert(¡Has cortado!); […]

Leer más...

velocity.js es un motor de animaciones javascript (que se puede utilizar junto a jQuery) para optimizar y acelerar la velocidad de animaciones, minimizando la consulta del DOM. Como resultado, se obtiene un rendimiento mucho mejor en comparación con el uso […]

Leer más...

Código jQuery para detectar si el usuario presiona la tecla «Enter» dentro de tu página web: $('body').keyup(function(e) { if(e.keyCode == 13) { alert('Has presionado ENTER'); } });

Leer más...