Als erstes Ajax-Beispiel habe ich eine Contentbox mit einem TAB-MENU für den Post TV TOTAL Turmspringen 2008 erstellt. Natürlich kann das jQuery Tab-Menu auch aus diesem Post als Beispiel genommen werden.

In der Single-Ansicht gibt es eine Contentbox mit einem Tab-Menu. Hier wird zum einen ein Contentbereich mit Text angezeigt und zum anderen ein Contentbereich mit einer Youtubebox. Es werden bei Klick der oberen Reiter nur die Contentbereiche in den Boxen geladen.
{tab=Download}
Auf dieser Seite kann der jquersource heruntergeladen werden:
http://ui.jquery.com/repository/latest/demos/functional/#ui.tabs
{tab=html}

1
2
3
4
5
6
7

<div id="container">
<ul>
	<li><a href="ahah_1.html">Content 1</a></li>
	<li><a href="ahah_2.html">Content 2</a></li>
	<li><a href="ahah_3.html">Content 3</a></li>
</ul>
</div>

{tab=javasript einbinden}

1
2

<script src=?php bloginfo('template_directory');
/js/beispiel.js" type="text/javascript"><!--mce:0--></script>

{tab=css stylen}
In den meisten Fällen gibt es ein CSS, welches ich z.B. in mein Haupt-CSS eingebunden und angepasst habe.
{/tabs}

Ich schreibe gerne über Gadges, Fotografie und den allgemeinen WWW-Wahnsinn!  Weiterhin findest Du in loser Reihenfolge Posts bei den Fotoburschen von mir. Ich bin einer von den Dreien... :-)

Dieser Post wurde am 20, 10, 2008 um 00:10 geschrieben und ist unter thovei's blog abgelegt. Du kannst hier meinen RSS 2.0 feed buchen. Wenn Du magst, schreibe einen Kommentar, oder setzte einen Trackback von Deinem Blog.