320NN Development Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

====== Prototype ======

//Prototype// ist eines der ersten großen [[javascript:start|JavaScript-Frontend-Frameworks]] der [[lexikon:web20|Web 2.0-Ära]].

===== TypeError: $(…) is null =====

Wenn beim Verwenden des Prototype-Selektors ''$'' in der JavaScript-Konsole der Fehler ''TypeError: $(…) is null'' auftritt, obwohl die Bibliothek geladen wurde, dann liegt das daran, dass der Code, der den Selektor verwendet, ausgeführt wird, **bevor** Prototype vollständig geladen/initialisiert wurde.

**Lösungsansätze**

  * Script ans Ende des HTML-Dokuments, vor ''</body>'' setzen
  * Script in eine ''init()''-Funktion einbetten und mittels ''onload="init()"'' laden.
  * Script in Prototypes ''document.observe()'' einbetten(([[https://groups.google.com/forum/?fromgroups=#!topic/prototype-scriptaculous/VEa5vRxr9uo/discussion|Google Groups: TypeError: $(…) is null]])):<code javascript>document.observe('dom:loaded', function(){
	// Your code goes here
});</code>

===== Content eines Elements ändern =====

<code html>
<p id="foobar"></p>
</code>

<code javascript>
$('foobar').update('Text in #foobar');
</code>

===== ID eines Elements ermitteln =====

<code javascript>
var containers = $$('div');

for (var i = containers.length - 1; i >= 0; i--) {
	var container = containers[i];

	var containerID = container.identify();

	console.log(containerID);
};
</code>

===== Links =====

  * [[http://prototypejs.org/|Prototype]]