<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Kommentare zu: Nette Erweiterung für jedes Menü mit jQuery</title>
	<atom:link href="http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/</link>
	<description>Pauls Blog beschäftigt sich mit Webentwicklungsthemen, im Focus stehen jQuery, TYPO3, CSS und PHP.</description>
	<lastBuildDate>Fri, 03 Sep 2010 08:56:19 +0200</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Von: Michael</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-640</link>
		<dc:creator>Michael</dc:creator>
		<pubDate>Wed, 03 Mar 2010 21:58:24 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-640</guid>
		<description>Hallo,

ich habe mal versucht, Dein Beispiel auf meine Seite anzupassen, leider ohne Erfolg
(bin allerdings auch noch ein JQuery-Newbie... ;-)

Meine Seite verlinkt sämtliche Inhalte auch per jOuery (in verschiedene DIVs). Ich nehme 
mal an, dass aus diesem Grund der css-Selektor a:active bei mir nicht funktioniert (die
aktiven Links werden als nicht-aktiv angezeigt). 

Wie kann ich Dein Beispiel evtl. umbauen, damit dieses für alle a-Tags gilt und damit
die Links auch als active dargestellt werden?

Hier mal eine Code-Zeile aus der Navi:
&lt;a href=&quot;internal_link(&#039;&#039;,&#039;leistungen.html&#039;)&quot; rel=&quot;nofollow&quot;&gt;LEISTUNGEN&lt;/a&gt;

Und hier die JavaScript-Funktion &quot;internal_link()&quot;:
function internal_link(locA,locB) {
	jQuery(document).ready(function($){
		if (locA == &#039;&#039;) {
			$(&quot;#unternavi&quot;).load(&#039;leer.html&#039;);
			$(&quot;#inhalt&quot;).load(locB);
		} else {
			$(&quot;#unternavi&quot;).load(locA);
			$(&quot;#inhalt&quot;).load(locB);
		}
	});
}

Vielen Dank schon mal für die Hilfe !!!

Gruß, Michael</description>
		<content:encoded><![CDATA[<p>Hallo,</p>
<p>ich habe mal versucht, Dein Beispiel auf meine Seite anzupassen, leider ohne Erfolg<br />
(bin allerdings auch noch ein JQuery-Newbie&#8230; <img src='http://www.interaktionsdesigner.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Meine Seite verlinkt sämtliche Inhalte auch per jOuery (in verschiedene DIVs). Ich nehme<br />
mal an, dass aus diesem Grund der css-Selektor a:active bei mir nicht funktioniert (die<br />
aktiven Links werden als nicht-aktiv angezeigt). </p>
<p>Wie kann ich Dein Beispiel evtl. umbauen, damit dieses für alle a-Tags gilt und damit<br />
die Links auch als active dargestellt werden?</p>
<p>Hier mal eine Code-Zeile aus der Navi:<br />
<a href="internal_link('','leistungen.html')" rel="nofollow">LEISTUNGEN</a></p>
<p>Und hier die JavaScript-Funktion &#8220;internal_link()&#8221;:<br />
function internal_link(locA,locB) {<br />
	jQuery(document).ready(function($){<br />
		if (locA == &#8221;) {<br />
			$(&#8221;#unternavi&#8221;).load(&#8217;leer.html&#8217;);<br />
			$(&#8221;#inhalt&#8221;).load(locB);<br />
		} else {<br />
			$(&#8221;#unternavi&#8221;).load(locA);<br />
			$(&#8221;#inhalt&#8221;).load(locB);<br />
		}<br />
	});<br />
}</p>
<p>Vielen Dank schon mal für die Hilfe !!!</p>
<p>Gruß, Michael</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Paul</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-635</link>
		<dc:creator>Paul</dc:creator>
		<pubDate>Tue, 23 Feb 2010 21:07:47 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-635</guid>
		<description>@matu ja, du hast recht sofern das li die Klasse &quot;active&quot; mitbekommt. In meinem Beispiel befindet sich im Listenelement ein Link mit der entsprechenden Klasse. Deshalb das :has(.active).

@test ein bisschen ZU einfach. Aber Danke für das Interesse.</description>
		<content:encoded><![CDATA[<p>@matu ja, du hast recht sofern das li die Klasse &#8220;active&#8221; mitbekommt. In meinem Beispiel befindet sich im Listenelement ein Link mit der entsprechenden Klasse. Deshalb das :has(.active).</p>
<p>@test ein bisschen ZU einfach. Aber Danke für das Interesse.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Matu</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-632</link>
		<dc:creator>Matu</dc:creator>
		<pubDate>Fri, 19 Feb 2010 15:28:02 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-632</guid>
		<description>Hallo,

nette Angelegenheit ... habe ich direkt in eine Seite verbaut und passe es noch etwas an für ein Suckerfish-Menü über 3 Ebenen.!
Statt &quot;siblings(&#039;li:has(.active)&#039;)&quot; sollte siblings(&#039;li.active&#039;) reichen ... entweder befindet sich auf der jeweiligen Ebene ein li/a-tag mit der Klasse &#039;active&#039;, die angesprochen werden kann oder halt nicht.

Gruß Matu</description>
		<content:encoded><![CDATA[<p>Hallo,</p>
<p>nette Angelegenheit &#8230; habe ich direkt in eine Seite verbaut und passe es noch etwas an für ein Suckerfish-Menü über 3 Ebenen.!<br />
Statt &#8220;siblings(&#8217;li:has(.active)&#8217;)&#8221; sollte siblings(&#8217;li.active&#8217;) reichen &#8230; entweder befindet sich auf der jeweiligen Ebene ein li/a-tag mit der Klasse &#8216;active&#8217;, die angesprochen werden kann oder halt nicht.</p>
<p>Gruß Matu</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Test</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-630</link>
		<dc:creator>Test</dc:creator>
		<pubDate>Thu, 18 Feb 2010 01:12:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-630</guid>
		<description>alert(&#039;Cross Side Scripting&#039;)</description>
		<content:encoded><![CDATA[<p>alert(&#8217;Cross Side Scripting&#8217;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Robert Wildling</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-404</link>
		<dc:creator>Robert Wildling</dc:creator>
		<pubDate>Sun, 11 Oct 2009 10:39:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-404</guid>
		<description>Danke! Ich glaube, da hilft sicher was! Vielen Dank für deine Tipps!!! Ich werde das heute noch ausprobieren und halte dich am Laufenden! Schönen Sonntag noch!</description>
		<content:encoded><![CDATA[<p>Danke! Ich glaube, da hilft sicher was! Vielen Dank für deine Tipps!!! Ich werde das heute noch ausprobieren und halte dich am Laufenden! Schönen Sonntag noch!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Paul</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-403</link>
		<dc:creator>Paul</dc:creator>
		<pubDate>Sun, 11 Oct 2009 10:34:12 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-403</guid>
		<description>Hi Robert, so ganz genau verstanden habe ich es ehrlich gesagt nicht, aber Tipps gebe ich immer gerne:

1. Du kannst das Standardverhalten von Links sehr einfach verhindern in dem du &quot;false&quot; zurück gibst: $(&quot;.menu a&quot;).click(function() { 
....
return false;
});

2. Wenn der angeklickte Link nach dem Reload die Klasse &quot;active&quot; erhalten hat, kannst du mit jQuery darauf reagieren und zum Beispiel weitere Klicks auslösen:
$(document).ready(function() {
  $(&quot;.menu div&quot;).click(function() .... //das ist die normale funktion

  //das löst einen klick darauf aus
  $(&quot;.menu div&gt;a.active&quot;).parent().click();
});

Dieses Script &quot;klickt&quot; also das umfassende DIV eines aktiven Menüpunkts an.

Hilft dir das weiter?</description>
		<content:encoded><![CDATA[<p>Hi Robert, so ganz genau verstanden habe ich es ehrlich gesagt nicht, aber Tipps gebe ich immer gerne:</p>
<p>1. Du kannst das Standardverhalten von Links sehr einfach verhindern in dem du &#8220;false&#8221; zurück gibst: $(&#8221;.menu a&#8221;).click(function() {<br />
&#8230;.<br />
return false;<br />
});</p>
<p>2. Wenn der angeklickte Link nach dem Reload die Klasse &#8220;active&#8221; erhalten hat, kannst du mit jQuery darauf reagieren und zum Beispiel weitere Klicks auslösen:<br />
$(document).ready(function() {<br />
  $(&#8221;.menu div&#8221;).click(function() &#8230;. //das ist die normale funktion</p>
<p>  //das löst einen klick darauf aus<br />
  $(&#8221;.menu div>a.active&#8221;).parent().click();<br />
});</p>
<p>Dieses Script &#8220;klickt&#8221; also das umfassende DIV eines aktiven Menüpunkts an.</p>
<p>Hilft dir das weiter?</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Robert Wildling</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-402</link>
		<dc:creator>Robert Wildling</dc:creator>
		<pubDate>Sun, 11 Oct 2009 09:52:49 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-402</guid>
		<description>Danke für deine Antwort! Ich hab mich natürlich unklar ausgedrpückt - darf ich nochmals probieren?

Mit &quot;meinen&quot; Activ-Stati meine ich 3 Container, wovon der angeklickte sich vergrößern und dann das Menü anzeigt. Klicke ich nun auf einen Menüpunkt, gibt es einen Seitenreload und alle COntainer sind wieder so wie anfangs (außer ich lese die aktive PDinRootline ein und verknüofe damit ein spezifische CSS). Ich hätte aber natürlich gerne, dass der aktive Container die größe seines Zustands behält.

Ich &quot;richte&quot; irgendwie, dass ich mit jQuery alle a aus den jeweiligen Containern holen und das defaultBehaviour dieser a verhinden muss - dann wird alles AJAX oder so? Hmm... mal sehen.

Jeder Tipp ist natürlich sehr willkommen!
LG, R</description>
		<content:encoded><![CDATA[<p>Danke für deine Antwort! Ich hab mich natürlich unklar ausgedrpückt &#8211; darf ich nochmals probieren?</p>
<p>Mit &#8220;meinen&#8221; Activ-Stati meine ich 3 Container, wovon der angeklickte sich vergrößern und dann das Menü anzeigt. Klicke ich nun auf einen Menüpunkt, gibt es einen Seitenreload und alle COntainer sind wieder so wie anfangs (außer ich lese die aktive PDinRootline ein und verknüofe damit ein spezifische CSS). Ich hätte aber natürlich gerne, dass der aktive Container die größe seines Zustands behält.</p>
<p>Ich &#8220;richte&#8221; irgendwie, dass ich mit jQuery alle a aus den jeweiligen Containern holen und das defaultBehaviour dieser a verhinden muss &#8211; dann wird alles AJAX oder so? Hmm&#8230; mal sehen.</p>
<p>Jeder Tipp ist natürlich sehr willkommen!<br />
LG, R</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Paul</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-400</link>
		<dc:creator>Paul</dc:creator>
		<pubDate>Sun, 11 Oct 2009 09:45:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-400</guid>
		<description>Vielen Dank für das Lob!

@Robert: Du kannst in TYPO3 sehr genau bestimmen, wie das Menü gerendert wird. Über die Eigenschaft ACT kannst du den aktuellen Menüpunkt beschreiben. Hier gibste einfach die Klasse mit.
Zum Beispiel mit MENU.1.ACT.ATagParams = class=&quot;active&quot;
Das hat dann gar nichts mehr mit jQuery zu tun.</description>
		<content:encoded><![CDATA[<p>Vielen Dank für das Lob!</p>
<p>@Robert: Du kannst in TYPO3 sehr genau bestimmen, wie das Menü gerendert wird. Über die Eigenschaft ACT kannst du den aktuellen Menüpunkt beschreiben. Hier gibste einfach die Klasse mit.<br />
Zum Beispiel mit MENU.1.ACT.ATagParams = class=&#8221;active&#8221;<br />
Das hat dann gar nichts mehr mit jQuery zu tun.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Robert Wildling</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-399</link>
		<dc:creator>Robert Wildling</dc:creator>
		<pubDate>Fri, 09 Oct 2009 13:06:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-399</guid>
		<description>Danke für dieses nette Beispiel! Mich - als jQuery beginner - hätte nun interessiert, wie das mit den Aktivstati ist, wenn die Seite nun doch reloaded wird. Gibt es eine Möglichkeit, die aktuelle Konfiguration des Menüs über einen Seitenreload &quot;mitzunehmen&quot; und dann erneut herzustellen? Arbeite mit Typo3, aber derzeit noch ohne irgendwelche JS oder AJAX, möchte aber gerne...

Danke!</description>
		<content:encoded><![CDATA[<p>Danke für dieses nette Beispiel! Mich &#8211; als jQuery beginner &#8211; hätte nun interessiert, wie das mit den Aktivstati ist, wenn die Seite nun doch reloaded wird. Gibt es eine Möglichkeit, die aktuelle Konfiguration des Menüs über einen Seitenreload &#8220;mitzunehmen&#8221; und dann erneut herzustellen? Arbeite mit Typo3, aber derzeit noch ohne irgendwelche JS oder AJAX, möchte aber gerne&#8230;</p>
<p>Danke!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Daniel</title>
		<link>http://www.interaktionsdesigner.de/2009/07/27/nette-erweiterung-fur-jedes-menu-mit-jquery/comment-page-1/#comment-373</link>
		<dc:creator>Daniel</dc:creator>
		<pubDate>Tue, 04 Aug 2009 05:43:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.interaktionsdesigner.de/?p=554#comment-373</guid>
		<description>Danke für den Artikel. Endlich mal eine anschauliche Darstellung was man mit jQuery in einer Zeile honbekommen kann.

Grüße Daniel</description>
		<content:encoded><![CDATA[<p>Danke für den Artikel. Endlich mal eine anschauliche Darstellung was man mit jQuery in einer Zeile honbekommen kann.</p>
<p>Grüße Daniel</p>
]]></content:encoded>
	</item>
</channel>
</rss>
