www.wikidata.de-de.nina.az

Prototype Klassenbibliothek Prototype ist eine freie umfangreiche JavaScript Klassenbibliothek die von Sam Stephenson im

Prototype (Klassenbibliothek)

Prototype ist eine freie, umfangreiche JavaScript-Klassenbibliothek, die von Sam Stephenson im Jahr 2005 entwickelt wurde. Sie stellt sowohl verschiedene Programmierhilfen für Ajax zur Verfügung als auch Möglichkeiten, den JavaScript-Quelltext zu verkürzen. Sie entstand im Kontext von Ruby on Rails und war bis Version 3.1 dessen integraler Bestandteil. Zwischenzeitlich diente Prototype als Grundlage für zahlreiche Projekte wie beispielsweise script.aculo.us und Rico.

Prototype
Basisdaten

Entwickler Sam Stephenson
Aktuelle Version 1.7.3
(22. September 2015)
Betriebssystem plattformunabhängig
Programmiersprache JavaScript
Kategorie JavaScript-Klassenbibliothek
Lizenz MIT-Lizenz
prototypejs.org

Funktionen Bearbeiten

Prototype stellt viele Funktionen für die Entwicklung von JavaScripts bereit. Dies reicht von Kurzbefehlen (Shortcuts) bis hin zu aufwändigeren Funktionen wie z. B. die für XMLHttpRequest.

Funktionsbeispiele Bearbeiten

Die $()-Funktion Bearbeiten

Um Zugriff auf ein DOM-Element einer HTML-Seite zu erhalten, wird üblicherweise diese Funktion angewandt: 

 document.getElementById("id_des_elements")

Die $()-Funktion von Prototype liefert ebenfalls DOM-Elemente über IDs, erweitert die zurückgelieferten Elemente aber noch mit nützlichen Funktionen: 

 $("id_des_elements")

Um z. B. die Textfarbe zu ändern: 

 $("id_des_elements").setStyle({color: '#ffffff'});

Die $F()-Funktion Bearbeiten

Mittels $F() erhält man den Wert eines Form-Elements. Bei einem Textfeld liefert die Funktion die im Feld befindlichen Daten; bei einem Select-Objekt (Dropdown-Menü) den aktuell ausgewählten Eintrag. 

 $F("id_of_input_element")

Das Ajax-Objekt Bearbeiten

Das Ajax-Object bietet vom Browser unabhängige Unterstützung für XMLHttpRequest.

Es stehen folgende zwei Arten zum Abruf zur Verfügung: Ajax.Request liefert die rohe Server-Antwort; Ajax.Updater schreibt die Server-Antwort direkt in ein angegebenes DOM-Objekt.

Der Ajax.Request-Aufruf im folgenden Beispiel liest zuerst die Werte aus den Formular-Textfeldern aus, ruft eine Webseite vom Webserver ab, wobei die Formulardaten als Post-Werte gesendet werden und ruft schlussendlich die definierte Funktion showResponse() auf, sobald die Anfrage erledigt wurde: 

var params = $H({  value1: $F("id_1"),  value2: $F("id_2") }); var myrequest = new Ajax.Request("http://www.example.com/server_script", {  method: "POST",  parameters: params,  onComplete: showResponse });

Objektorientierte Programmierung Bearbeiten

Prototype bietet Unterstützung für klassische objektorientierte Programmierung.

Die Methode Class.create() im folgenden Beispiel legt eine neue Klasse an: 

