PHP Log » jquery

Mit jQuery alle Option Tags aus einem select entfernen

ralle — Thu, 25 Mar 2010 01:26:47 +0000

Ab und an braucht man so eine Funktion. Hier das passende Code-Schnippsel:

// So einfach...
$('#my_select').children().remove() ;
 
// Und wenn man ein leeres Option Tag anhängen will gehts das so
$j('#my_select').children().remove().end().append('') ;

Und wer in Essen Brötchen braucht: Lieferdienst in Essen

Settings für das jQuery Plugin NotesForLightBox

ralle — Thu, 29 Oct 2009 20:47:37 +0000

Dieses Lightbox Plugin zählt eindeutig zu den schöneren Vertretern seiner Art. leider gibt zwei drei Stopper in der Doku, deswegen hier meine Settings zu konservatorischen Zwecken:

     $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 $

Wenn sich der jQuery Dialog nicht erneut öffnen lässt

ralle — Thu, 20 Aug 2009 19:23:55 +0000

Das passiert meist wenn man dass Instanziieren des Dialogs in einer Funktion kapselt. Denn der Dialog wird nach dem Schliessen zerstört und lässt sich nicht erneut instanziieren.

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

jQuery Datepicker verschwindet hinter dem Dialog

ralle — Thu, 20 Aug 2009 14:18:27 +0000

Für dieses Problem gibt es eine einfache Lösung. Man muss dem Datepicker Element einen z-index zuweisen, der höher ist als der des Dialogs.

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

Das Datum setzen mit dem jQuery Datepicker und setDate

ralle — Sat, 15 Aug 2009 20:51:35 +0000

Das klingt zunächst einmal sehr einfach, aber ich musste doch einiges an Versuchen starten bevor es funzte, deswegen hier mal meine Lösung, zum Nachschlagen für mich selbst.


 
<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 ( "" ));				
 
		// oder doch besser Heute
		$j("#fromTotal").datepicker('setDate', new Date ( "" ));				
 
	});
script>

Update: Das scheint im Safari zur Zeit nicht zu funktioneren