Code Ausschnitte 2025, April

Element zwischen andere Elemente einfügen - CSS-Tricks

Element zwischen andere Elemente einfügen - CSS-Tricks

Wenn Sie beispielsweise fünf Absätze hintereinander haben und zwischen allen ein Unterbrechungs-Tag einfügen müssen. Du kannst es nicht vor alle fünf stellen (du nicht "

Eingaben, die sich an den ursprünglichen Wert erinnern - CSS-Tricks

Eingaben, die sich an den ursprünglichen Wert erinnern - CSS-Tricks

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

Image Preloader - CSS-Tricks

Image Preloader - CSS-Tricks

Sehr einfache Möglichkeit, Bilder vorzuladen, die später benötigt werden (z. B. wenn ein Hover ausgeführt wird) $ .preloadImages = function () (for (var i = 0; i ")

Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks

Markieren Sie die zugehörige Beschriftung, wenn Sie sie im Fokus eingeben CSS-Tricks

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

Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks

Markieren Sie alle Links zur aktuellen Seite - CSS-Tricks

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Diese Funktion wird "

Holen Sie sich X, Y Koordinaten der Maus in Box - CSS-Tricks

Holen Sie sich X, Y Koordinaten der Maus in Box - CSS-Tricks

Mit dem folgenden Code erhalten Sie die X- und Y-Koordinaten eines Mausklicks in einem bestimmten Feld. Wenn Sie alles über den Versatz entfernen, können Sie leicht das X erhalten. "

Behebung von .load () im IE für zwischengespeicherte Bilder - CSS-Tricks

Behebung von .load () im IE für zwischengespeicherte Bilder - CSS-Tricks

Die Funktion .load () wird ausgelöst, wenn das aufgerufene Element vollständig geladen ist. Es wird häufig für Bilder verwendet, die möglicherweise nicht vollständig geladen sind, wenn die "

Abfrageparameter als Objekt abrufen - CSS-Tricks

Abfrageparameter als Objekt abrufen - CSS-Tricks

Nicholas Ortenzio hat dieses kleine Plugin geschrieben: jQuery.extend ((getQueryParameters: function (str) (return (str || ")

Holen Sie sich ein Bild Native Width - CSS-Tricks

Holen Sie sich ein Bild Native Width - CSS-Tricks

Wenn Sie ein Bild mit jQuery auswählen und dann .width () verwenden, erhalten Sie die aktuelle Breite der Bilder, auch wenn sie skaliert wurden (z. B. max-width: 100%;). Sie können"

Fix IE Z-Index - CSS-Tricks

Fix IE Z-Index - CSS-Tricks

Dies ist keine Komplettlösung zur Behebung aller seltsamen Probleme mit dem IE-Z-Index, kann aber unter bestimmten Umständen sicherlich hilfreich sein. Was es tut, ist Schleife durch "

Bild in ein anderes Bild einblenden - CSS-Tricks

Bild in ein anderes Bild einblenden - CSS-Tricks

Machen Sie ein Div, das genau der Größe des Bildes entspricht. Auf dieses Div wird ein Hintergrundbild des zweiten Bildes angewendet. Dann setzen Sie ein Inline-Bild in "

Einen Iframe zum Neuladen zwingen - CSS-Tricks

Einen Iframe zum Neuladen zwingen - CSS-Tricks

Sie können den src davon berühren: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix Select Dropdown Cutoff in IE 7 - CSS-Tricks

Fix Select Dropdown Cutoff in IE 7 - CSS-Tricks

Führen Sie (zumindest den Teil "Verwendung" unten) aus, nachdem Sie jQuery geladen haben, und zwar entweder am Ende der Seite oder in einer DOM-Ready-Anweisung. Beachten Sie, dass dieses Update "

Min / Max-Breite für Browser ohne native Unterstützung korrigieren - CSS-Tricks

Min / Max-Breite für Browser ohne native Unterstützung korrigieren - CSS-Tricks

Dieses Skript überprüft alle Elemente mit einer Klasse von .fixMinMaxwidth und beobachtet das Fenster. Es wird nur auf Browser ohne native minimale / maximale Breite angewendet. "

Passen Sie die Größe des Iframes an den Inhalt an (nur dieselbe Domain) - CSS-Tricks

Passen Sie die Größe des Iframes an den Inhalt an (nur dieselbe Domain) - CSS-Tricks

Normalerweise legen Sie Breite und Höhe für Iframes fest. Wenn der Inhalt größer ist, müssen Bildlaufleisten ausreichen. Das folgende Skript versucht, dies durch "

Feuerereignis, wenn der Benutzer inaktiv ist - CSS-Tricks

Feuerereignis, wenn der Benutzer inaktiv ist - CSS-Tricks

In den beiden kommentierten Zeilen unten können Sie Code einfügen, um Dinge zu tun, die zu tun sind, wenn der Benutzer inaktiv ist und wenn der Benutzer zurückkommt. Leerlauf einstellen "

Suchen und Wickeln von kaufmännischem Und - CSS-Tricks

Suchen und Wickeln von kaufmännischem Und - CSS-Tricks

Laden Sie dieses Plugin. Dann: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Ändern Sie den Selektor nach Bedarf. Das ist ziemlich intensiv. Jetzt hast du eine Klasse "

Fallback für CDN gehostete jQuery - CSS-Tricks

Fallback für CDN gehostete jQuery - CSS-Tricks

Mehrere große Unternehmen bieten Kopien von jQuery an, die auf ihren CDNs (Content Delivery Network) gehostet werden. Am bekanntesten ist Google, aber auch Microsoft und jQuery "

Ein Bild in ein anderes Menü einblenden - CSS-Tricks

Ein Bild in ein anderes Menü einblenden - CSS-Tricks

Erstellen Sie ein CSS-Sprite-Bild, wobei die obere und die untere Hälfte die beiden Bilder sind, zwischen denen Sie animieren möchten. Die jQuery fügt ein -Tag hinzu und "

Alle internen Links finden - CSS-Tricks

Alle internen Links finden - CSS-Tricks

Suchen Sie alle Links, die mit der Site-Domäne, einem Schrägstrich, einem relativen Dateipfad oder einem Hashtag beginnen. var siteURL = "http: //" + top.location.host.toString (); var "

$ (This) von Selector - ausschließen CSS-Tricks

$ (This) von Selector - ausschließen CSS-Tricks

Angenommen, Sie möchten jedem Link auf einer Seite einen Klick-Handler hinzufügen. Die Funktion für diesen Klick-Handler ändert alle anderen Links in eine andere Farbe. var "

Draggable ohne jQuery UI - CSS-Tricks

Draggable ohne jQuery UI - CSS-Tricks

Es hat nicht alle ausgefallenen Rückrufe und Optionen, aber hey, es macht die Dinge ziehbar (und optional mit einem bestimmten Handle). (Funktion ($) ("

Höhen von Divs ausgleichen - CSS-Tricks

Höhen von Divs ausgleichen - CSS-Tricks

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

Letzter Tweet anzeigen - CSS-Tricks

Letzter Tweet anzeigen - CSS-Tricks

Der folgende Code funktioniert nicht mehr wie er ist mit dem Twitter-API-Update auf 1.1 vom 11.06.2013. Die 1.1-API erfordert oAuth, für das eine Serverseite erforderlich ist. "

Fertig Größenänderungsereignis - CSS-Tricks

Fertig Größenänderungsereignis - CSS-Tricks

Wenn Sie es gewohnt sind, die Größe von jQuery UI zu ändern, erhalten Sie Ereignisse, an die Sie während der Größenänderung, aber auch am Ende der Größenänderung binden können. Kein solches Ereignis "

JQuery Duplicate Plugin - CSS-Tricks

JQuery Duplicate Plugin - CSS-Tricks

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

Nur die ersten X Divs anzeigen, Rest umschalten - CSS-Tricks

Nur die ersten X Divs anzeigen, Rest umschalten - CSS-Tricks

Var news = 2; hidenews = "- Nachrichtenarchiv ausblenden"; showews = "+ Nachrichtenarchiv anzeigen"; $ (". archive"). html (gezeigte Nachrichten); $ (". news: not (: lt (" + news + "))"). hide (); "

Neuesten FeedBurner-Beitrag anzeigen - CSS-Tricks

Neuesten FeedBurner-Beitrag anzeigen - CSS-Tricks

In diesem Snippet wird der neueste Beitrag in einem bestimmten FeedBurner-Feed angezeigt. Stellen Sie einfach die URL auf den gewünschten FeedBurner-Feed ein. $ (Dokument) .ready (Funktion () ("

Browser und Version anzeigen - CSS-Tricks

Browser und Version anzeigen - CSS-Tricks

Dies ist jQuery-spezifisch und enthält ein bisschen Hack / Fix für den Umgang mit Chrome. Dies funktioniert zwischen jQuery 1.5.1 und jQuery 1.8.3. Es ist in jQuery weg "