JavaScript Grundlagen Tipps Bausteine Links

Zusammen mit der Programmiersprache Java erblickte JavaScript (LiveScript) Ende 1995 das Licht der Welt. Mittlerweile ist aus der einfachen Scriptsprache JavaScript eine komplette Programmiersprache geworden, die durch ihre Einfachheit besticht.

Heutzutage beinhalten nahezu alle Webseiten JavaScript, eine Skriptsprache welche in Ihrem Browser läuft. Sie hilft dabei Webseiten für bestimmte Zwecke funktional zu gestalten. Mit JavaScript können Sie z.B. auf HTML-Elemente zugreifen und diese dann dynamisch anpassen.

Inzwischen ist durch die Kombination mit anderen Programmiersprachen z.B. PHP, diese Scriptsprache in weiter entwickelter Form als AJAX (Asynchronous JavaScript and XML) oder mit dem JavaScript-Framework jQuery bekannt und zu größerer Bedeutung gelangt.


Um nun die JavaScript-Anweisungen richtig einsetzen zu können finden sich dazu zahlreiche Dokumentationen im Web. Das bekannte deutsche selfHTML , das englischsprachige w3schools.com und das Mozilla Developer Network.

• In der Linkliste finden Sie weitere Links zum Thema JavaScript.

Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.

Grundlagen

Quelltext mit Format
Es gibt gute Gründe einen Quelltext zu formatieren und zu kommentieren.

Escape-Zeichen - (Escape-Codes) Formatierung von auszugebenden Texten in JavaScript und PHP.

Escape-Zeichen

Tastureingaben (Key Codes) für JavaScript

Tastureingaben (Key Codes) für JavaScript
Cookie-Kurs: Erstellen Sie ein Cookie in 5 Schritten
Cookies (Kekse) machen das Web persönlicher, Cookies erkennen Homepage-Besucher wieder und ermöglichen einen individuellen Service.
Cookie-Kurs: Erstellen Sie ein Cookie in 5 Schritten
Liste der Event Handler
Event-Handler, was so viel heißt wie "Ereignis-Behandler" ist kleiner JavaScript- Code, den Sie innerhalb von HTML-Tags als Attribut platzieren. Treten bestimmte Ereignisse ein wie ein Mausklick oder Tastendruck, leitet ein Event-Handler bestimmte Aktionen ein.
CSS in JavaScript
CSS-Klasse in JavaScript setzen und entfernen. Liste der JavaScript Schreibweisen

Tipps

Hier finden Sie nützliche und interessante JavaScript Beispiele. Diese müssen eventuell den eigenen Wünschen angepasst werden, dazu sind allerdings Kenntnisse in JavaScript notwendig!

Seiteninhalt mit JavaScript verstecken und wieder anzeigen
Manchmal wird eine Funktion benötigt um Texte, Bilder, etc. erst anzuzeigen wenn der Benutzer auf einen Link klickt.
Formular über AJAX erstellen und Daten versenden
Formulardaten über AJAX überprüfen und speichern ✶✶✶
Ohne lästigen Seitenwechsel werden die eingegebenen Daten im Formular überprüft und gespeichert.
Sortierkasten
Objekte über Ziehen und Ablegen (drag & drop) sortieren und die Änderung in einer Datenbank (SQLite-Datei) speichern. Mit diesem Script können verschiedene Dinge und Sachen (Namen von Fußballspielern, Produkten, etc.) sortiert werden. Es sind bis zu 25 Ablageflächen möglich in denen etwas abgelegt werden kann.
Sortierkasten - Objekte über 'Ziehen und Ablegen' sortieren
Diashow aufgebohrt ✶✶✶
Oft sind Diashows mit JavaScript sehr komplex aufgebaut, der Anwender muss im JavaScript-Code die Bilder für die Diashow eintragen oder die Geschwindigkeit etc. anpassen.
Diashow aufgebohrt
Mit dieser autom. Diashow werden Bilder und Beschreibungen aus einer HTML-Aufzählungsliste über JavaScript ausgelesen und angezeigt. Der Vorteil wenn man weitere Bilder hinzufügt ist, das nur die Aufzählungsliste erweitert werden muss.
Mit JavaScript und Canvas zeichnen ✶✶✶✶
Mit JavaScript und Canvas können Sie alle Arten von Grafiken zeichnen von einfachen Linien bis zu komplexen grafischen Objekten, durch JavaScript sind sogar Animationen möglich. Diese kleine Anleitung vermittelt die Grundlagen die für die Erstellung von Grafiken mit JavaScript benötigt werden.
Datenschutz-Hinweis über Cookies dauerhaft ausblenden ✶✶✶
Hier zeige ich, wie der Datenschutz-Hinweis über Cookies (LocalStorage) dauerhaft ausgeblendet werden kann.
Datenschutz-Hinweis über Cookies dauerhaft ausblenden
Artikel über Checkboxen auswählen ✶✶✶✶
Hier können Artikel (Bilder) ausgewählt werden die bestimmte Kriterien der Checkboxen erfüllen. Die Daten werden in einer CSV-Datei gespeichert und können individuell angepasst werden.
Artikel über Checkboxen auswählen
Benutzereingaben mit JavaScript lokal speichern ✶✶✶
HTML 5 bietet uns die Möglichkeit, mittels localStorage oder sessionStorage einfache Daten im Browser zu speichern.
Browser-Sprachumschaltung ✶✶✶
Diese Sprachumschaltung zeigt je nach der verwendeten Sprache (deutsch, englisch, ...) im Browser unterschiedlichen Inhalt an.
Browser-Sprachumschaltung
Bilder in den Browser laden per File API ✶✶✶✶
Wenn Bilder hoch geladen werden sollen, ist es für dem Benutzer wissenswert welche Bilder er überhaupt ausgewählt hat. Diese JavaScript-Funktion zeigt Bilder vor dem hochladen im Browser an.
Bilder in den Browser laden per File API
Verkettete Auswahllisten dynamisch aus einer DB-Tabelle generieren ✶✶✶✶
Dieses Beispiel zeigt, wie man eine HTML-Auswahlliste (Drop-Down-Liste) dynamisch generiert, die auf den Werten einer Spalte in einer Datenbank-Tabelle beruht.
Verkettete Auswahllisten dynamisch aus einer DB-Tabelle generieren
Mit JSON Daten zwischen JavaScript und PHP austauschen ✶✶✶
JSON, ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
Mit JSON Daten zwischen JavaScript und PHP austauschen
Weitere Tipps finden Sie auf Seite

JavaScript-Bausteine (Alphabetische Sortierung)  [Alle Anzeigen]

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

» Alle Links mit Bewertungen anzeigen