Navigieren / suchen

Mit jQuery die Höhe unsichtbarer Elemente auslesen

Es gibt einen ganz einfach weg um die Höhe eines unsichtbaren Elementes auszulesen mit Hilfe von jQuery

	outerHeight: function(field){
		var height			= 0;
		var position		= field.css('position');
		var visibility	= field.css('visibility');
		var display			= field.css('display');
				
		field.css({
				position:   'absolute',
				visibility: 'hidden',
				display:    'block'
			});
		
		height = field.outerHeight();
		
		field.css({
				position:   position,
				visibility: visibility,
				display:    display
			});
		
		return height;
	}

jQuery Plugin selber erstellen

Ich habe in letzter Zeit viel mit jQuery rum gebastelt und ich finde es einfach nur geil. Man kann extrem viel Code und nerven sparen. Abfragen mit .ajax, einfacher geht es nicht mehr.
Ich habe mir letztens das jQuery Kochbuch von O’Reilly gekauft. Das kann ich wirklich empfehlen.

So nun genug geschwärmt, kommen wir zum eigentlichen Thema. Wenn man mit jQuery ein wenig gearbeitet hat, kennt man sicher das einte oder andere Plugin dafür. Ganz einfach $(‚#myDiv‘).gallery(…); aufrufen und schon hat man seine ganz geile Gallery.
So jetzt will ich aber mein eigenes kleines Plugin schreiben, vielleicht um danach sogar als Open-Source frei zu geben. Das könnte ja dann so aussehen:

$('#myDiv').nischi(...);

Mehr lesen

cfJSON und jQuery

Heute hatte ich noch eine kleine Herausforderung und zwar wollte ich einen AJAX-Request machen der mit die Seriennummern eines Produktes liefert und zwar während der Eingabe. Ziemlich gleich wie bei der Google-Suche. Wenn ich einen Eintrag auswähle soll er nochmals einen AJAX-Request machen und mir den kompletten Datensatz auslesen und das Formular (Informationen zum Produkt) automatisch ausfüllen.

Mehr lesen

Mit jQuery Drop-Down-Box ändern

Im Betrieb stand ich letztens vor dem „Problem“ um die richtige Drop-Down-Box einzublenden. Konkret geht es um Hersteller und Modelle. Beispielsweise habe ich bei der Hersteller Drop-Down-Box nur Automarken drin und zu jeder Automarke habe ich eine Drop-Down-Box mit Modellen. Jetzt soll nur die Modell-Drop-Down-Box des ausgewählten Herstellers angezeigt werden. Da hilft jQuery enorm bzw. ist es mit jQuery super einfach.

Mehr lesen