Benutzer:J*/Ka-Mel-Oh/Testgelände/Notizzettel: Unterschied zwischen den Versionen

Aktuelle Version vom 3. Januar 2014, 02:43 Uhr

Framework: Array.prototype und Async[bearbeiten]

ab jetzt im Verzeichnis lib zu finden!

Klassenarchitektur der Karten[bearbeiten]

Wiki-Klasse[bearbeiten]

Achtung, wichtig: Umstellen auf api.php und JSON:

http://kamelopedia.net/api.php?format=jsonfm&indexpageids&action=query&prop=revisions&titles=Hauptseite&rvprop=ids%7Cflags%7Ctimestamp%7Cuser%7Ccontent%7Ccomment

... und dann den Timestamp zum Schreiben benutzen (vorher .replace(/[^0-9]/g, "")!)

Aktuelle version läuft aber schon im lib-Verzeichnis.

Benutzer:J*/Ka-Mel-Oh/Testgelände/Notizzettel: Unterschied zwischen den Versionen

Aktuelle Version vom 3. Januar 2014, 02:43 Uhr

Framework: Array.prototype und Async[<small>bearbeiten</small>]

Klassenarchitektur der Karten[<small>bearbeiten</small>]

Wiki-Klasse[<small>bearbeiten</small>]

UI[<small>bearbeiten</small>]

Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist[<small>bearbeiten</small>]

Navigationsmenü

Suche

@@ Zeile 2: / Zeile 2: @@
 __NEWSECTIONLINK__
 ==Framework: Array.prototype und Async==
-<!--
+ab jetzt im Verzeichnis [[Kamel:J*/lib|lib]] zu finden!
-Test = function (a) {
-var x = this;
-a.each( function(e) { x.push(e) } );
-this.info="abc";
-};
-// Achtung! geht nur mit der Prototype-Library (Prototype.js - nicht verwechseln mit irgendwas.prototype!)
-/* +-----------------------------------------------------------+
- * |                                                           |
- * |  Modul 1: Erweiterungen von Datentypen mittels prototype  |
- * |                                                           |
- * +-----------------------------------------------------------+
- */
-/*
- * Erweiterung von Array: Array.where erlaubt die Filterung von Objekten mittels Vergleichsfunktion
- *
- * Das benutze Array.each ist übrigens der for...in-Ersatz von Prototype
- * (for...in funktionert nicht 100% ordentlich, wenn man prototype in Arrays benutzt)
- *
- * Beispiel für Array.where:
- * var a = [1,2,3];
- * a.where( function(e) { return(e>1) } )
- * -> gibt zurück: [2,3]
- */
-Array.prototype.where = function ( fkt ) {
-    var out = [];
-    this.each( function (e) {
-        if ( fkt(e) )
-            out.push(e)
-    } );
-    return out;
-}
-/* +-------------------------------------------------------------------------+
- * |                                                                         |
- * |  Modul 2: Die Async-Klasse, um asynchrone Vorgänge behandeln zu können  |
- * |           mehr Erklärung gibt's woanders ... vielleicht ...             |
- * |                                                                         |
- * +-------------------------------------------------------------------------+
- */
-function Async ( arr, ondone )
-{
-    var asyncobj = this;
-    arr.each( function(d) { asyncobj.push(d); } );
-    this.pointer = 0;
-    this.ondone = ondone;
-    this.nextElement = function() { return this[this.pointer+1]; };
-    this.currentElement = function() { return this[this.pointer]; };
-    this.start = function ( obj, ond ) {
-        if (ond != null)
-        {
-            this.ondone = ond;
-        }
-        this.pointer = 0;
-        this._control( obj );
-    };
-    this.continue = function ( obj ) {
-        this.pointer++;
-        this._control( obj );
-    };
-    this._control = function ( obj ) {
-        if (this.pointer >= this.length)
-        {
-            if (typeof(this.ondone)=="function")
-            {
-                alert("Return: Function")
-                this.ondone( obj, this );
-                return
-            }
-            if (typeof(this.ondone)=="object") // instanceof gibt hier nur ärger
-            {
-                alert("Return: object")
-                this.ondone.continue( obj );
-                return
-            }
-        }
-        if (typeof(this[this.pointer])=="function")
-        {
-            this.continue( this[this.pointer]( obj, this ) );
-            return
-        }
-        if (this[this.pointer] instanceof Async)
-        {
-            this[this.pointer].start( obj, this );
-            return
-        }
-    };
-}
-Async.prototype = new Array ();
-// -----------------------------------------------------------------------------------------
-ready = function (w) { alert(w.blubb) }
-ready2 = function (w) { alert(w.blubb+"..") }
-x = new Async([
-    function(t) { t.blubb ++; return t },
-    function(t) { this.nextElement().push( function(u) { t.blubb = u.blubb + 7; return u; } ); return t},
-    new Async([
-        function(t) { t.blubb = t.blubb * 10; return t }
-    ]),
-    function(z) { z.w = z.blubb; return z }
-],ready);
-x.start( { blubb:5 } );
--->
 ==Klassenarchitektur der Karten==
 <!--
