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 154: / Zeile 37: @@
 == 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, "")!)
-wiki = {
+Aktuelle version läuft aber schon im lib-Verzeichnis.
-    /*
-     * getSource: fragt wiki nach Seitenquelltexten
-     * Argumente und Rückgabewerte als Objekt:
-     * objekt.wiki.title = Seitentitel (benötigtes Argument)
-     * objekt.wiki.source = Seitenquelltext (Rückgabewert)
-     */
-    getSource: new Async([
-        function ( args ) {
-            if (args == null)
-                args = {};
-            if (args.wiki == null)
-                args.wiki = {};
-            new Ajax.Request( wgServer+wgScript, {
+== UI ==
-                method:'get',
-                parameters: 'action=raw&title='+escape(args.wiki.title),
-                onSuccess: function( transport ) { args.wiki.source = transport.responseText; wiki.getSource.continue(args) },
-                onFailure: function() { args.wiki.source = null; wiki.getSource.continue( args ) }
-            })
-        },
-        null
-    ]),
-    /*
-     * getHTML: fragt wiki nach gerenderten Seiten
-     * Argumente und Rückgabewerte als Objekt:
-     * objekt.wiki.title = Seitentitel (benötigtes Argument)
-     * objekt.wiki.HTML = SeitenHTML (Rückgabewert)
-     */
-    getHTML: new Async([
-        function ( args ) {
-            if (args == null)
-                args = {};
-            if (args.wiki == null)
-                args.wiki = {};
-            new Ajax.Request( wgServer+wgScript, {
+<!--
-                method:'get',
+dragger = {
-                parameters: 'action=render&title='+escape(args.wiki.title),
+    item: null,
-                onSuccess: function( transport ) { args.wiki.HTML = transport.responseText; wiki.getHTML.continue(args) },
+    const: {pickupPrecision: 10, dropPrecision: 30},
-                onFailure: function() { args.wiki.HTML = null; wiki.getHTML.continue( args ) }
+    object: {
-             })
+        original: {x: NaN, y: NaN},
-         },
+        current: {x: NaN, y:NaN}
-        null
+    },
-     ]),
+    pointer: {
-     /*
+        original: {x: NaN, y:NaN},
-     * parse: lässt Wiki beliebigen Wiki-Quelltext rendern
+        current: {x: NaN, y:NaN}
-     * Argumente und Rückgabewerte als Objekt:
+    },
-     * objekt.wiki.source = Quelltext (benötigtes Argument)
+    handler: { klick: null, drag: null, drop: null },
-     * objekt.wiki.title = Seitentitel (für {{PAGENAME}} oder ähnliches)
+    dropzones: [ ],
-     * objekt.wiki.HTML = SeitenHTML (Rückgabewert)
+    pickup: function (e) {
-     */
+        if (dragger.item != null)
-     parse: new Async([
+            return;
-         function ( args ) {
+        dragger.object.original.x = this.offsetLeft;
-             if (args == null)
+        dragger.object.original.y = this.offsetTop;
-                args = {};
+        dragger.pointer.original.x = dragger.pointer.current.x;
-             if (args.wiki == null)
+        dragger.pointer.original.y = dragger.pointer.current.y;
-                 args.wiki = {};
+        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;
+    }
+}
-            filter1='<div id="wikilibajaxfilterdiv1"></div>';
+document.onmousemove = dragger.mouseMove;
-            filter2='<div id="wikilibajaxfilterdiv2"></div>';
+document.onmouseup = dragger.drop;
-            new Ajax.Request( wgServer+wgScript, {
+for(c=0;c<(l=document.getElementsByClassName("handcard").length);c++)
-                method:'post',
+{
-                parameters: 'action=submit&wpPreview=true&live=true&title='+escape(args.wiki.title)+'&wpTextbox1='+escape(filter1+args.wiki.source+filter2),
+    document.getElementsByClassName("handcard")[c].onmousedown = dragger.pickup;
-                onSuccess: function( transport ) { args.wiki.HTML = transport.responseText.replace(/&lt;/gi, "<").replace(/&gt;/gi, ">").replace(/&quot;/gi, "\"").replace(/&amp;/gi,"&").replace(new RegExp("^(.|\n)*"+filter1),"").replace(new RegExp(filter2+"(.|\n)*$"),""); wiki.parse.continue(args) },
+}
-                onFailure: function() { args.wiki.HTML = null; wiki.parse.continue( args ) }
+-->
-            })
-        },
-        null
-    ])
-};
-ready = function ( a ) { alert("-->"+String(a.wiki.HTML) ) };
+== Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist ==
-wiki.parse.start( { wiki: {title:"Test", source:"{{Bild}}"} }, ready )
+<!--
+//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();
+-->