InternInhaltsverzeichnisGlossar ❘ Bausteine ❘ LinksKommentare

In den vergangenen 21 Jahren haben sich bei mir zahlreiche Bausteine (Codeschnipsel) angesammelt, die immer wieder Verwendung finden. Bisher habe ich immer viel Zeit mit der Suche danach verschwendet. Deshalb habe ich mir gedacht eine eigene „Bausteine”-Seite bringt vielleicht nicht nur mir eine Erleichterung.

Neue BausteineCSS JavaScript PHP MySQL

CSS

A  B  C  D  E  F  G  H  K  L  M  N  P  R  S  T  U  V  W 
    A
  1. Abschnitt festsetzen
  2. Animationen mit Keyframes
  3. Animierte Box mit Keyframes
  4. Aufzählungslisten einfärben
  5. B
  6. Bevorzugtes Farbschema darstellen (Hell.- / Dunkelmodus für Webseiten)
  7. Bild mit Impuls
  8. Bild vergrößern mit dem „Checkbox Hack”
  9. Bilder in einem Formular auswählen
  10. Blinkende Inhalte mit Keyframes
  11. Button Glas-Effekte
  12. C
  13. Container horizontal drehen
  14. Container mit Eselsohren
  15. Container vertikal drehen
  16. CSS-Variablen
  17. D
  18. Datum als Kalenderblatt darstellen
  19. Diagonaler Streifen-Effekt Neu
  20. DiscoLights - Box-Shadow Animation
  21. E
  22. Eingabefelder und Buttons formatieren
  23. Elemente ab einer bestimmten Fensterbreite ausblenden
  24. Externe URL des Hyperlinks sichtbar machen
  25. F
  26. Farbige Scrollleiste
  27. Fehleingaben in Formularen mit CSS hervorheben
  28. G
  29. Glühende Neon Buchstaben Neu
  30. H
  31. Hintergrundbild absolut positionieren
  32. Hintergrundbild mit Zoom Funktion
  33. HTML-Elemente als Tabelle formatieren
  34. K
  35. Kalender Symbol neben dem Datepicker
  36. Kompass-Animation Neu
  37. L
  38. Ladeanimation ohne Bild-Grafik Neu
  39. Leuchtende blaue Eingabefelder
  40. Lightbox
  41. Link farbig unterstreichen
  42. Link zum Seitenanfang setzen
  43. M
  44. Markieren von Text verhindern
  45. Markierte Checkbox farbig hervorheben
  46. Mit import mehrere CSS-Dateien zusammenfassen
  47. Mit ::selection markierten Text hervorheben
  48. Modal-Fenster mit HTML5 und CSS
  49. N
  50. Navigation mit :target auf und zumachen
  51. Nur gefüllte Tabellenzellen hervorheben
  52. P
  53. Parallax Scrolling-Effekt
  54. Pflichtfeld hervorheben
  55. Pop-up-Bucheffekt Neu
  56. Position Sticky in einer HTML Tabelle
  57. R
  58. Regenbogen Text
  59. S
  60. Sternebewertung
  61. T
  62. Tabellenzeilen bei :hover hervorheben
  63. Tabellenzeilen einfärben
  64. Tastenkombinationen darstellen
  65. Text mit gestreiftem Hintergrund
  66. Texteingabe nur in Großbuchstaben
  67. Tooltip per CSS anzeigen
  68. Transparenter Farbverlauf
  69. U
  70. Uhrzeitanzeige mal anders!
  71. V
  72. Vertikale Schrift
  73. Vertikaler Text mit horizontalen Buchstaben
  74. Verwendung von Datenattributen (data-*)
  75. W
  76. Wasserzeicheneffekt - Hintergrundbild fixieren
  77. Wertigkeiten verändern mit der !important-Regel

JavaScript