@@ Zeile 151: / Zeile 34: @@
 c = new fkt2();
 c instanceof fkt2
+-->
+== Wiki-Klasse ==
+Achtung, wichtig: Umstellen auf api.php und JSON:
+ http://kamelopedia.net/api.php?format=jsonfm&indexpageids&action=query&prop=revisions&titles=Hauptseite&rvprop=ids|flags|timestamp|user|content|comment
+... und dann den Timestamp zum Schreiben benutzen (vorher .replace(/[^0-9]/g, "")!)
+Aktuelle version läuft aber schon im lib-Verzeichnis.
+== UI ==
+<!--
+dragger = {
+    item: null,
+    const: {pickupPrecision: 10, dropPrecision: 30},
+    object: {
+        original: {x: NaN, y: NaN},
+        current: {x: NaN, y:NaN}
+    },
+    pointer: {
+        original: {x: NaN, y:NaN},
+        current: {x: NaN, y:NaN}
+    },
+    handler: { klick: null, drag: null, drop: null },
+    dropzones: [ ],
+    pickup: function (e) {
+        if (dragger.item != null)
+            return;
+        dragger.object.original.x = this.offsetLeft;
+        dragger.object.original.y = this.offsetTop;
+        dragger.pointer.original.x = dragger.pointer.current.x;
+        dragger.pointer.original.y = dragger.pointer.current.y;
+        dragger.item=this;
+        return false;
+    },
+    mouseMove: function (e) {
+        dragger.pointer.current.x = document.all ? window.event.clientX : e.pageX;
+        dragger.pointer.current.y = document.all ? window.event.clientY : e.pageY;
+        if (dragger.item != null)
+        {
+            dragger.drag();
+        }
+    },
+    drag: function () {
+        dragger.object.current.y = dragger.object.original.y + dragger.pointer.current.y - dragger.pointer.original.y;
+        dragger.object.current.x = dragger.object.original.x + dragger.pointer.current.x - dragger.pointer.original.x;
+        dragger.item.style.top = dragger.object.current.y + "px";
+        dragger.item.style.left = dragger.object.current.x + "px";
+    },
+    drop: function () {
+        if ( Math.abs(dragger.object.original.x - dragger.object.current.x) < dragger.const.pickupPrecision &&
+             Math.abs(dragger.object.original.y - dragger.object.current.y) < dragger.const.pickupPrecision )
+        {
+            dragger.item.style.top = dragger.object.original.y + "px";
+            dragger.item.style.left = dragger.object.original.x + "px";
+            var d = dragger.item;
+            dragger.item = null;
+            if ( dragger.handler.klick != null )
+                dragger.handler.klick( d )
+        }
+        dragger.item = null;
+    }
+}
+document.onmousemove = dragger.mouseMove;
+document.onmouseup = dragger.drop;
+for(c=0;c<(l=document.getElementsByClassName("handcard").length);c++)
+{
+    document.getElementsByClassName("handcard")[c].onmousedown = dragger.pickup;
+}
+-->
+== Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist ==
+<!--
+//document.getElementById("bodyContent").innerHTML += "<iframe id='bw'></iframe>";
+//document.getElementById("bw").style.width="100%"
+//document.getElementById("bw").style.height="400px"
+//document.getElementById("bw").style.border="1px transparent solid"
+var histTitle= "Hauptseite";
+var histRevQuery="{{#dpl: titlematch=Hauptseite|skipthispage=no|namespace=|firstrevisionsince=20040101|format=,%REVISION%}}"
+hist = new Async( [
+    function () { return { wiki: {source: histRevQuery, title: histTitle}}; },
+    wiki.parse,
+    function (e) { a = (parseInt("0"+e.wiki.HTML.replace(/[^0-9]/g,""))); document.getElementById("bw").href=wgServer+wgScript+"/" }
+])
+hist.start();
 -->