Meine Lösung erweitert die String Funktionen von Javascript, so dass ein im MySQL Format 2010-12-24 vorliegendes Datum direkt umgewandelt werden kann.

String.prototype.MySQLDateToJavascriptDate = function(){
	var res = this.split('-');
	return new Date ( parseInt(res[0], 10), parseInt(res[1]-1, 10), parseInt(res[2], 10) );	
}
 
// Usage
var my_date = '2010-12-24';
var js_date = my_date.MySQLDateToJavascriptDate();
alert(js_date.toString());
// Fri Dec 24 2010 00:00:00 GMT+0100 (CET)

     $j(function() {  
		 var settings = { 
			containerResizeSpeed: 350, 
			imageLoading: '/img/nf.lightbox/loading.gif',
			imageBtnPrev: '/img/nf.lightbox/prev.png',
			imageBtnNext: '/img/nf.lightbox/next.png',
			imageBtnClose: '/img/nf.lightbox/close.png',
			imageBlank: '/img/nf.lightbox/blank.gif',
			imageBtnBottomPrev: '/img/nf.lightbox/btm_prev.gif',
			imageBtnBottomNext: '/img/nf.lightbox/btm_next.gif',
			imageBtnPlay: '/img/nf.lightbox/start.png',
			txtImage: 'Bild',
			txtOf: 'von',
			txtPrev: ' zurück',
			txtNext: ' weiter',
			keyToClose: 's',
			keyToPrev: 'z',
			keyToNext: 'w',
			slideShowTimer: 5000
		};
         $j('a.lightbox').lightBox(settings); // Select all links with lightbox class   
     });

Achtung: Nicht vergessen im aufrufenden Link einen Title als Bildname anzugeben, sonst funktioniert die untere Navigation mit txtPrev, txtNext nicht. Die Pfade für die Bilder sind meinen Zwecken entsprechend angepasst und jQuery wird mit $j angesprochen anstatt mit nur $

Ich wusste mir aufgrund gebotener Eile, nicht anders zu Helfen, als meine Ajax Request um einen Timestamp zu erweitern.

	function getTimeStamp(){
		var t = new Date();
		var ms = t.getTime();
		return '/t:' + ms;
	}

Nicht besonders elegant aber es hat geholfen. Kein Wunder wenn der Browser sich seine Vormachtsstellung verspielt. Bin gespannt wann der unter 50% geht

Update

Hier eine Beispiel aus der Praxis:

	function bulk_update(operation){
 
		var url = '/admin/acls/operation/1' + getTimeStamp();
 
 
		new Ajax.Request(url, {
			method: 'get',
		  	onSuccess: function(transport) {
				// Tu was
		  	},
			onFailure: function(transport){
                               // Fürs Protokoll
			},
			onLoading: function(transport){
				// warte...
			}
 
		});		
	}

Wenn die Instanziierung des Dialog von Vorteil ist, z.b. wenn noch Parameter übergeben werden sollen, kann man sich einfach mit dem Event ‘close’ behelfen. Ein Beispiel:

function show_order_dialog(id){
	$('#dialog').dialog(
		{
			bgiframe: true,
			resizable: true,
			width: 500,
			modal: true,
			// hier wird dafür gesorgt dass der Dialog nach dem
			// schliessen zerstört wird.
			close: function(event, ui) { 
				$(this).dialog('destroy');
			},
			overlay: {
				backgroundColor: '#000',
				opacity: 0.5
			},
			buttons: {
				'Änderungen übernehmen': function() {
					$(this).dialog('close');
					update_order(id);
					// Es bringts wenn man das hier ausführt
					// Denn der X Button oben rechts ruft nur close auf und nicht destroy
					// $(this).dialog('destroy');
				},
				'Unterbrechung löschen': function() {
					$(this).dialog('close');
					delete_order(id);
				},										
				Abbrechen: function() {
					$(this).dialog('close');
				}
			}
		}
	);
 
}

Hier ein Beispiel:

 
// Recht hoch gesetzt, sollte aber immer mehr als 10000 sein
$("#ui-datepicker-div").css("z-index", 10000000);
 
// Alternativ kann man auch dies versuchen um den z-index eins höher 
// als das Elternelement zu setzen
$("#ui-datepicker-div").css("z-index", $(this).parents(".ui-dialog").css("z-index")+1);

<input type="text" name="fromTotal" id="fromTotal">
 
<script type="text/javascript">
    // Ich nutze jQuery mit Prototype, deswegen spreche ich jQuery mit $j an
	$j(function() {
 
		$j("#fromTotal").datepicker(
			{
				dateFormat: 'dd.mm.yy', // Anzeige auf Deutsch
				altField: '#fromDate',  // Aber übermittle...
				altFormat: 'yy-mm-dd'   // ...MySQL Compliant
			}
		);		
 
		// Mach mal Weihnacht
		$j("#fromTotal").datepicker('setDate', new Date ( "<?= date('m d Y', strtotime('2009-12-24')) ?>" ));				
 
		// oder doch besser Heute
		$j("#fromTotal").datepicker('setDate', new Date ( "<?= date('m d Y', time()) ?>" ));				
 
	});
</script>

Update: Das scheint im Safari zur Zeit nicht zu funktioneren

Die RCT Progress Bar ist eine freie, auf Prototype und Scriptaculous basierende Fortschrittsanzeige. Was damit alles geht, sieht man ganz schön in der Galerie

