<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:georss="http://www.georss.org/georss"> <channel><title>freakcommander &#187; Widget</title> <atom:link href="http://www.freakcommander.de/tag/widget/feed/" rel="self" type="application/rss+xml" /><link>http://www.freakcommander.de</link> <description>Kann alles. Weiß alles. Macht alles.</description> <lastBuildDate>Fri, 10 Feb 2012 10:40:35 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>@Anywhere Hovercards im offiziellen Twitter Widget</title><link>http://www.freakcommander.de/3809/computer/twitter/anywhere-hovercards-im-offiziellen-twitter-widget/</link> <comments>http://www.freakcommander.de/3809/computer/twitter/anywhere-hovercards-im-offiziellen-twitter-widget/#comments</comments> <pubDate>Fri, 18 Mar 2011 16:00:19 +0000</pubDate> <dc:creator>crille</dc:creator> <category><![CDATA[Twitter]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[Widget]]></category> <guid
isPermaLink="false">http://www.freakcommander.de/?p=3809</guid> <description><![CDATA[Twitter bietet für eigene Webseiten mit @Anywhere die Möglichkeit einige Informationen und Funktionen Twitters auf der eigenen Homepage anzubieten &#8211; 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 [...]]]></description> <content:encoded><![CDATA[<p>Twitter bietet für eigene Webseiten mit <a
href="http://dev.twitter.com/anywhere">@Anywhere</a> die Möglichkeit einige Informationen und Funktionen Twitters auf der eigenen Homepage anzubieten &#8211; so auch schicke Hovercards, die bei Links auf Twitterkonten aufgehen und zusätzliche Infos und Funktionen zu einem Konto anbieten. Try it: @freakcommander</p><p>Das verwunderliche ist, dass die <a
href="http://twitter.com/about/resources/widgets">Twitter-eigenen Widgets</a> trotz Einbindung der @Anywhere-Unterstützung keine Hovercards anzeigen. Um das Problem zu beheben, reicht folgender <a
href="http://jquery.com/">JQuery</a>-Code aus:</p><pre class="brush: js">
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {
twttr.anywhere(function (T) {
	T(&quot;a.twtr-user&quot;).hovercards({
		username : function(node) {
			return node.innerHTML;
		}
	});
	T(&quot;a.twtr-atreply&quot;).hovercards({
		username : function(node) {
			return node.innerHTML;
		}
	});
});
});
&lt;/script&gt;
</pre><p>Und schon erhält man auch Hovercards im Widget:<br
/> <a
href="http://www.freakcommander.de/wp-content/uploads/2011/03/widget_mit_hovercard.png"><img
class="alignnone size-full wp-image-3829" title="Offizielles Twitter-Widget mit Hovercard" src="http://www.freakcommander.de/wp-content/uploads/2011/03/widget_mit_hovercard.png" alt="widget mit hovercard @Anywhere Hovercards im offiziellen Twitter Widget" width="386" height="421" /></a></p><p>Auch interessant:<ol><li><a
href='http://www.freakcommander.de/3836/computer/twitter/anywhere-hovercards-fur-links-auch-blackbird-pie/' rel='bookmark' title='@Anywhere Hovercards für Links (auch Blackbird Pie)'>@Anywhere Hovercards für Links (auch Blackbird Pie)</a></li><li><a
href='http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/' rel='bookmark' title='JQuery Event Listener für hinzugefügten Inhalt'>JQuery Event Listener für hinzugefügten Inhalt</a></li><li><a
href='http://www.freakcommander.de/1819/computer/regexp-selektor-in-jquery/' rel='bookmark' title='Regexp Selektor in JQuery'>Regexp Selektor in JQuery</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://www.freakcommander.de/3809/computer/twitter/anywhere-hovercards-im-offiziellen-twitter-widget/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>In eigener Sache: Neues Theme</title><link>http://www.freakcommander.de/2484/computer/wordpress/in-eigener-sache-neues-theme/</link> <comments>http://www.freakcommander.de/2484/computer/wordpress/in-eigener-sache-neues-theme/#comments</comments> <pubDate>Fri, 11 Dec 2009 11:06:18 +0000</pubDate> <dc:creator>crille</dc:creator> <category><![CDATA[Wordpress]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Sidebar]]></category> <category><![CDATA[Theme]]></category> <category><![CDATA[Widget]]></category> <guid
isPermaLink="false">http://www.freakcommander.de/?p=2484</guid> <description><![CDATA[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 [...]]]></description> <content:encoded><![CDATA[<p>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:</p><p>Das <a
href="http://spectrum-theme.com/">Spectrum-Theme</a> 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. :)</p><p>Auch interessant:<ol><li><a
href='http://www.freakcommander.de/4569/computer/in-eigener-sache-serverumzug-erfolgreich/' rel='bookmark' title='In eigener Sache: Serverumzug erfolgreich'>In eigener Sache: Serverumzug erfolgreich</a></li><li><a
href='http://www.freakcommander.de/3139/musik/tv-theme-medley/' rel='bookmark' title='TV Theme Medley'>TV Theme Medley</a></li><li><a
href='http://www.freakcommander.de/2255/schlimm-aber-wahr/in-eigener-sache-besuchersturm/' rel='bookmark' title='In eigener Sache: Besuchersturm'>In eigener Sache: Besuchersturm</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://www.freakcommander.de/2484/computer/wordpress/in-eigener-sache-neues-theme/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>JQuery Event Listener für hinzugefügten Inhalt</title><link>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/</link> <comments>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/#comments</comments> <pubDate>Sun, 30 Aug 2009 08:38:03 +0000</pubDate> <dc:creator>crille</dc:creator> <category><![CDATA[Computer]]></category> <category><![CDATA[bind]]></category> <category><![CDATA[event listener]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[Widget]]></category> <category><![CDATA[Wordpress]]></category> <guid
isPermaLink="false">http://www.freakcommander.de/?p=2138</guid> <description><![CDATA[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: $(&#38;quot;p&#38;quot;).click(function(){ $(this).after(&#38;quot;&#38;lt;p&#38;gt;Another paragraph!&#38;lt;/p&#38;gt;&#38;quot;); }); 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 [...]]]></description> <content:encoded><![CDATA[<p>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><pre class="brush: js">
$(&amp;quot;p&amp;quot;).click(function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Beim Klick auf einen Absatz wird danach ein neuer Absatz eingefügt mit dem Inhalt <em>Another paragraph!</em>. Klickt man auf diesen neuen Absatz <em>Another paragraph!</em> passiert nichts, obwohl laut dem JQuery-Code ja eigentlich beim Klick auf einen Absatz ein weiterer Absatz eingefügt werden soll.</p><p>Eine längere Schreibweise für o.g. Code ist diese hier mit der <a
href="http://docs.jquery.com/Events/bind">bind-Methode</a>:</p><pre class="brush: js">
$(&amp;quot;p&amp;quot;).bind(&amp;quot;click&amp;quot;, function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Die Lösung, damit Event Listener auch auf hinzugefügten Inhalt funktionieren, ist die <a
href="http://docs.jquery.com/Events/live">live-Methode</a>:</p><pre class="brush: js">
$(&amp;quot;p&amp;quot;).live(&amp;quot;click&amp;quot;, function(){
   $(this).after(&amp;quot;&amp;lt;p&amp;gt;Another paragraph!&amp;lt;/p&amp;gt;&amp;quot;);
});
</pre><p>Jetzt kann man auch auf <em>Another paragraph!</em> klicken und bekommt einen weiteren Absatz.</p><p>Ü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 &amp; Drop hinzugefügte Widget-Administrationspanel erst abspeichern musste, ehe JQuery-Events funktionieren.</p><p>Auch interessant:<ol><li><a
href='http://www.freakcommander.de/1821/computer/css-attribut-selektoren/' rel='bookmark' title='CSS Attribut Selektoren'>CSS Attribut Selektoren</a></li><li><a
href='http://www.freakcommander.de/1819/computer/regexp-selektor-in-jquery/' rel='bookmark' title='Regexp Selektor in JQuery'>Regexp Selektor in JQuery</a></li><li><a
href='http://www.freakcommander.de/3836/computer/twitter/anywhere-hovercards-fur-links-auch-blackbird-pie/' rel='bookmark' title='@Anywhere Hovercards für Links (auch Blackbird Pie)'>@Anywhere Hovercards für Links (auch Blackbird Pie)</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://www.freakcommander.de/2138/computer/jquery-event-listener-fuer-hinzugefuegten-inhalt/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
