Prototype (Framework)

Prototype (Framework)
Prototype (Framework)
Entwickler: Sam Stephenson
Aktuelle Version: 1.6.0.3 (29. September 2008)
Betriebssystem: unabhängig
Kategorie: JavaScript-Framework
Lizenz: MIT-Lizenz
Deutschsprachig: nein
www.prototypejs.org

Prototype ist ein freies, umfangreiches JavaScript-Framework, das von Sam Stephenson im Jahre 2005 entwickelt wurde. Es stellt sowohl verschiedene Programmierhilfen für Ajax zur Verfügung als auch Möglichkeiten den JavaScript-Quelltext zu verkürzen. Es ist ein integraler Bestandteil von Ruby on Rails, aus dessen Reihen es entstanden ist. Inzwischen dient Prototype als Grundlage für zahlreiche Projekte wie beispielsweise script.aculo.us und Rico.

Inhaltsverzeichnis

Funktionen

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

Die $()-Funktion

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

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

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-Response; Ajax.Updater schreibt die Server-Response 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

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);
    }
});

Weblinks


Wikimedia Foundation.

Игры ⚽ Нужен реферат?

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Prototype JavaScript Framework — Infobox Software name = Prototype JavaScript Framework developer = [http://prototypejs.org/core Prototype Core Team] latest release version = 1.6.0.3 latest release date = release date|2008|09|28 genre = JavaScript toolkit license = MIT License… …   Wikipedia

  • Prototype — У этого термина существуют и другие значения, см. Прототип. Prototype JavaScript Framework Тип JavaScript библиотека Разработчик …   Википедия

  • Prototype — Saltar a navegación, búsqueda Prototype es un framework escrito en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta que implementa las técnicas AJAX y su potencial es aprovechado al máximo cuando …   Wikipedia Español

  • Prototype — (englisch für „Prototyp“) steht für: Prototype (Entwurfsmuster), Entwurfsmuster der Softwareentwicklung Prototype (Klassenbibliothek), JavaScript Framework Prototype (Spieleentwickler), ein japanisches Unternehmen das auf die Portierung von… …   Deutsch Wikipedia

  • Prototype (фреймворк) — У этого термина существуют и другие значения, см. Прототип. Prototype JavaScript Framework Тип JavaScript библиотека Разработчик Prototype Core Team Операционная система …   Википедия

  • Prototype — Cette page d’homonymie répertorie les différents sujets et articles partageant un même nom. Sommaire 1 Dans l industrie 2 En informatique …   Wikipédia en Français

  • Prototype — A prototype is an original type, form, or instance of something serving as a typical example, basis, or standard for other things of the same category. The word derives from the Greek πρωτότυπον ( prototypon ), archetype, original , neutral of… …   Wikipedia

  • Prototype (disambiguation) — A prototype is something that is representative of a category of things. Prototype may also refer to:;Automobiles* Citroën Prototype C, range of vehicles created by Citroën from 1955 to 1956 * Citroën Prototype Y, project of replacement of the… …   Wikipedia

  • Framework-specific modeling language — A framework specific modeling languageM. Antkiewicz, K. Czarnecki. Framework Specific Modeling Languages with Round Trip Engineering . In O. Nierstrasz, J. Whittle, D. Harel, G. Reggio, editors, MoDELS 2006 Model Driven Engineering Languages and… …   Wikipedia

  • prototype — noun 1) a prototype of the weapon Syn: original, first example/model, master, mold, template, framework, mock up, pattern, sample; design, guide, blueprint See note at model 2) …   Thesaurus of popular words

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”