Widget

@Anywhere Hovercards im offiziellen Twitter Widget

Posted on: März 18th, 2011 by crille No Comments

 

Twitter bietet für eigene Webseiten mit @Anywhere die Möglichkeit einige Informationen und Funktionen Twitters auf der eigenen Homepage anzubieten - so auch schicke Hovercards, die bei Links auf Twitterkonten aufgehen und zusätzliche Infos und Funktionen zu einem Konto anbieten. Try it: @freakcommander

Das verwunderliche ist, dass die Twitter-eigenen Widgets trotz Einbindung der @Anywhere-Unterstützung keine Hovercards anzeigen. Um das Problem zu beheben, reicht folgender JQuery-Code aus:

<script type="text/javascript">
$(document).ready(function() {
twttr.anywhere(function (T) {
	T("a.twtr-user").hovercards({
		username : function(node) {
			return node.innerHTML;
		}
	});
	T("a.twtr-atreply").hovercards({
		username : function(node) {
			return node.innerHTML;
		}
	});
});
});
</script>

Und schon erhält man auch Hovercards im Widget:
widget mit hovercard @Anywhere Hovercards im offiziellen Twitter Widget

In eigener Sache: Neues Theme

Posted on: Dezember 11th, 2009 by crille 1 Comment

 

Wer in den letzten Tagen mal in mein Blog geschaut hat, wird festgestellt haben, dass das Design sich sehr häufig geändert hat. So ein Theme darf ja nicht leichtfertig ausgewählt werden, deswegen freut es mich, euch mitzuteilen, dass die Suche ein Ende hat:

Das Spectrum-Theme von Ignacio Ricci ist wirklich der Hammer! Vielleicht müssen noch ein paar CSS-Angaben für die Widgets in der Sidebar geändert werden, aber ansonsten sieht das schon sehr chic aus. :)

JQuery Event Listener für hinzugefügten Inhalt

Posted on: August 30th, 2009 by crille No Comments

 

Wenn auf einer Webseite nach dem Laden Inhalt hinzugefügt wird, funktionieren Event Listener auf diesen hinzugefügten Inhalt nicht.  Nehmen wir diesen JQuery-Code:

$("p").click(function(){
   $(this).after("<p>Another paragraph!</p>");
});

Beim Klick auf einen Absatz wird danach ein neuer Absatz eingefügt mit dem Inhalt Another paragraph!. Klickt man auf diesen neuen Absatz Another paragraph! passiert nichts, obwohl laut dem JQuery-Code ja eigentlich beim Klick auf einen Absatz ein weiterer Absatz eingefügt werden soll.

Eine längere Schreibweise für o.g. Code ist diese hier mit der bind-Methode:

$("p").bind("click", function(){
   $(this).after("<p>Another paragraph!</p>");
});

Die Lösung, damit Event Listener auch auf hinzugefügten Inhalt funktionieren, ist die live-Methode:

$("p").live("click", function(){
   $(this).after("<p>Another paragraph!</p>");
});

Jetzt kann man auch auf Another paragraph! klicken und bekommt einen weiteren Absatz.

Übrigens ist diese live-Methode auch die Lösung, um in seinem selbst entworfenen Widget im neuen Admin-Panel (seit WordPress Version 2.8 ist die Widget Administration überarbeitet) Events per JQuery jederzeit benutzen zu können. Das Problem ist ansonsten nämlich, dass man das per Drag & Drop hinzugefügte Widget-Administrationspanel erst abspeichern musste, ehe JQuery-Events funktionieren.