Si usas el plugin de jQuery Trumbowyg como editor WYSIWYG, al escribir en el editor se usa el tag , pero es posible que quieras usar por defecto otro tag html diferente (div, span, h1…). A continuación un ejemplo para […]
Abir una URL mediante javascript, y respetar la combinación de teclas Ctrl + Click para abrir el enlace en una nueva pestaña en el navegador. Ejemplo usando jQuery y la url de los links en un data atributo del elemento: […]
Una forma de detectar el «click» o otro evento con jQuery… al pinchar fuera de un determinado elemento usando stopPropagation(): $("html").click(function() { alert("Click!"); }); $('#caja').click(function (e) { e.stopPropagation(); }); Ver demo: See the Pen jQuery: detectar «click» fuera de un […]
Para obtener la primera letra de un string en javascript se utiliza el método charAt() pasándole el número del carácter como parámetro. El primer carácter es 0, el segundo carácter es 1, y así sucesivamente… En este ejemplo obtenemos la […]
Función javascript para averiguar el ancho (en pixeles) de las barras de desplazamiento de un elemento, en este caso del body de la página web: function widhScrollBars(){ var element = $('body'); var window_width = 0; var scroll_width = 0; if( […]
Código jquery para detectar el evento click «solo en el elemento padre» de un elemento que contiene uno o más hijos. Útil por ejemplo para detectar cuando pinchas fuera de un determinado elemento. $('.elemento').on('click', function(e) { if (e.target !== this) […]
Método para seleccionar elementos con jQuery por medio de su atributo. Usando los selectores de css con corchetes. En este ejemplo voy a seleccionar elementos por su atributo «name», por ejemplo tenemos este html: <button name="boton">Botón</button> <button name="boton-1">Botón</button> <button name="boton-2">Botón</button> […]
Código jQuery de 1 sola línea para activar/desactivar todos checkbox a la vez usando el método prop(). En el siguiente ejemplo he creado un primer checkbox que será el que ejecute el script de activar o desactivar el resto de […]
A continuación 3 códigos diferentes jquery para mostrar (por: ID de usuario, Usuario, Tag) las últimas fotos de Instagram usando su API. 1. Creamos un nuevo cliente de instragram desde: https://instagram.com/developer/ para obtener el valor de «CLIENT ID» que necesitaremos […]
Para reemplazar o sustituir todas las coincidencias de un determinado texto por otro en javascript es muy sencillo utilizando jQuery. Para ello disponemos de la función replace(). En ejemplo vamos a reemplazar todas las palabras que estén dentro del body […]