Frammenti di codice 2025, Luglio

Inserisci elemento tra altri elementi - Trucchi CSS

Inserisci elemento tra altri elementi - Trucchi CSS

Ad esempio, se hai cinque paragrafi di seguito e devi inserire un tag di interruzione tra tutti loro. Non puoi metterlo prima di tutti e cinque (non lo fai "

Input che ricordano il valore originale - Trucchi CSS

Input che ricordano il valore originale - Trucchi CSS

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

Preloader di immagine - Trucchi CSS

Preloader di immagine - Trucchi CSS

Un modo molto semplice per precaricare le immagini che sono necessarie in seguito (ad esempio quando viene eseguito un passaggio del mouse) $ .preloadImages = function () (for (var i = 0; i "

Evidenzia Etichetta correlata quando Input in Focus - Trucchi CSS

Evidenzia Etichetta correlata quando Input in Focus - Trucchi CSS

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Evidenzia tutti i collegamenti alla pagina corrente - Trucchi CSS

Evidenzia tutti i collegamenti alla pagina corrente - Trucchi CSS

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Questa funzione "

Ottieni le coordinate X, Y del mouse nella casella - Trucchi CSS

Ottieni le coordinate X, Y del mouse nella casella - Trucchi CSS

Il codice seguente ti darà le coordinate X, Y di un clic del mouse all'interno di una data casella. Rimuovendo tutto ciò che riguarda l'offset, puoi facilmente ottenere la X ",

Correzione di .load () in IE per le immagini memorizzate nella cache - Trucchi CSS

Correzione di .load () in IE per le immagini memorizzate nella cache - Trucchi CSS

La funzione .load () si attiva quando l'elemento su cui viene chiamata è completamente caricato. Viene comunemente utilizzato sulle immagini, che potrebbero non essere completamente caricate quando "

Ottieni parametri query come oggetto - Trucchi CSS

Ottieni parametri query come oggetto - Trucchi CSS

Nicholas Ortenzio ha scritto questo piccolo plugin: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Ottieni una larghezza nativa delle immagini - Trucchi CSS

Ottieni una larghezza nativa delle immagini - Trucchi CSS

Se selezioni un'immagine con jQuery e poi usi .width (), otterrai la larghezza corrente dell'immagine, anche se è stata ridimensionata (es. Larghezza massima: 100%;). Puoi"

Correzione dello z-index di IE - Trucchi CSS

Correzione dello z-index di IE - Trucchi CSS

Questa non è una soluzione definitiva per risolvere tutti gli strani problemi di z-index di IE, ma sicuramente può aiutare in alcune circostanze. Quello che fa è il loop through "

Dissolvi l'immagine in un'altra immagine - Trucchi CSS

Dissolvi l'immagine in un'altra immagine - Trucchi CSS

Crea un div della dimensione esatta dell'immagine. A questo div verrà applicata un'immagine di sfondo della seconda immagine. Quindi inserisci un'immagine in linea all'interno "

Forza un Iframe da ricaricare - Trucchi CSS

Forza un Iframe da ricaricare - Trucchi CSS

Puoi toccarne il src: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Correggi il limite di selezione dell'elenco a discesa in IE 7 - Trucchi CSS

Correggi il limite di selezione dell'elenco a discesa in IE 7 - Trucchi CSS

Esegui (almeno la parte "Utilizzo" di seguito) dopo aver caricato jQuery e alla fine della pagina o in un'istruzione pronta per DOM. Tieni presente che questa correzione "

Correzione della larghezza minima / massima per i browser senza supporto nativo - Trucchi CSS

Correzione della larghezza minima / massima per i browser senza supporto nativo - Trucchi CSS

Questo script controlla tutti gli elementi con una classe di .fixMinMaxwidth e osserva la finestra. Viene applicato solo ai browser senza larghezza minima / massima nativa "

Ridimensiona iframe per adattarlo al contenuto (solo nello stesso dominio) - Trucchi CSS

Ridimensiona iframe per adattarlo al contenuto (solo nello stesso dominio) - Trucchi CSS

Normalmente imposti larghezza e altezza per iframe. Se il contenuto all'interno è più grande, le barre di scorrimento devono essere sufficienti. Lo script seguente tenta di risolverlo con "

Evento di incendio quando l'utente è inattivo - Trucchi CSS

Evento di incendio quando l'utente è inattivo - Trucchi CSS

Vedi le due righe commentate di seguito, che è dove puoi inserire il codice per le cose da fare quando l'utente va inattivo e quando l'utente torna. Imposta il minimo "

Trova e avvolgi e commerciali - Trucchi CSS

Trova e avvolgi e commerciali - Trucchi CSS

Carica questo plugin. Quindi: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Modificare il selettore secondo necessità. Quello è piuttosto intenso. Adesso hai una lezione "

Fallback per jQuery ospitato su CDN - Trucchi CSS

Fallback per jQuery ospitato su CDN - Trucchi CSS

Diverse grandi aziende offrono copie di jQuery ospitate sui loro CDN (Content Delivery Network). Più notoriamente Google, ma anche Microsoft e jQuery "

Dissolvi un'immagine in un altro menu - Trucchi CSS

Dissolvi un'immagine in un altro menu - Trucchi CSS

Crea un'immagine sprite CSS, con la metà superiore e la metà inferiore delle due immagini tra le quali desideri animare. JQuery aggiunge un tag e "

Trova tutti i collegamenti interni - Trucchi CSS

Trova tutti i collegamenti interni - Trucchi CSS

Trova tutti i collegamenti che iniziano con il dominio dei siti, una barra, il percorso del file relativo o un hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Escludi $ (questo) da Selector - Trucchi CSS

Escludi $ (questo) da Selector - Trucchi CSS

Supponiamo che tu voglia allegare un gestore di clic a ogni link in una pagina. La funzione per quel gestore di clic trasforma tutti gli altri collegamenti di un colore diverso. var "

Trascinabile senza jQuery UI - Trucchi CSS

Trascinabile senza jQuery UI - Trucchi CSS

Non ha tutti i callback e le opzioni fantasiose, ma hey, rende le cose trascinabili (e con un handle specificato opzionalmente). (funzione ($) ("

Equalizza altezze di div - Trucchi CSS

Equalizza altezze di div - Trucchi CSS

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

Visualizza ultimo tweet - Trucchi CSS

Visualizza ultimo tweet - Trucchi CSS

Il codice seguente non funziona più così com'è con l'aggiornamento dell'API di Twitter alla 1.1 a partire dall'11-06-2013. L'API 1.1 richiede oAuth che richiede un lato server "

Fatto Ridimensionamento Evento - Trucchi CSS

Fatto Ridimensionamento Evento - Trucchi CSS

Se sei abituato a qualcosa come jQuery UI ridimensionabile, ottieni eventi a cui puoi associarti durante il ridimensionamento, ma anche alla fine del ridimensionamento. Nessun evento del genere "

Plugin jQuery Duplicate - Trucchi CSS

Plugin jQuery Duplicate - Trucchi CSS

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

Visualizza solo le prime X div, attiva / disattiva resto - Trucchi CSS

Visualizza solo le prime X div, attiva / disattiva resto - Trucchi CSS

Var news = 2; hidenews = "- Nascondi archivio notizie"; shownews = "+ Mostra archivio notizie"; $ (". archivio"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Visualizza ultimo feedBurner Post - Trucchi CSS

Visualizza ultimo feedBurner Post - Trucchi CSS

Questo snippet visualizzerà l'ultimo post in un feed FeedBurner specificato. Basta impostare l'URL sul feed FeedBurner desiderato. $ (documento) .ready (function () ("

Visualizza browser e versione - Trucchi CSS

Visualizza browser e versione - Trucchi CSS

Questo è specifico per jQuery e contiene un po 'di hack / fix per gestire Chrome. Funziona tra jQuery 1.5.1 e jQuery 1.8.3. È andato in jQuery "