JQuery

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...

Puede que tengamos en nuestra web una serie de imágenes con la ruta rota y nos aparezca el típico icono de un cuadrado y aspa roja. Para “disimularlo” con jQuery podemos hacer, por ejemplo: 1. Ocultar esas imagenes: $("img").error(function(){ $(this).hide(); […]

Leer más...