Schnipsel - Code Schnipsel (Snippets) zu Wordpress, PHP, HTML, CSS, jQuery » jQuery

Firebug Lite einbinden

Thomas Aull — Thu, 21 May 2009 14:09:19 +0000

Firebug ist das Webentwicklertool für den Firefox. Leider kommt es aber dann und wann vor, dass manche Probleme nur in anderen Browsern auftreten, zum Beispiel im geliebten Internet Explorer. Für diesen Zweck gibt es Firebug Lite, eine abgespeckte, auf JavaScript basierende Version von Firebug. Das ganze kann man so in seine Seite einbinden und dann direkt lostesten.

Mit jQuery eine CSS class hinzufügen/entfernen

David Hellmann — Tue, 12 May 2009 13:37:30 +0000

Eine einfach Möglichkeit mit der man eine CSS class hinzufügen oder entfernen kann

	// hinzufügen
	jQuery("#content").addClass("classname");
 
	// entfernen
	jQuery("#content").removeClass("classname");	
 
	// hinzufügen oder entfernen, je nachdem ob die class schon vorhanden ist oder nicht
	jQuery("#content").toggleClass("classname");

Mit jQuery eine CSS Eigenschaft übergeben

David Hellmann — Tue, 12 May 2009 13:30:55 +0000

Schnell und einfach mit jQuery CSS Eigenschaften übergeben.

1 2	jQuery("#content #left").css("background-color", "#ff0000"); Hier würde der Container mit der ID #lft die hintergrundfarbe rot bekommen.

jQuery form input default value

Bastian Winkler — Wed, 29 Apr 2009 09:27:22 +0000

Ein Defaultvalue für Input felder setzen mit jQuery

 
jQuery.fn.DefaultValue = function() {
 
		// Scope
		var elements = this;
		var args = arguments;
		var c = 0;
 
		return(
			elements.each(function() {				
 
				// Default values within scope
				var el = $(this);
				var def = args[c++];
 
				el.val(def).focus(function() {
					if(el.val() == def) {
						el.val("");
					}
					el.blur(function() {
						if(el.val() == "") {
							el.val(def);
						}
					});
				});
 
			})
		);
	};
 
$(document).ready(function(){
       $("input").DefaultValue("Suchen");
});