Widgets.
Widget
Ein ein in sich abschlossener Website-Baustein, der Ihre Web-App mit zusätzlicher Funktionalität versieht
Erspart eine Menge Programmierzeit und Komplexität. Erstellt benutzbare und bedarfsgerechte Elemente einer Benutzerschnittstelle.
Button-Widget
Stellt eine button-Methode bereit, mit der ansprechende Formularelemente (z. B. Submit-Buttons, Radio-Buttons und Checkboxen) erstellt werden können.
Datepicker-Widget
Die datepicker-Methode weist den JS-Interpreter an, bei Bedarf aus HTML und CSS einen Datumswähler mit der nötigen Interaktivität zu erstellen.
Enthält außerdem eine Menge anpassbarer Optionen.
Schieberegler
UI-Elemente, die Benutzer über die Maus oder mit der Tastatur bewegen können, um bestimmte Daten einzugeben.
Besitzt fünf Event-Handler zum Verbinden der Schieberegler mit Eingabeelementen des Formulars: create, start, slide, change und stop.
Kapitel 11. jQuery und APIs: Objekte, nichts als Objekte!
Selbst ein talentierter Entwickler wie Sie kann nicht alles alleine machen ... Wir haben gesehen, wie wir jQuery-Plugins wie jQuery UI oder die Tab-Navigation in unsere Seiten einbinden können, um Webapplikationen zu verbessern. Die nächste Entwicklungsstufe besteht darin, Werkzeuge aus dem Internet und Informationen von Größen wie Google, Twitter oder Yahoo! zu verwenden. Dafür brauchen wir aber etwas ... mehr. Diese Firmen stellen ihre Dienste über APIs (application programming interfaces, Programmierschnittstellen) zur Verfügung, die Sie auf Ihrer Seite nutzen können. In diesem Kapitel werden wir uns mit einigen Grundlagen der Arbeit mit APIs befassen. Als Beispiel benutzen wir die beliebte Google Maps API.
Wo ist Nessie?
Dr. Pattersby und Dr. Gimli wollen ihre Website um zusätzliche coole Features erweitern. Meinen Sie, Sie schaffen das?
Absender: Dr. Gimli [
[email protected] ]
Betreff Noch mehr Updates für unsere Website
Hallo Leute,
vielen Dank, dass Ihr uns geholfen habt, unsere Website benutzerfreundlicher zu machen. Das Sammeln der Daten ist deutlich einfacher geworden und die Besucherzahlen sind auch gestiegen. Wir freuen uns über die vielen neuen Informationen, mit denen wir jetzt arbeiten können.
Wir wurden mehrfach gebeten, die Informationen für die breite Masse leichter zugänglich zu machen. Viele Leute sind an den Sichtungsdaten interessiert. Wir suchen daher eine Möglichkeit, zu zeigen, was wir gesammelt haben.
Hier ist eine Liste der Dinge, die wir brauchen:
Es soll möglich sein, eine einzelne Sichtung auszuwählen und die zugehörigen Informationen anzuzeigen. Neben den Informationen über den Kryptiden sollen die Angaben zu Längen- und Breitengrad auf einer Google Maps-Karte angezeigt werden.
Der auf der Karte angezeigte Fundort sollte anklickbar sein, um weitere Informationen über die Sichtung anzuzeigen.
Es wäre gut, wenn man den Typ des Kryptiden aus einer Liste auswählen und dann alle Kreaturen dieses Typs in unserer Datenbank anzeigen könnte. Außerdem sollen alle Kreaturen eines Typs auf einer Google Maps-Karte dargestellt werden. So können wir herausfinden, an welchen Orten sich die Sichtungen häufen. Am besten sollten diese Punkte, genau wie die Liste der Kreaturen, anklickbar sein, damit die Benutzer die Einzelheiten zu den Sichtungen anzeigen können.
Das ist hoffentlich nicht zu viel verlangt, nachdem wir die Informationen ja schon alle gespeichert haben, oder?
Wir freuen uns auf eine Rückmeldung!
--
Dr. Gimli und Dr. Pattersby
cryptozoologists.org
Joe: Meinst Du die Google Maps-Karte, die wir erstellen sollen?
Frank: Ja, genau, sollte kein Problem sein ...
Jim: Kein Problem? Die wollen eine komplette Google Maps-Karte!
Frank: Genau.
Jim: Für jede Kryptidensichtung ein eigener Punkt auf der Karte. Und die Punkte sollen auch noch anklickbar sein, um mehr Informationen anzuzeigen ...
Frank: Ja. Und ich glaube, ich weiß auch schon, wie.
Jim: Und eine spezielle Klickfunktion in der Liste, die mit den Sichtungspunkten interagiert und Pop-ups für »Weitere Informationen« auf der Karte anzeigt.
Frank: Ja, ähm, da weiß ich auch nicht so genau, wie das gehen soll.
Joe: Keine Sorge. Das klappt schon. Die Betreiber von Google Maps stellen eine API zur Verfügung, mit der wir die Aufgabe lösen können.
Jim: AP was?
Frank: API. Das ist die Abkürzung für Application Programming Interface , also eine Programmierschnittstelle. Damit können wir einige Werkzeuge