Schlagwort-Archive: Widget

@Anywhere Hovercards im offiziellen Twitter Widget

Twitter, , ,

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:

[code=’js‘]

[/code]

Und schon erhält man auch Hovercards im Widget:
Offizielles Twitter-Widget mit Hovercard

In eigener Sache: Neues Theme

Wordpress, , ,

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

Computer, , , ,

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:

[code language=“js“]
$("p").click(function(){
$(this).after("<p>Another paragraph!</p>");
});
[/code]

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:

[code language=“js“]
$("p").bind("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
[/code]

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

[code language=“js“]
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
[/code]

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.