Kürzlich suchte ich im Prototype Framework nach der richtigen Verwendung der insert-Methode. Doch leider ist die Dokumentation in diesem Fall etwas widersprüchlich.
Hier nun in aller kürze die richtige Anwendung der Funktion.
[html]
[/html]
Anstatt erst das Element als Parameter zu übergeben, wird gleich mit einem Object begonnen, in dem die gewünschte Position (after, before, top oder bottom) übergeben wird, gefolgt von zusetzenden Inhalt.
[js]// platziert neues Element vor dem 'foo' Element
$('foo').insert({
before: new Element('div', {
id: 'before_foo'
}).update('before foo')
});
// platziert neues Element nach dem 'foo' Element
$('foo').insert({
after: new Element('div', {
id: 'after_foo'
}).update('after foo')
});
// platziert neues Element am Ende des 'content' Elements
$('content').insert({
bottom: new Element('div', {
id: 'bottom_content'
}).update('content at the bottom')
});
// platziert neues Element am Anfang des 'content' Elements
$('content').insert({
top: new Element('div', {
id: 'top_content'
}).update('content at the top')
});[/js]