Sprinkle.js und die 3 Zeiler Alternativen

September 21st, 2007

Tags: , , , , , , ,

Auf Ajaxian entdeckte ich heute die sprinkle.js. Ein Skript welches das dynamische laden von Inhalten via eines Pseudoattributes "src" ermöglichen soll. Abgesehen davon dass dies nicht valide ist, da es kein "src"-Attribut für ein DIV gibt, waren die Kommentare im Gegenzug dazu doch recht erfrischend. :-)

Hier ein Beispiel wie sprinkle.js funktionieren soll:

HTML:
  1. <script src="sprinkle.js"></script>
  2. <div src="info.html"></div>
  3. <!-- info.html wird via ajax in das div geladen, on body load -->

Die sprinkle.js ist rund 300 Zeilen lang und enthält eine Menge Schönheitsfehler und ist eigentlich ein gutes Beispiel wie man es nicht machen sollte. Wem aber diese Lösung gefällt, und bereits eine Bibliothek wie Prototype oder jQuery verwendet, sollte sich mal die folgenden Beispiele ansehen.

jQuery - www.jquery.com

JAVASCRIPT:
  1. $('textarea[src], div[src], span[src]').each(function() {
  2. $(this).load(this.src);
  3. });

Prototype -www.prototypejs.org

JAVASCRIPT:
  1. $$('textarea[src], div[src], span[src]').each(function(el){
  2. new Ajax.Updater(el, el.src||'');
  3. });

Somit wäre das mit der sprinkle.js wohl dann auch geklärt ;)

2 Kommentare zu “Sprinkle.js und die 3 Zeiler Alternativen”

  1. 1 sven Says:
    November 30th, 2007 at 23:25
    Aber Sprinkle ist mit deinen Beispielen doch gar nicht vergleichbar! Schließlich geht es darum Daten aus Dateien zu laden.
  2. 2 Kjell Bublitz Says:
    December 1st, 2007 at 04:39
    uhm.. doch :D

    ist doch alles nur ajax. sprinkle kann auch nicht mehr als das.


Trackbacks/Pingbacks

Noch keine Trackbacks/Pingbacks von anderen Blogs

Diesen Eintrag kommentieren