1  A  B  C  D  E  F  G  H  I  J  L  M  N  O  P  R  S  T  Ü  U  V  W  Z 
    1
  1. 1 x Klick Button
  2. A
  3. Alle Checkboxen auf einmal auswählen
  4. Anzahl der HTML-Tags
  5. Anzahl der Wörter als Fortschrittsbalken anzeigen
  6. Audiodatei in JavaScript verstecken
  7. Audiodateien per Button-Klick abspielen Neu
  8. Ausgabe des aktuellen Datums
  9. Ausgabe des aktuellen Datums mit Monats- und Tagesnamen
  10. Ausgabe zeitlich steuern
  11. Auslesen der Benutzer-Zeitzone Neu
  12. Autom. Überprüfung der Eingabe
  13. Automatische Weiterleitung nach einigen Sekunden
  14. B
  15. BB-Code in einem Textarea einfügen
  16. Bei der Eingabe eines Datums die Punkte automatisch hinzufügen
  17. Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben
  18. Bestimmte Textstellen markieren
  19. Bild mit dem Mausrad vergrößern
  20. Bilder Zoom-Funktion
  21. Bildschirm und Fenstergröße ermitteln
  22. Browser Infos
  23. C
  24. Checkbox auf "unbestimmt" setzen
  25. Checkboxen JavaScript-Funktion zuweisen
  26. Confirm()
  27. Cookies aktiv
  28. Cookies setzen und löschen
  29. Count-Up Anzeige für Personen, Dinge etc.
  30. Countdown
  31. CountDown (2)
  32. Countdown (3)
  33. CountUp
  34. CSS über Javascript einbinden
  35. D
  36. Darstellungsmodus überprüfen
  37. Das gewählte Datum plus 30 Tage errechnen
  38. Dateiname ermitteln
  39. Datenbank-Inhalt an ein JavaScript (Array) übergeben
  40. Datum und Uhrzeit als Zeichenkette anzeigen
  41. Den Wert des ausgewählten Optionsfelds auslesen Neu
  42. Die aktuelle Fenstergröße ermitteln
  43. Die Höhe eines IFrames automatisch dem Inhalt anpassen
  44. Die Position eines Schiebereglers speichern und auslesen Neu
  45. Die Textauswahl in Zwischenablage kopieren
  46. Die Werte in Eingabefeldern per Button-Klick ändern
  47. E
  48. Ein farbig blinkender Text
  49. Eine Animation ab einer bestimmten Scroll-Position starten
  50. Eine Gruppe von Bildern markieren
  51. Einfügemarke im Textarea bewegen
  52. Eingabefeld bei Fehleingabe farbig markieren
  53. Eingabefeld selektieren
  54. Eingabefelder automatisch fokussieren
  55. Element ein- und ausblenden
  56. Entferne HTML Tags in JavaScript
  57. Erkennen ob die Feststelltaste bei der Passworteingabe eingeschaltet ist Neu
  58. Externe Datei per AJAX zeitabhängig aktualisieren Neu
  59. F
  60. Falsche Zahleneingabe ändern
  61. Farbanzeiger
  62. Formulareingabe nur mit Großbuchstaben
  63. Formularfelder dynamisch hinzufügen
  64. Formularfelder farbig markieren
  65. Fortschrittsanzeige mit JavaScript verändern
  66. Frames per Link nachladen
  67. Funktion zur zufälligen Auswahl eines Bildes aus einer Bildliste
  68. G
  69. Geburtstag anzeigen
  70. Gedrückte Taste markieren
  71. Geladenes Stylesheet austauschen
  72. Geolocation API - Bei Knopfdruck Koordianten ausgeben
  73. Großbuchstaben Test
  74. H
  75. HTML-Button über JavaScript eine Funktion zuweisen
  76. HTML-Tags in benannte Zeichen umwandeln
  77. HTML-Title Attribut tauschen
  78. HTML 5 - Pflichtfeld setzen mit JavaScript
  79. htmlEntities für JavaScript
  80. https und den Querystring aus der URL entfernen
  81. I
  82. Iframe-Inhalt zeitlich steuern
  83. Iframe alle 10 Sekunden neu laden
  84. Individuelle Fehlermeldung ausgeben
  85. J
  86. JavaScript-Version des Browsers anzeigen
  87. JavaScript über dem Form-Tag aufrufen
  88. L
  89. Langsam zum Seitenanfang scrollen Neu
  90. Leerstellen löschen
  91. Leerzeichen am Anfang und Ende einer Zeichenkette entfernen
  92. Letzte Änderung an einem Dokument ausgeben
  93. Lichtregler
  94. Löschen mit Sicherheitsabfrage
  95. M
  96. Markierten Text in ein Eingabefeld einfügen
  97. Mehrere Tastatureingaben mit Zahlen Neu
  98. Meldung mit Format
  99. N
  100. Nachfragen bevor die Seite verlassen wird
  101. Neues Fenster öffnen
  102. O
  103. Objekt eine JavaScript-Funktion zuweisen
  104. outerHTML - Quelltext anzeigen
  105. P
  106. Passwort im Klartext anzeigen
  107. Position der Einfügemarke in einem Textfeld ermitteln
  108. Prüfen, ob die Funktion vor dem Aufruf vorhanden ist
  109. Prüfen, ob die Zahl gerade oder ungerade ist
  110. R
  111. Radiobutton mit Auswahl-Hinweis
  112. S
  113. Schieberegler für Bilder
  114. Schlüssel und Wert aus einem Objekt auslesen Neu
  115. Seite autom. jede Minute neu laden
  116. Sekundenzähler
  117. Suchen und Ersetzen
  118. T
  119. Text bei onMouseOver und onMouseOut ersetzen
  120. Text in Großbuchstaben oder Kleinbuchstaben umwandeln Neu
  121. Text mit einem Link markieren
  122. Text über ID auslesen und ändern
  123. Textteil auswählen
  124. Trim-Funktion in JavaScript
  125. Trinitätsoperator
  126. Ü
  127. Überprüfen ob ein Button gedrückt wurde
  128. U
  129. URL Query und Fragment über JavaScript auslesen
  130. V
  131. Verzögerte Umleitung mit JavaScript
  132. W
  133. Wörter in einer Zeichenkette zählen
  134. Z
  135. Zahl in einem Eingabefeld mit dem Mausrad verändern
  136. Zahl runden
  137. Zahlen aus zwei Eingabefeldern zusammenzählen
  138. Zahlen autom. addieren
  139. Zahlenwerte überprüfen und korrigieren
  140. Zeichenkontrolle
  141. Zeichnung erstellen
  142. Zeilen, Wörter und Zeichen in einem Textarea zählen
  143. Zeit-Differenz ermitteln
  144. Zeitabhängige Aktualisierung
  145. Zufallsfarbe ausgeben
  146. Zufallslink im neuen Tab/Fenster anzeigen und aktuelle Seite verlassen
  147. Zweite Auswahlliste aktivieren
  148. Zweite Checkbox mit JavaScript auswählen

