Benutzer:J*/Ka-Mel-Oh/Testgelände/Notizzettel - Versionsgeschichte

WiKaBot: Textersetzung - „http://kamelopedia.mormo.org/“ durch „http://kamelopedia.net/“

2014-01-03T01:43:40Z

Textersetzung - „http://kamelopedia.mormo.org/“ durch „http://kamelopedia.net/“

J: / Wiki-Klasse */

2009-03-17T20:54:17Z

Wiki-Klasse

J: / Framework: Array.prototype und Async */

2009-03-17T20:33:52Z

Framework: Array.prototype und Async

J*: Neuer Abschnitt: Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist

2009-03-08T16:36:09Z

Neuer Abschnitt: Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist

J*: Neuer Abschnitt: UI

2009-02-23T19:31:03Z

Neuer Abschnitt: UI

J: / Wiki-Klasse */

2009-02-21T23:20:23Z

Wiki-Klasse

J: / Wiki-Klasse */

2009-02-21T12:50:58Z

Wiki-Klasse

J*: Neuer Abschnitt: Wiki-Klasse

2009-02-21T12:49:42Z

Neuer Abschnitt: Wiki-Klasse

J* am 21. Februar 2009 um 11:30 Uhr

2009-02-21T11:30:38Z

J*: Die Seite wurde neu angelegt.

2009-02-20T22:32:35Z

Die Seite wurde neu angelegt.

Neue Seite

// Entwurf 1 für das Framework

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 } );

@@ Zeile 38: / Zeile 38: @@
 == Wiki-Klasse ==
 Achtung, wichtig: Umstellen auf api.php und JSON:
-  http://kamelopedia.mormo.org/api.php?format=jsonfm&indexpageids&action=query&prop=revisions&titles=Hauptseite&rvprop=ids|flags|timestamp|user|content|comment
+  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, "")!)

@@ Zeile 40: / Zeile 40: @@
   http://kamelopedia.mormo.org/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, "")!)
-            new Ajax.Request( wgServer+wgScript, {
+Aktuelle version läuft aber schon im lib-Verzeichnis.
 == UI ==

@@ Zeile 2: / Zeile 2: @@
 __NEWSECTIONLINK__
 ==Framework: Array.prototype und Async==
-<!--
+ab jetzt im Verzeichnis [[Kamel:J*/lib|lib]] zu finden!
 ==Klassenarchitektur der Karten==
 <!--

@@ Zeile 299: / Zeile 299: @@
      document.getElementsByClassName("handcard")[c].onmousedown = dragger.pickup;
+}
 -->

← Nächstältere Version		Version vom 23. Februar 2009, 19:31 Uhr
Zeile 234:		Zeile 234:

	wiki.parse.start( { wiki: {title:"Test", source:"{{Bild}}"} }, ready )		wiki.parse.start( { wiki: {title:"Test", source:"{{Bild}}"} }, ready )
		+	-->
		+
		+	== 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;
		+	}
	-->		-->

@@ Zeile 154: / Zeile 154: @@
 == Wiki-Klasse ==
 <!--
 wiki = {

@@ Zeile 154: / Zeile 154: @@
 == Wiki-Klasse ==
+<!--
 wiki = {
      /*
@@ Zeile 228: / Zeile 228: @@
 };
-ready = function ( a ) { alert("-->"+String(a.wiki.HTML) ) };
+ready = function ( a ) { alert("->"+String(a.wiki.HTML) ) };
 wiki.parse.start( { wiki: {title:"Test", source:"{{Bild}}"} }, ready )

← Nächstältere Version		Version vom 21. Februar 2009, 12:49 Uhr
Zeile 152:		Zeile 152:
	c instanceof fkt2		c instanceof fkt2
	-->		-->
		+
		+	== Wiki-Klasse ==
		+
		+	wiki = {
		+	/*
		+	* 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, {
		+	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',
		+	parameters: 'action=render&title='+escape(args.wiki.title),
		+	onSuccess: function( transport ) { args.wiki.HTML = transport.responseText; wiki.getHTML.continue(args) },
		+	onFailure: function() { args.wiki.HTML = null; wiki.getHTML.continue( args ) }
		+	})
		+	},
		+	null
		+	]),
		+	/*
		+	* parse: lässt Wiki beliebigen Wiki-Quelltext rendern
		+	* Argumente und Rückgabewerte als Objekt:
		+	* objekt.wiki.source = Quelltext (benötigtes Argument)
		+	* objekt.wiki.title = Seitentitel (für {{PAGENAME}} oder ähnliches)
		+	* objekt.wiki.HTML = SeitenHTML (Rückgabewert)
		+	*/
		+	parse: new Async([
		+	function ( args ) {
		+	if (args == null)
		+	args = {};
		+	if (args.wiki == null)
		+	args.wiki = {};
		+
		+	filter1='<div id="wikilibajaxfilterdiv1"></div>';
		+	filter2='<div id="wikilibajaxfilterdiv2"></div>';
		+
		+	new Ajax.Request( wgServer+wgScript, {
		+	method:'post',
		+	parameters: 'action=submit&wpPreview=true&live=true&title='+escape(args.wiki.title)+'&wpTextbox1='+escape(filter1+args.wiki.source+filter2),
		+	onSuccess: function( transport ) { args.wiki.HTML = transport.responseText.replace(/</gi, "<").replace(/>/gi, ">").replace(/"/gi, "\"").replace(/&/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) ) };
		+
		+	wiki.parse.start( { wiki: {title:"Test", source:"{{Bild}}"} }, ready )

@@ Zeile 1: / Zeile 1: @@
-// Entwurf 1 für das Framework
+__NOTOC__
+__NEWSECTIONLINK__
 Test = function (a) {
@@ Zeile 25: / Zeile 27: @@
   * var a = [1,2,3];
   * a.where( function(e) { return(e>1) } )
-  * --> gibt zurück: [2,3]
+  * -> gibt zurück: [2,3]
   */
@@ Zeile 118: / Zeile 120: @@
 x.start( { blubb:5 } );

Benutzer:J*/Ka-Mel-Oh/Testgelände/Notizzettel - Versionsgeschichte

WiKaBot: Textersetzung - „http://kamelopedia.mormo.org/“ durch „http://kamelopedia.net/“

J*: /* Wiki-Klasse */

J*: /* Framework: Array.prototype und Async */

J*: Neuer Abschnitt: Hat nix mit Ka-Mel-Oh zu tun, aber weils so schön ist

J*: Neuer Abschnitt: UI

J*: /* Wiki-Klasse */

J*: /* Wiki-Klasse */

J*: Neuer Abschnitt: Wiki-Klasse

J* am 21. Februar 2009 um 11:30 Uhr

J*: Die Seite wurde neu angelegt.

J: / Wiki-Klasse */

J: / Framework: Array.prototype und Async */

J: / Wiki-Klasse */

J: / Wiki-Klasse */