Die Software steht unter Creative Commons Attribution 3.0 und ist damit eigentlich überall einsetzbar.

In diesen zweipunktnulligen Zeiten geht ohne Javascript doch eh nichts mehr. Eine Javascript Funktion hierfür lässt sich außerdem auf auch auf statische Tabellen anwenden, was besonders von Vorteil sein kann wenn diese Erweitert werden. Hier nun also meine (Prototype basierte) Lösung hierfür:

       /*
	 * set an alternate class for each row in the table
	 * use the CSS classes 'row' and 'altrow'
	 *
	 */
	function alternateRows(table){
		for (var i=0; i > $(table).rows.length; i++) {
			if(i % 2 == 0)
				$(table).rows[i].className = 'altrow';
			else
				$(table).rows[i].className = 'row';
 
		};
	}

Sehr einfach, aber auch sehr nützlich!

Imago – An Ajax Image Gallery

Basierend auf mootools liegt diese Galerie zur Zeit in der Version 0.7 vor. Die Demo sieht ansprechend aus und funktioniert soweit ersichtleich einwandfrei. Die Anbindung ist ein wenig befremdlich, denn es wird per Ajax eine XML Datei in einem bestimmten Format geladen, was bei dynamischen Galerien immer ein wenig mehr Aufwand in der Implementierung bedeutet. Es gibt keine gängige Lizenz wie LGPL, sondern nur ein Terms of Use Statement dass für einige Verwirrung sorgt. Eine Einschränkung ist z.B. dass die Galerie nicht mit Content Management Systemen vertrieben werden darf.

Spry – Gallery

Aus dem Hause Adobe kommt das umfangreiche “Spry framework for Ajax”, dessen Bildergalerie schon recht sexy ist. Auch diese Galerie arbeitet mit XML Dateien… bedauerlicherweise. Ob das XML auch als String übergeben werden kann, lässt sich so auf die Schnelle nicht herausfinden. Spry steht unter der BDS Lizenz und ist damit meiner Einschätzung nach für alle Einsatzzwecke geeignet.

Lightbox 2

Der Klassiker. Einfachste Einbindung, Einfache Bedienung für den Benutzer, weitverbreitet und gut getestet. Eigentlich ideal, aber auch ein wenig ausgetreten. So ziemlich jeder hat dieses Gallery schon irgendwo mal gesehen. Lightbox 2 steht unter der Creative Commons Attribution 2.5 License, damit sollte auch diese Software überall ohne Probleme einsetzbar sein.

FrogJS Javascript Gallery

Eine recht erfrischende Variante ist die FrogJS Javascript Gallery. Wie bei der Lightbox, ist auch hier die Einbindung ein Kinderspiel und jeder Benutzer der jemals die Coverflow Funktion von z.B. iTunes gesehen hat kommt damit zurecht. Im Hintergrund werkeln hier Prototype und Scriptacolous. Die Lizenz ist auch hier wieder die Creative Commons Attribution 2.5 License.

slideViewer

Dieses feine jQuery Plugin bietet viel Effekt mit wenig Code. Sicherlich eine gute Wahl wenn es darum geht viele Bilder auf wenig Raum darzustellen. Die Einbindung schient hier ebenfalls sehr simpel zu sein. Der Slideeffekt lässt sich in verschiedenen Varianten einrichten. Leider konnte ich keine Lizenzhinweise finden, im Zweifel besser noch mal beim Author nachfragen.

JonDesign’s SmoothGallery

Diese Galerie wirkt sehr modern und gut gestylt. Nicht jede Funktion ist für den Benutzer gleich ersichtlich, aber meiner Meinung nach ist der Einsatz vertretbar.  Auch hier kommen die Mootools zum Einsatz. Die Einbinung ist nicht sooo einfach wie z.B. bei der Lightbox, aber es ist auch nicht so aufwändig, als dass es einen Programmierer abschrecken könnte. Einziger Wermutstropfen ist die Lizenz, die Galerie steht unter der GPL und ist damit nicht uneingeschränkt und für jeden Zweck einsetzbar.

ImageFlow

Diese Gallery ist angelehnt an die Coverflow Funktion die ich von meinem MacBook kenne, Windows User kennen das wahrscheinlch am ehesten von iTunes. Die Einbindung sieht auf den ersten Blick recht einfach aus es gibt aber viele Möglichkeiten die Galerie anzupassen. Für die Reflektionen wird ein PHP Script genutzt, es kann aber auch ohne Reflektionen betrieben werden. Für die Integration in ein MVC Framework müssen minimale Anpassungen an den Pfaden vorgenommen werden. Die Lizenz ist die Creative Commons Attribution-Noncommercial 3.0 Unported License, das heisst man muss für Kommerzielle Nutzung zahlen, aber damit habe ich kein Problem. Soweit ich das Überblicken kann ist der aktuelle Preis 20 USD.

ThickBox 3.1

Basierend auf jQuery kommt ThickBox mit einer einfachen einzubinden API und bietet neben der Galerie gleich noch weitere nützliche Funktionen wie modale Dialoge und einiges mehr. Die Funktion der Gallery erinnert an die Lightbox, wirkt aber ein klein wenig moderner. Mit der MIT License gibt es meiner Ansicht nach keine Hürden für einen Einbindung.