Javascript

Cheat Sheets - praktische Spickzettel für Webprogrammierer
Auf so genannten Cheat Sheets finden Sie die wichtigsten Informationen zu einem bestimmten Thema kompakt auf einer oder mehrerer Seiten zusammengefasst. Wer also schnell nachschauen will, wie man in Javascript Zahlen in einen String verwandelt oder wie die Breite eines Textfeldes in HTML gesteuert wird, findet hier die Antwort.HTMLVisibone Colorpicker [...]
[ 12.10.2007 | 0 Kommentare | 3835 Abrufe | Note 2.00 ]

PHP und Javascript: Zahlen mit führenden Nullen richtig auswerten
Es ist in vielen Bereichen üblich, bestimmte Zahlen mit Nullen aufzufüllen, wie etwa Kontonummern oder Kundennummern. Wertet man diese Zahlen mit PHP oder Javscript aus, ist Vorsicht geboten.Denn beide Sprachen sehen eine Zahl, die mit einer Null beginnt als Oktalzahl an. Wird dann beispielsweise "0011" interpretiert, ist das dezimale Ergebnis die Zahl [...]
[ 16.04.2007 | 0 Kommentare | 2794 Abrufe | Note 3.00 ]

Per Javascript: Bequemes Drag & Drop für Webanwendungen
Anhand einer leicht anwendbaren Drag & Drop-Library und einer konkreten Aufgabe stellen wir Ihnen vor, wie Sie Drag & Drop effektiv und sinnvoll auf Ihrer Website einsetzen.Innerhalb des Admin-Bereichs einer Anwendung sollen einem Benutzer Rechte zugeordnet werden. Dazu sind zwei Spalten vorgesehen: Eine enthält die bereits zugewiesenen Berechtigungen, [...]
[ 19.12.2006 | 5 Kommentare | 15947 Abrufe | Note 1.82 | 1 Datei(en) ]

Ajax: Komfortable, interaktive Suchfunktion mit JSON
Json, Java Script Object Notation, ist ein Verfahren, um Daten zwischen Anwendungen auszutauschen. In diesem Beitrag erfahren Sie, wie Sie mit Hilfe von Json in wenigen Zeilen eine pfiffige, interaktive Suchfunktion programmieren.Json bietet eine schlanke Alternative zu XML: Statt die Daten in XML-Tags zu verpacken, übermittelt Json Arrays und Objekte. [...]
[ 15.12.2006 | 1 Kommentare | 17490 Abrufe | Note 1.67 | 1 Datei(en) ]

Javascript: Mini-Editor für Websites
Wer HTML-Felder mit Formatierungskomfort ausstatten will, muss nicht gleich einen aufwändigen Editor-Aufsatz verwenden. Oft genügt es schon, wenn der Benutzer per Button Textteile mit einfachen HTML-Tags auszeichnen kann, etwa für "fett" oder "kursiv". Wir zeigen Ihnen zwei Javascript-Funktionen, die den markierten Textteil eines Feldes entsprechend [...]
[ 14.11.2006 | 0 Kommentare | 3644 Abrufe | Note 2.00 ]

Mit Google Maps Landkarten auf der Website einbinden
Google Maps ist eine Internet-Applikation, die Stadtpläne sowie die von Google Earth bekannten Satellitenbilder über einen Browser zeigt. Die Landkarte kann mit der Maus unten im Fenster verschoben werden und bietet eine Änderung des Zoom-Faktors.Google erlaubt Ihnen, die Technik auch auf Ihrer Webseite einzusetzen. Damit können Sie in einer Fotogalerie [...]
[ 01.11.2006 | 2 Kommentare | 37253 Abrufe | Note 2.33 ]

Javascript-Befehl zum Drucken einer Seite
Mit einem einfachen Javascript-Befehl bauen Sie eine Druckfunktion an beliebiger Stelle Ihrer Webseite ein. Der Code sieht zum Beispiel so aus:<a href='#' onclick="javascript:window.print();returnfalse">Drucken</a>Beim Klick auf den Link startet die Druckfunktion des Betriebssystems. Der Benutzer muss nur noch den gewünschten Drucker auswählen. [...]
[ 01.11.2006 | 0 Kommentare | 2802 Abrufe | Note 3.00 ]

