Dynamic Drop Down Labels

Heute: Dynamic Drop Down Menus. Wie kann ich mir ein Dynamic Drop Down Menu auf meinem Blogger/Blogspot.com einbauen? Nun, da gibt es so einige Möglichkeiten, die ich hier vorstellen möchte, da sie mir in meiner eigenen Entwicklung des Blogs geholfen haben. Das etwas leichtere Drop Down Menu ist das Menu für das Label. Das etwas schwierigere ist das Drop Down Menu für die Kopfleiste (Drop Down Header Menu). Beginnen möchte ich hier erst mal mit dem Drop Down Menu für das Label. Beispiele dafür findet ihr bei Wintersportler.blogspot.com und Wassersportler Now

Dynamic Drop Down Label 


Eins der hilfreichsten Posts wie ich finde ist das von Noodlegei. Der Noodlegei erklärt sehr gut das Drop Down Menü für Kategorien und Labels. Man sucht sich einfach den folgenden roten Quelltext:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

<data:label.count/>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Den rot markierten Code ersetzt man dann mit:

<br />

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>Ein Label auswählen ...</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>



Beim nächsten Mal geht es dann um das Dynamic Drop Down Header Menu