Fragmentos de código 2025, Enero

Insertar elemento entre otros elementos - Trucos CSS

Insertar elemento entre otros elementos - Trucos CSS

Por ejemplo, si tiene cinco párrafos seguidos y necesita insertar una etiqueta de salto entre todos ellos. No puedes ponerlo antes de los cinco (no lo haces "

Entradas que recuerdan el valor original - Trucos CSS

Entradas que recuerdan el valor original - Trucos CSS

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Precargador de imágenes - Trucos CSS

Precargador de imágenes - Trucos CSS

Manera muy fácil de precargar imágenes que se necesitan más adelante (por ejemplo, cuando se realiza un desplazamiento) $ .preloadImages = function () (for (var i = 0; i "

Resalte la etiqueta relacionada cuando la entrada esté enfocada - Trucos CSS

Resalte la etiqueta relacionada cuando la entrada esté enfocada - Trucos CSS

$ ("formulario: entrada"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Resaltar todos los enlaces a la página actual - Trucos CSS

Resaltar todos los enlaces a la página actual - Trucos CSS

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Esta función "

Obtener las coordenadas X, Y del mouse dentro del cuadro - Trucos CSS

Obtener las coordenadas X, Y del mouse dentro del cuadro - Trucos CSS

El siguiente código le dará las coordenadas X, Y de un clic del mouse dentro de un cuadro dado. Eliminando todo lo relacionado con el desplazamiento, puede obtener fácilmente la X "

Arreglando .load () en IE para imágenes en caché - Trucos CSS

Arreglando .load () en IE para imágenes en caché - Trucos CSS

La función .load () se activa cuando el elemento al que se llama está completamente cargado. Se usa comúnmente en imágenes, que pueden no estar completamente cargadas cuando el "

Obtener parámetros de consulta como objeto - Trucos CSS

Obtener parámetros de consulta como objeto - Trucos CSS

Nicholas Ortenzio escribió este pequeño complemento: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Obtenga un ancho nativo de imágenes - Trucos CSS

Obtenga un ancho nativo de imágenes - Trucos CSS

Si selecciona una imagen con jQuery y luego usa .width (), obtendrá el ancho actual de las imágenes, incluso si se ha escalado (por ejemplo, max-width: 100%;). Usted puede"

Arreglando el índice z de IE - Trucos CSS

Arreglando el índice z de IE - Trucos CSS

Esta no es una solución definitiva para solucionar todos los problemas extraños del índice z de IE, pero ciertamente puede ayudar en algunas circunstancias. Lo que hace es recorrer "

Fundir imagen en otra imagen - Trucos CSS

Fundir imagen en otra imagen - Trucos CSS

Haz un div que tenga el tamaño exacto de la imagen. A este div se le aplicará una imagen de fondo de la segunda imagen. Luego, coloca una imagen en línea dentro "

Forzar la recarga de un iframe - Trucos CSS

Forzar la recarga de un iframe - Trucos CSS

Puede tocar su origen: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fijar el límite de selección desplegable en IE 7 - Trucos CSS

Fijar el límite de selección desplegable en IE 7 - Trucos CSS

Ejecute (al menos la parte "Uso" a continuación) después de que haya cargado jQuery y al final de la página o en una declaración DOM ready. Tenga en cuenta que esta solución "

Fijar ancho mínimo / máximo para navegadores sin soporte nativo - Trucos CSS

Fijar ancho mínimo / máximo para navegadores sin soporte nativo - Trucos CSS

Este script verifica todos los elementos con una clase de .fixMinMaxwidth y observa la ventana. Solo se aplica a navegadores sin ancho mínimo / máximo nativo "

Cambiar el tamaño del iframe para ajustarlo al contenido (solo en el mismo dominio) - Trucos CSS

Cambiar el tamaño del iframe para ajustarlo al contenido (solo en el mismo dominio) - Trucos CSS

Normalmente, establece un ancho y alto para iframes. Si el contenido interior es más grande, las barras de desplazamiento deben ser suficientes. La secuencia de comandos a continuación intenta solucionarlo mediante "

Evento de incendio cuando el usuario está inactivo - Trucos CSS

Evento de incendio cuando el usuario está inactivo - Trucos CSS

Vea las dos líneas comentadas a continuación, ahí es donde puede insertar código para las cosas que hacer cuando el usuario se queda inactivo y cuando el usuario regresa. Establecer el inactivo "

Buscar y ajustar símbolos - Trucos CSS

Buscar y ajustar símbolos - Trucos CSS

Cargue este complemento. Entonces: $ ("cuerpo *"). ReplaceText (/ & / gi, '' + '&' + ''); Cambie el selector según sea necesario. Ese es bastante intenso. Ahora tienes una clase "

Fallback para jQuery alojado en CDN - Trucos CSS

Fallback para jQuery alojado en CDN - Trucos CSS

Varias grandes empresas ofrecen copias de jQuery alojadas en sus CDN (Content Delivery Network). Más notoriamente Google, pero también Microsoft y jQuery "

Fundir una imagen a otra Menú - Trucos CSS

Fundir una imagen a otra Menú - Trucos CSS

Haga una imagen de sprite CSS, con la mitad superior y la mitad inferior siendo las dos imágenes entre las que desea animar. JQuery agrega una etiqueta y "

Encuentre todos los enlaces internos - Trucos CSS

Encuentre todos los enlaces internos - Trucos CSS

Busque todos los enlaces que comiencen con el dominio del sitio, una barra, una ruta de archivo relativa o un hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Excluir $ (esto) de Selector - Trucos CSS

Excluir $ (esto) de Selector - Trucos CSS

Supongamos que desea adjuntar un controlador de clics a cada enlace de una página. La función para ese controlador de clic convierte todos los demás enlaces en un color diferente. var "

Arrastrable sin jQuery UI - Trucos CSS

Arrastrable sin jQuery UI - Trucos CSS

No tiene todas las devoluciones de llamada y opciones elegantes, pero bueno, hace que las cosas se puedan arrastrar (y con un identificador específico opcionalmente). (función ($) ("

Igualar alturas de divisiones - Trucos CSS

Igualar alturas de divisiones - Trucos CSS

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Mostrar último tweet - Trucos CSS

Mostrar último tweet - Trucos CSS

El siguiente código ya no funciona como está con la actualización de la API de Twitter a 1.1 a partir del 11-06-2013. La API 1.1 requiere oAuth, que requiere un servidor "

Evento de cambio de tamaño terminado - Trucos CSS

Evento de cambio de tamaño terminado - Trucos CSS

Si está acostumbrado a algo como jQuery UI redimensionable, obtendrá eventos a los que puede enlazar durante el cambio de tamaño, pero también al final del cambio de tamaño. No hay tal evento "

Complemento jQuery Duplicate - Trucos CSS

Complemento jQuery Duplicate - Trucos CSS

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Mostrar solo las primeras X divisiones, alternar el resto - Trucos CSS

Mostrar solo las primeras X divisiones, alternar el resto - Trucos CSS

Var news = 2; hidenews = "- Ocultar archivo de noticias"; shownews = "+ Mostrar archivo de noticias"; $ (". archivo"). html (shownews); $ (". noticias: no (: lt (" + noticias + "))"). ocultar (); "

Mostrar la última publicación de FeedBurner - Trucos CSS

Mostrar la última publicación de FeedBurner - Trucos CSS

Este fragmento mostrará la última publicación en un feed de FeedBurner específico. Simplemente establezca la URL en el feed de FeedBurner que desee. $ (documento) .ready (función () ("

Mostrar navegador y versión - Trucos CSS

Mostrar navegador y versión - Trucos CSS

Esto es específico de jQuery y contiene un pequeño truco / corrección para tratar con Chrome. Esto funciona entre jQuery 1.5.1 y jQuery 1.8.3. Se ha ido en jQuery "