Hilfeseite öffnen, falls Javascript abgeschaltet ist
Viele Javascript-Funktionen werden über Hyperlinks ausgelöst. Diese Kombination können Sie sich zunutze machen.Wird ein Javascript-Befehl über einen Hyperlink ausgelöst und ist Javascript abgeschaltet, können Sie automatisch eine Seite mit einer Fehlermeldung oder einem Hilfetext aufrufen lassen. Der Code sieht so aus (bitte in einer Zeile eingeben): [...]
[ 01.11.2006 | 0 Kommentare | 920 Abrufe | Note 2.00 ]

Eingabeformulare mit komfortabler Fehlerbehandlung programmieren
Nutzer mögen Eingabeformulare nicht, weil sie oft schwer und unangenehm zu bedienen sind. Sie als Programmierer haben aber die Möglichkeit, Benutzern den Umgang mit Formularen so angenehm wie möglich zu machen. Ein Beispielprogramm zeigt, wie es geht. Zu Beginn überprüft das Programm, ob das $_POST-Array mehr als 0 Einträge hat. Falls ja, übergibt es [...]
[ 25.10.2006 | 0 Kommentare | 4711 Abrufe | Note 1.67 ]

Javascript: Ladezeiten minimieren
Gerade mit Entwicklungen wie Ajax steigt der Anteil, den Javascript-Code an einer Webanwendung hat. Um für den Anwender die Ladezeiten zu minimieren, sollten Sie daher die gesendete Datenmenge optimieren. Der beste Weg dazu ist der Einsatz des Apache-Moduls mod_gzip, da hier gleichermaßen HTML wie Javascript vor der Übertragung mittels des GZip-Verfahrens [...]
[ 25.10.2006 | 0 Kommentare | 2845 Abrufe | Note 3.00 ]

Javascript: Events für komfortable Eingabeformulare
Events sind die Schnittstelle zwischen Javascript und HTML. In diesem Beitrag erfahren Sie, wie Sie ein Eingabeformular mit Hilfe der Events onblur, onload und onsubmit komfortabler und sicherer machen. Bei Formularen sind Eingabekomfort und Fehlermeldungen wichtig. Nur, wenn Benutzer bemerken, dass sie einen Fehler bei der Eingabe gemacht haben, bekommt [...]
[ 12.10.2006 | 0 Kommentare | 9062 Abrufe | Note 3.00 ]

Internet Explorer meldet: Diese Seite enthält sowohl sichere als auch nicht sichere Objekte
Betreiber einer Web-Anwendung schützen oftmals Teile davon durch den Übergang zum verschlüsselten https-Protokoll. So kann etwa bei einem Webshop der Bezahlteil mit höherer Sicherheitsstufe ablaufen.Dabei kann es Betrachtern mit dem Internet Explorer passieren, dass folgendes Popup erscheint:Der IE warnt hiermit davor, dass manche Elemente der Seite [...]
[ 12.10.2006 | 0 Kommentare | 6978 Abrufe | Note 3.00 ]

Javascript: Debugger nutzen
Fehlern in Javascript kann man nur schwer beikommen. Zwar helfen Alert-Boxen, die einen Variablenwert oder das Erreichen eines bestimmten Programmzweigs anzeigen, aber die Arbeit mit ihnen ist recht umständlich. Besser klappt das mit dem Javascript-Debugger für Firefox und andere Mozilla-basierte Browser. Mit der Erweiterung, die nach einer Figur aus [...]
[ 12.10.2006 | 0 Kommentare | 2293 Abrufe | Note 3.00 ]

Javascript: Datentyp ermitteln
Um mit Javascript den Datentyp einer Variablen zu ermitteln, verwenden Sie typeof(), zum Beispiel:<script type="text/javascript">meine_variable=false;document.write(typeof(meine_variable));</script>Als Ausgabe erscheint boolean. [...]
[ 09.10.2006 | 0 Kommentare | 2565 Abrufe | Note 3.00 ]

