Blog

Ajax-Tabs

Thema: IT, 01.06.2006

Free Image Hosting at allyoucanupload.comwürdest Du auch mal gerne so eine nette Box haben, wo man nur die Laschen anklicken muss, um andere Inhalte einzublenden? AJAX machts möglich.

Lance-Weblog (das ich heute übrigens vorstelle, siehe Sidebar oben rechts, btw. schaut Euch das Video mal an, genial!!!):

DynamicDrive.com hat für bietet für diesen Fall eine komplette supereinfache Ajax Lösung namens Ajax tabs content Script an. Mit diesem Script können in den Tabs x-beliebige andere Seiten aufgerufen werden. Verwendet man nun noch eine Dynamische Antwortseite hat man schnell schöne und schnelle Tabs ohne nervigen reload der ganzen Seite.

Kommt ganz gut, da ich mir schon lange überlege, bestimmte Archivinhalte in einzelnen “Laschen” unterzubringen, um dem Leser damit die Möglichkeit zu verschaffen, sich einfacher zu bestimmten Themenschwerpunkten schlau machen zu können. Möglicherweise verbinde ich das dann mit den CSS basierenden Flyout-Menue von Stu Nicholls.


     

Artikelzusatzinfos
3. Artikelstatistik:
· read: 6402 · today: 2 · last: 14. February 2012

10 Kommentare zu “ Ajax-Tabs ”

  1. #1 ConnYLo [www] schrieb

    Die Lösung sieht erstmal elegant aus, wie die meisten Ajax-Specials. Aber die Inhaltsbox dehnt sich und schiebt damit den folgenden Text der Site nach unten, wenn viel in ihr enthalten ist. Das ist nicht nötig und ein unschöner Effekt, der zur Verwirrung des Betrachters führt.

  2. #2 Robert Basic [www] schrieb

    kommt wohl darauf an, wie man es möchte. Kombiniert mit dem Flyout Menue würde ich diese Box als Layerbereich über den Text legen. Müsste ja eigentlich gehen.

  3. #3 Robert Basic [www] schrieb

    btw, nette Seite!

  4. #4 Jojo [www] schrieb

    Bloß für Suchmaschinen ist Ajax leider nocht nichts …

  5. #5 fa [www] schrieb

    Wenn mir jetzt noch einer erklären kann, was der Vorteil gegenüber ein paar divs ist, deren Inhalt nicht dynamisch nachgeladen werden muss, sondern einfach per css angezeigt, dann wäre ich auch schlauer und würde AJAX nicht weiterhin zu 90% für unnütz halten. Also, ich warte… :)

  6. #6 ConnyLo [www] schrieb

    Danke für das Lob! Bis jetzt ist dort allerdings sehr wenig Ajax vorhanden. Ich genieße die Effekte und finde die Entwicklungen interessant, kann sie aber nicht selbst verwenden.

  7. #7 Registerkarten (Tabs) für Webseiten per Ajax und JavaScript — Software Guide [www] schrieb

    [...] 5. Juni 2006 Robert hat auf Ajax Tabs Content script aufmerksam gemacht: Ein Script das es einfach ermöglicht, ein Menü bzw. einen Bereich mit Tabs (Registerkarten) einzurichten, dessen Inhalt asynchron, also erst bei Aufruf, im Hintergrund geladen wird: [...]

  8. #8 Basic Thinking Blog » Weblog-Archive: Tab-Lösung via JS [www] schrieb

    [...] Michael Wöhrer greift auf seinem SW-Guide Blog das Ajax-Tab Beispiel von Dynamic (hatte vor Kurzem darüber geschrieben) auf. Da ihm das Fehlen einer Fallback-Lösung nicht gefiel, hat er eine alternative Lösung namens JavaScript Tabifier aufindig gemacht und sogleich im eigenen Blogarchiv umgesetzt. Lecker! [...]

  9. #9 Thomas schrieb

    Ich bin ebenfalls schon mit den Ajax-Tabs in Berührung gekommen. Habe jedoch das Problem, dass diverse dt. Umlaute und Sonderzeichen in den dynamisch geladenen Seiten über den HttpRequest von Ajax offensichtlich nicht mehr richtig ankommen. Eine Lösung diesbezüglich wäre sehr hilfreich.

  10. #10 Juergen schrieb

    Hallo Thomas, das problem hatte ich auch. Du musst die header informationen bei jedem aufruf einer neuen ajax seite neu senden. Probiers mal so: header(“Content-Type: text/html; charset=iso-8859-1″);