var FirstClass = Class.create({  // Die Methode "initialize" dient als Konstruktor  initialize: function () {  this.data = "Hello World";  } }); var DataWriter = Class.create(FirstClass, {  printData: function () {  document.write(this.data);  } });

Einzelnachweise Bearbeiten

  1. Prototype Core Team: Download Prototype. 22. September 2015, abgerufen am 13. Januar 2017 (englisch).

Weblinks Bearbeiten

wikipedia, wiki, deutsches, deutschland, buch, bücher, bibliothek artikel lesen, herunterladen kostenlos kostenloser herunterladen, MP3, Video, MP4, 3GP, JPG, JPEG, GIF, PNG, Bild, Musik, Lied, Film, Buch, Spiel, Spiele
Veröffentlichungsdatum:
Prototype ist eine freie umfangreiche JavaScript Klassenbibliothek die von Sam Stephenson im Jahr 2005 entwickelt wurde Sie stellt sowohl verschiedene Programmierhilfen fur Ajax zur Verfugung als auch Moglichkeiten den JavaScript Quelltext zu verkurzen Sie entstand im Kontext von Ruby on Rails und war bis Version 3 1 dessen integraler Bestandteil Zwischenzeitlich diente Prototype als Grundlage fur zahlreiche Projekte wie beispielsweise script aculo us und Rico PrototypeBasisdatenEntwickler Sam StephensonAktuelle Version 1 7 3 22 September 2015 1 Betriebssystem plattformunabhangigProgrammiersprache JavaScriptKategorie JavaScript KlassenbibliothekLizenz MIT Lizenzprototypejs org Inhaltsverzeichnis 1 Funktionen 2 Funktionsbeispiele 2 1 Die Funktion 2 2 Die F Funktion 2 3 Das Ajax Objekt 3 Objektorientierte Programmierung 4 Einzelnachweise 5 WeblinksFunktionen BearbeitenPrototype stellt viele Funktionen fur die Entwicklung von JavaScripts bereit Dies reicht von Kurzbefehlen Shortcuts bis hin zu aufwandigeren Funktionen wie z B die fur XMLHttpRequest Funktionsbeispiele BearbeitenDie Funktion Bearbeiten Um Zugriff auf ein DOM Element einer HTML Seite zu erhalten wird ublicherweise diese Funktion angewandt document getElementById id des elements Die Funktion von Prototype liefert ebenfalls DOM Elemente uber IDs erweitert die zuruckgelieferten Elemente aber noch mit nutzlichen Funktionen id des elements Um z B die Textfarbe zu andern id des elements setStyle color ffffff Die F Funktion Bearbeiten Mittels F erhalt man den Wert eines Form Elements Bei einem Textfeld liefert die Funktion die im Feld befindlichen Daten bei einem Select Objekt Dropdown Menu den aktuell ausgewahlten Eintrag F id of input element Das Ajax Objekt Bearbeiten Das Ajax Object bietet vom Browser unabhangige Unterstutzung fur XMLHttpRequest Es stehen folgende zwei Arten zum Abruf zur Verfugung Ajax Request liefert die rohe Server Antwort Ajax Updater schreibt die Server Antwort direkt in ein angegebenes DOM Objekt Der Ajax Request Aufruf im folgenden Beispiel liest zuerst die Werte aus den Formular Textfeldern aus ruft eine Webseite vom Webserver ab wobei die Formulardaten als Post Werte gesendet werden und ruft schlussendlich die definierte Funktion showResponse auf sobald die Anfrage erledigt wurde var params H value1 F id 1 value2 F id 2 var myrequest new Ajax Request http www example com server script method POST parameters params onComplete showResponse Objektorientierte Programmierung BearbeitenPrototype bietet Unterstutzung fur klassische objektorientierte Programmierung Die Methode Class create im folgenden Beispiel legt eine neue Klasse an var FirstClass Class create Die Methode initialize dient als Konstruktor initialize function this data Hello World var DataWriter Class create FirstClass printData function document write this data Einzelnachweise Bearbeiten Prototype Core Team Download Prototype 22 September 2015 abgerufen am 13 Januar 2017 englisch Weblinks BearbeitenOffizielle Webprasenz englisch Developer Notes for prototype js bezieht sich auf die veraltete Version 1 5 0 englisch Abgerufen von https de wikipedia org w index php title Prototype Klassenbibliothek amp oldid 230374033