Javascript: Selectbox stößt Formularversand an
Normalerweise hat ein Formular einen Submit-Button, um die Formulardaten abzusenden. Besteht das Formular aber lediglich aus einer Selectbox, weil es etwa Teil einer mehrstufigen Auswahlfolge ist, ist der Knopf eigentlich umständlich. Der Anwender muss zuerst seine Auswahl treffen und dann noch den Knopf drücken.Mit Hilfe einer kleinen Erweiterung im [...]
[ 13.06.2006 | 0 Kommentare | 4407 Abrufe | Note 3.00 ]

Nützliche Helfer beim Arbeiten mit dem DOM
Gute englischsprachige Dokumentation bietet http://www.w3schools.com/htmldom. Dort gibt es sowohl eine ausführliche Referenz aller Objekte und Methode als auch Tutorials zum Thema. Auch das deutsche Standardwerk Selfhtml ist eine gute Hilfestellung.Für den Browser Firefox gibt es zwei Module, die bei der Entwicklung sehr hilfreich sind. Zum einen ist [...]
[ 12.06.2006 | 0 Kommentare | 2086 Abrufe | Note 3.00 ]

DOM: Volle Kontrolle mit Javascript
In Verbindung mit einem cleveren Konzept für den Zugriff auf alle Elemente einer HTML-Seite wird Javascript noch mächtiger. Damit werden dynamische Effekte möglich, wie etwa das Hinzufügen neuer Formularfelder bei Bedarf.Das Grundkonzept des "Document Object Model" oder kurz DOM ist eine streng hierarchische Sicht auf die Elemente einer HTML-Seite. [...]
[ 12.06.2006 | 0 Kommentare | 4587 Abrufe | Note 2.00 ]

Mit Javascript Formulare überprüfen
Formulare sind nur dann gut, wenn Sie richtig ausgefüllt werden. Um Fehler zu vermeiden, müssen Sie die Formulare prüfen, bevor Daten gespeichert werden. Diese Prüfung erfolgt entweder auf dem Server oder - ressourcenschonend - schon beim Client. Dazu brauchen Sie nur ein paar Zeilen Javascript.Ein simpler TestUm das Ineinandergreifen von Javascript, [...]
[ 14.04.2006 | 5 Kommentare | 61274 Abrufe | Note 1.55 ]

Javascript-Code auslagern
Zu viel Javascript in einer HTML-Seite schadet der Übersicht. Deshalb lagern Sie Javascript-Code am besten in eine oder mehrere eigene Dateien aus. Um den Code in die HTML-Seite einzubinden, verwenden Sie den folgenden Befehl:<script src="scriptname.js" language="JavaScript" type="text/javascript"> </script>Dieser Befehl bindet die Datei [...]
[ 28.03.2006 | 0 Kommentare | 3398 Abrufe | Note 1.60 ]

Links auf einer Seite zählen
Ein eleganter Weg, Links und andere Elemente in einem Web-Dokument zu zählen führt über Document Object Model. Auf diese Weise können Sie zum Beispiel Dokumentstatistiken erzeugen, die zeigen, wie viele Absätze oder Querverweise ein Dokument enthält, Dazu verwenden Sie getElementsByTagName:Ein Beispiel:<html><head><title>Links zählen</title></head><body><p><a [...]
[ 28.03.2006 | 0 Kommentare | 1767 Abrufe | Note 3.00 ]

Beispiel für Drag&Drop per Javascript
Hier ein schönes Beispiel, wie man in Javascript per Drag&Drop Werte aus einer Liste zuweisen kann. Aus einem Fensterbereich links kann der User per Maus Inhalte in eine Liste rechts übernehmen.Viel besser, als die übliche Variante, aus einer Liste auszuwählen um sie dann per Button zu übernehmen...http://neb.net/playground/dragdrop/Schon erstaunlich, [...]
[ 14.12.2005 | 0 Kommentare | 2566 Abrufe | Note 3.00 ]

Javascript Eingabefenster
Das hat mich jetzt wertvolle Minuten gekostet. Wie zum Donner heißt noch dieses Javascript-Meldungsfenster, das eine Eingabe aufnimmt und weitergibt.prompt() heißt dieses Eingabewunder in Javascript. Als Parameter übergebe ich ihm einen Meldungstext sowie eine Vorgabe für das Eingabefeld. Zum Beispiel:<script type="text/javascript">strEingabe [...]
[ 05.12.2005 | 0 Kommentare | 7581 Abrufe | Note 2.20 ]