PHP

A  B  C  D  E  F  G  H  I  J  K  L  M  N  P  R  S  T  Ü  U  V  W  X  Z 
    A
  1. Abfrage einer Datenbank (über PDO) und Ausgabe der Daten
  2. Abrunden auf x Nachkommastellen
  3. Absolute URL erstellen
  4. Adventkalender
  5. Alle Dateien im akt. Verzeichnis und den Unterverz. anzeigen
  6. Alle Dateien in einem Verzeichnis löschen
  7. Alle definierten PHP-Funktionen anzeigen
  8. Alle Formulardaten ausgeben
  9. Alle Leerzeichen entfernen
  10. Alle PHP Funktionen auflisten
  11. Alle Sessions ausgeben
  12. Alle Sessions bis auf eine löschen
  13. Alle Tage eines Jahres mit dem Tagesnamen ausgeben
  14. Alphabet mit PHP ausgeben
  15. Alte Bilder (einer Webcam) löschen
  16. Alter berechnen
  17. Anzahl der Bilder in einem Verzeichnis auslesen
  18. Anzahl der Einträge von einer DB-Tabelle formatiert ausgeben
  19. Anzahl eines Wortes in einem Array ermitteln
  20. Arithmetische Operatoren
  21. Array formatiert ausgeben
  22. Array in einer Datei speichern und wieder auslesen
  23. Array sortieren nach Zeichenlänge
  24. Array Suchfunktion
  25. Array verbinden und lesbar ausgeben
  26. Auf eine Zahl prüfen
  27. Ausgabe von Wörtern begrenzen
  28. Auswahlliste aus einem Array erstellen
  29. Auswahllisten vom Datum erstellen
  30. Authentifizierung eines Benutzers mit PDO und password_verify()
  31. Autom. Weiterleitung je nach Benutzername
  32. Automatische Verlinkung
  33. Automatische Verlinkung eines Textes und den Linktext kürzen
  34. B
  35. Badwordfilter
  36. BB-Code aus dem Text entfernen
  37. Begrüßung der Besucher
  38. Beispiel zu arithmetischen Operatoren
  39. Bild proportional zur Breite verkleinern
  40. Bild und Bildinformation anzeigen
  41. Bildanzeige je nach der Tageszeit
  42. Bilddatei in unterschiedlich breite "Streifen" zerlegen
  43. Bildname aus IMG-Tag ermitteln
  44. BR-Tag in neue Zeile (Newline) konvertieren
  45. C
  46. Callback-Funktion auf jedes Element in einem Array anwenden
  47. Camel-Caps-Funktion
  48. Copyright-Hinweis immer aktuell
  49. Counter für Seitenaufrufe
  50. CSRF-Token für Formulare erstellen
  51. CSS-Boxen mit PHP erstellen
  52. CSS-Boxen mit PHP erzeugen
  53. CSV-Datei in eine DB-Tabelle einlesen
  54. D
  55. Das aktuelle Bild (einer Webcam) anzeigen
  56. Datei ab einer gewissen Dateigröße automatisch mit Datum umbenennen
  57. Datei alle fünf Sekunden aktualisieren
  58. Datei mit der höchsten Nummer in einem Verzeichnis ermitteln
  59. Datei nach dem herunterladen autom. löschen
  60. Dateien auslesen und absteigend nach Datum sortieren
  61. Dateien in Verzeichnis rekursiv auflisten, mit Filter Neu
  62. Dateien nach dem Datum sortieren
  63. Dateien nach einer Ablauffrist automatisch löschen
  64. Dateiendung überprüfen
  65. Dateigröße ermitteln und Maßeinheit anzeigen
  66. Dateigröße ermitteln und Maßeinheit anzeigen 2
  67. Dateigröße umrechnen
  68. Dateigröße und letzte Aktualisierung ausgeben
  69. Daten (Array) mit Komma separieren und Leerzeichen löschen
  70. Datensätze in den Spalten einer Tabelle individuell ausgeben
  71. Datum ab einem bestimmten Tag ausgeben
  72. Datum der nächsten sieben Tage ausgeben
  73. Datum und Uhrzeit-Ausgabe
  74. Datum und Uhrzeit formatiert ausgeben Neu
  75. Datum zerlegen 1
  76. Datum zerlegen 2
  77. Datum zerlegen 3
  78. Datumsformat in ein deutsches Datum umwandeln
  79. define() in PHP 7
  80. Den Array-Inhalt in einer Tabelle aufteilen
  81. Den HTML-Code mit PHP 5 aufräumen
  82. Den Inhalt aller Textdateien nach einem Suchbegriff durchsuchen
  83. Den längsten Schlüssel in einem Array anzeigen
  84. Den Schlüssel eines Arrays überprüfen
  85. Die aktuelle Seite in der Navigation hervorheben
  86. Die Aktuelle Stunde als Symbol anzeigen
  87. Die ersten X-Wörter eines Satzes ausgeben
  88. Doppelte Einträge im Array ausfiltern
  89. E
  90. Ein kleiner PHP-Jahreskalender
  91. Ein Wort in einem Text markieren
  92. Einbinden aller Dateien aus einem Verzeichnis
  93. Einbindung einer Datei je nach gewählter Auswahl
  94. Eine Query String Variable entfernen
  95. Eine Ziffer entfernen
  96. Einen Satz kürzen
  97. Einen Screenshot des gesamten Bildschirms erstellen Neu
  98. Einfache Bannerrotation
  99. Eingabe vergleichen und ausgeben
  100. F
  101. Formulareingaben in eine Datei hinzufügen
  102. Einzelnes Element aus einem Array löschen
  103. Element aus einem Array entfernen
  104. Element aus einem Array löschen
  105. Ermitteln des aktuellen Datums und der Uhrzeit
  106. Ermittlung des Plurals
  107. Exif-Infos eines JPG-Bildes auslesen
  108. Farbbalken mit Farbänderung je nach Prozent
  109. Filter für die Checkbox
  110. Filtern von ganzen Zahlen
  111. foreach und list effizient einsetzen
  112. Formulareingaben überprüfen und Fehlermeldungen ausgeben
  113. Führende Null an eine einzelne Zahl anhängen
  114. G
  115. Gerade oder ungerade Zahl ermitteln
  116. Gerade Zahlen ausgeben
  117. Grafiken mit PHP rotieren
  118. H
  119. Header mit absoluter URL senden
  120. HTML-Mails mit dem PHPMailer versenden
  121. I
  122. Inhalt auf einen bestimmten Zeitraum pro Tag begrenzen
  123. Inhalt immer frisch vom Server holen
  124. IP und Host ausgeben
  125. J
  126. Jahres-Auswahlliste
  127. JSON auslesen
  128. K
  129. Kalenderwoche
  130. Kalenderwoche anzeigen
  131. Kleine Diashow
  132. Komma separierte Werte zusammenzählen
  133. Konvertieren von Zeichen mit Akzenten
  134. Koordinaten einer Grafik anzeigen
  135. L
  136. Lange Links automatisch kürzen
  137. Lange Wörter mit Leerzeichen teilen
  138. Lange Wörter trennen
  139. Leere Arrays entfernen
  140. Leere Arrays entfernen und Zeiger beibehalten
  141. Letzte Aktualisierung
  142. Letzten Seperator einer URL entfernen
  143. Letztes Verzeichnis aus einer URL ermitteln
  144. Level-Anzeige mit PHP und CSS
  145. Logfiles in einer Datei speichern
  146. Lotto (6 aus 49)
  147. M
  148. Max. Dateigröße zum hochladen anzeigen
  149. Mehrere Dateien zusammenfügen
  150. Mehrere Zeilenumbrüche durch einen ersetzen
  151. Metadaten einer Webseite auslesen
  152. Mit filter_input Zahlenwerte überprüfen
  153. Mit Metaphone Wörter vergleichen
  154. Mit PHP 5 E-Mail-Adresse sicher prüfen
  155. Mit PHP eine HTML-Tabelle erstellen
  156. Mnemonisches Passwort erstellen
  157. Monatlich wechselnder Text
  158. Monatsnamen ausgeben
  159. Montag bis Freitag der aktuellen Woche anzeigen
  160. MySQL-Version ermitteln und anzeigen Neu
  161. N
  162. Nach einer Zeichenkette in einem Array suchen
  163. Nach jedem 3 Datensatz eine neue Zeile beginnen
  164. Nächstgrößeren Zehner finden
  165. Negative Zeichenketten Angaben
  166. Neuer Dateiname falls eine hoch geladene Datei bereits existiert
  167. Neueste Datei in einem Verzeichnis anzeigen
  168. Nur Zahlen in Arrays beibehalten
  169. P
  170. Parameter per URL übergeben
  171. Passwortschutz für den Download
  172. PDF-Dateien aus einer Auswahlliste hochladen
  173. PHP-Quelltext einfärben
  174. PHP-Version des Servers ausgeben
  175. PHP-Version überprüfen
  176. Prüfen ob die Datei in der Zeichenkodierung UTF-8 gespeichert wurde
  177. Prüfen ob ein Array leer ist
  178. Punkte-Bewertung mit Sternen
  179. R
  180. Redirect auf eine andere Seite
  181. S
  182. Satzzeichen am Textende entfernen
  183. Schreibrechte überprüfen und ändern
  184. Seitentitel der aktuellen Seite auslesen
  185. Session automatisch nach 5 Minuten Inaktivität beenden
  186. Sommerzeit berechnen
  187. Sonnenauf.- und Sonnenuntergang mit der Geolocation API auslesen Neu
  188. Statische Variablen
  189. Suchbegriffe hervorheben
  190. Suche nach Übereinstimmungen mit regulärem Ausdruck
  191. Suchen und hervorheben mit preg_replace_callback()
  192. Switch Kontrollstruktur
  193. T
  194. Tabelle mehrfarbig ausgeben
  195. Tabellenzellen einfärben
  196. Tage bis zu einem bestimmten Datum
  197. Tage zwischen zwei Datumsangaben berechnen
  198. Text kontinuierlich mit einer for-Schleife zoomen
  199. Text nach dem Alphabet sortieren
  200. Text rückwärts ausgeben
  201. Text vertikal ausgeben
  202. Trennen von Buchstaben und Zahlen mit scanf()
  203. Ü
  204. Überprüfen ob in Formulareingaben HTML-Tags enthalten sind
  205. U
  206. Unterverzeichnisse nach einem Dateinamen durchsuchen Neu
  207. V
  208. Variable auf Buchstaben und Zahlen prüfen
  209. Variablen eines Arrays in die aktuelle Symboltabelle importieren
  210. Verbindungsfehler zur Datenbank anzeigen
  211. Vergangene Tage seit einem bestimmten Datum
  212. Verwendung von str_split() und chunk_split()
  213. Verzeichnis als eine Auswahlliste mit Anfangsbuchstaben ausgeben Neu
  214. Verzeichnis und alle Dateien darin löschen Neu
  215. Verzeichnisgröße auslesen
  216. Verzeichnisgröße auslesen 2
  217. Verzeichnisse rekursiv nach einem Dateinamen durchsuchen
  218. W
  219. Webseite mit einem Button neu laden
  220. Welcher Tag ist in X-Tagen
  221. Wiederkehrende Termine anzeigen
  222. Wochen automatisch generieren
  223. Wochennamen ausgeben
  224. Wochentag ausgeben
  225. Wochentag von Heute, Morgen und Übermorgen anzeigen
  226. Wochentage zählen und als Variabeln zurückgeben
  227. Wörter mit der Stoppwortliste filtern
  228. Wordwrap
  229. Wort in einem Text markieren
  230. Worte löschen mit Ausnahmen (RegEx) Neu
  231. X
  232. X-tägige "NEU"-Markierung von Einträgen
  233. Z
  234. Zahl erweitern
  235. Zahl in Stunden und Minuten umrechnen
  236. Zahl n-stellig ausgeben
  237. Zahlen schneller ausgeben
  238. Zahlen zweistellig ausgeben
  239. Zeichenkette einfach trennen
  240. Zeichenkette nach Tabulator trennen
  241. Zeitgesteuerte Wechselbilder im Monatsrythmus
  242. Zeitzonen auswählen Neu
  243. Zip-Archiv erstellen und Datei herunterladen
  244. Zufällige Textausgabe
  245. Zufällige Texte ausgeben
  246. Zufalls-Farbwerte ausgeben
  247. Zufallsbanner mit PHP
  248. Zufallsfarbe ausgeben
  249. Zufallsgenerator (Lottozahlen)
  250. Zufallspasswort erzeugen
  251. Zufallstext einer externen Datei ausgeben
  252. Zufallszahl anzeigen

MySQL

A  D  E  F  M 
    A
  1. Abrufen eines zweispaltigen Ergebnisses in ein Array
  2. D
  3. Datenbank-Abfrage über den URL-Parameter
  4. Datenbankinhalte mit AES verschlüsseln und auslesen Neu
  5. Datensätze einer Tabelle zählen
  6. Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen
  7. Datensätze sortieren nach Länge der Zeichen
  8. Datensatz Wert erhöhen
  9. Datensatz Wert um 10% veringern
  10. Datensatz Wert um 5% erhöhen
  11. Den nächsten und vorherigen Datensatz ermitteln
  12. Die 10 neusten Einträge einer Tabelle anzeigen
  13. Die Differenz zweier Uhrzeiten ermitteln Neu
  14. Doppelte Einträge in der Tabelle finden
  15. E
  16. Einfügen oder aktualisieren mit 'ON DUPLICATE KEY UPDATE' Neu
  17. Eintrag in der Tabelle löschen
  18. Eintrag überschreiben
  19. F
  20. Flexible Insert-Funktion
  21. M
  22. Mit mehreren Begriffen gleichzeitig suchen

(431 Bausteine)