Javascript Namespaces

More Infos: dustindiaz.com, lixo.org, jeffreysambells.com

var myNameSpace = function NameSpace() {

	// private methods/properties
	var privProp = 'test string';
	function privMethod1(var1) {
		alert('method: privMethod1');
	}
	function privMethod2(var1) {
		alert(privProp);
	}

	// public methods/properties
	return {
		pubMethod1 : function(var1) {
			alert('method: pubMethod1');
		},
		pubMethod2 : function(var2) {
			privMethod1();
		},
		pubVar1 : 'a string'
	}
}();

myNameSpace.pubMethod1();
myNameSpace.pubMethod2();
alert( myNameSpace.pubVar1 );

Anonymus namespace with method export:

(function(){

    function $(id) {
        return document.getElementById(id);
    }

    function test(id) {
        alert($(id).innerHTML);
    }

    window['mytest'] = test;

})();

IE7.js in neuer Beta-Version und base2

Dean Edwards hat eine neue Beta-Version seiner Javascript Library veröffentlicht.

Read the rest of this entry »

trim() in javascript + printf()

Richtig es gibt sie nicht, die trim() Funktion (mid() für M$ fans). Und auch einige andere Funktionen die man in PHP oft verwendet, gibt’s nicht. Aber jetzt!

Beispiele: wordwrap, explode, stripslashes, trim

[UPDATE]

sprintf gibt’s auch

Stinkt es da nach fauligen Äpfeln?

Dieses ImageFlow schaut doch irgendwie nach Apple aus, oder? Na ja, ich schätze das ich es demnächst wo einbauen darf, hoffentlich gibt’s das Ding dann schon als jquery Plugin. (via Basic Thinking Blog)

Miss Hie extracted

Melissa Hie hat da eine wirklich tolle Seite fabriziert. Aber neben den Javascript Effekten sind auch einige Inhalte interessant …

Read the rest of this entry »

“Ich habe Feuer gemacht!” …

… bzw. mein erstes WordPress-Plugin. Das tolle Google-Reader-Infinite-Scrolling-Ding habe ich jetzt in ein Plugin verpackt und schon mal hier eingebaut. Es ist eigentlich nicht fertig und noch relativ ungetestet (Firefox, IE6 und IE7) aber es scheint doch schon ganz gut zu funktionieren.

Um das Ding fertigzustellen muß das Plugin allerdings auch mit jedem beliebigen Theme funktionieren, derzeit ist das noch nicht so.  Weiters is das Nachladen teilweise sehr langsam, wenn man zum Beispiel recht schnell ganz weit nach unten scrollt.

Nach Weihnachten ist da sicher mal Zeit und dann gibts auch den Source Code zum Downloaden.

Infinite scrolling like in google reader with jquery

A very quick and dirty test implementation of the new google reader feature “infinite scrolling”. All in one file (except jquery of course). The four lines php ajax server, returns the list items. Some jquery javascript checks the scrolling and does the list item fetching with ajax.

See it in action
Source Code incl. PHP

Very cute accordion

Für seine Referenzen verwendet Marius Roosendaal ein sehr lässiges Accordion. Um einige Features ergänzt ergibt dieses Widget eine passable Bilder-Gallerie inkl. Paging und Beschreibungen.

Roosendaal Accordion

http://www.mariusroosendaal.com

ps.: Sehr geil ist auch der Style-Switcher mit dem man zwischen Tag/Nacht-Theme umschalten kann.

Proof it to me …. Isometric Gamearea

Ist es grundsätzlich möglich ein isometrisches Spielfeld im Browser darzustellen? Im ersten Augenblick wird man sagen, “Sicher, why not.”, aber nach einer kurzen Denkpause sollte einem auffallen das man da einige Probleme bekommt.

1. Man hat keine Zeichenfunktionen, ich will kein svg, canvas oder dergleichen verwenden (das wär ja leicht).
2. Damit kann man nur rechteckige Bilder verwenden … das macht die Sache nicht einfacher, vorallem im Bezug: Wie erkenn ich auf welchem der Bilder die Maus gerade steht (überlappen sich ja).

Aber mit ein bissl Fantasie hats dann doch hingehauen. Dann noch mittels jquery ein wenig Drag hier und ein bisschen Drop dort, und schon wars fertig.

http://bohuco.net/webiso/

not so ­ please

http://aktuell.de.selfhtml.org/weblog/bedingter-zeilenumbruch-shy

Jetzt endlich auch im Mozilla der bedingte Zeilenumbruch. Nette Idee auch: die JS Silbentrennung.