Auf der Suche nach einer JQuery Alternative zu FancyForm bin ich nicht richtig fündig geworden. Deshalb habe ich selbst eine kleine Alternative geschrieben.

Ist nicht viel, aber ich denke ganz in Ordnung.

Das Plugin soll einfach nur die Checkbox durch Bilder ersetzen.

Wichtig:

Jedes Checkbox Feld braucht ein Label Feld. Die Id der Checkbox muss mit der Id eines Labels übereinstimmen.

HTML-Code

<label for="apple">Apple</label>
<input id="apple" checked="checked" name="apple" type="checkbox" />
<label for="strawberry">Strawberry</label>
<input id="strawberry" name="strawberry" type="checkbox" />
<label for="pear">Pear</label>
<input id="pear" name="pear" type="checkbox" />
<label for="cranberry">Cranberry</label>
<input id="cranberry" name="cranberry" type="checkbox" />
<label for="carrot">Carrot</label>
<input id="carrot" checked="checked" name="carrot" type="checkbox" />
<label for="peach">Peach</label>
<input id="peach" checked="checked" name="peach" type="checkbox" />

CSS-Code

label.checkbox_checked {
  background: #fff url(chk_on.png) no-repeat;
  display: block;
  margin: 10px 0;
  padding-left: 25px;
  cursor: pointer;
}
label.checkbox_unchecked  {
  background: #fff url(chk_off.png) no-repeat;  
  display: block;
  margin: 10px 0;
  padding-left: 25px;
  cursor: pointer;
}

JavaScript Code:

$(document).ready(function() {
	$('input[type=checkbox]').each(function() {
		$($("label[for="+$(this).attr('id')+"]")).click(function(e) {
			e.preventDefault();
			c = $("#"+$(this).attr('for'));
			$(c).attr('checked',!$(c).is(':checked')).is(':checked') ? $(this).removeClass('checkbox_unchecked').addClass('checkbox_checked') : $(this).removeClass('checkbox_checked').addClass('checkbox_unchecked');
		}).addClass($(this).is(':checked') ? 'checkbox_checked' : 'checkbox_unchecked');
	}).hide();
});

Demo | Code | Download

XMarks ist einer meiner lieblings Firefox Extension. Damit Ihr auch an meinen Entdeckungen im Internet teilhaben könnt, habe ich Sie in der rechten Spalte den Punkt “Link Empfehlungen” eingeführt.

Wer im Wordpress Plugin Repository nach einer XMarks Extension sucht, der sucht vergebens ein Plugin. Dennoch kann man die letzten Bookmarks einfach integrieren.


Wie stellt ich euch vor.
1) Geht auf die Seite: http://my.xmarks.com und loggt euch ein.
2) Nach dem “Einloggen” solltet Ihr alle eure Bookmarks in der Übersicht sehen inklusive eurer Ordner.
3) Legt einen neuen Ordner “Empfehlungen” an.
4) Wählt den Ordner und klickt auf “Share” in der oberen Navigationsleiste.

5) In dem PopUp kopiert den Url “RSS-Feed” in die Zwischenablage.
6) Ladet euch das Plugin Simply RSS Fetcher aus dem Wordpress Repository und installiert es auf eurem Server.
7) Im Normalfall könnt Ihr jetzt einfach das “Widget” in die Sidebar laden und die Url aus der XMarks Seite einfügen und an die Stelle in der Sidebar reinladen.
8 ) Geht auf eine empfehlenswerte Seite im Netz oder speichert einfach ein Bookmark eine Seite in dem Ordner.
9) Schaut euch das Ergebnis an.

Ich denke eine einfache und sinnvolle Maßnahme um Besuchszahlen der Website zu erhöhen.

Viel Spaß,

Standard Login Maske mit Meldung

$TYPO3_CONF_VARS['SYS']['cookieDomain'] = 'dkemper.de'

Wichtig ist das die Temporären Daten (temp_**) gelöscht werden.
Falls das Passwort vergessen wurde, kann man einen neuen Admin User unter. http://www.example.de/typo3/install/index.php erstellen.

Ein kleiner Tipp, der aber hilfreich sein kann.