10 Javascript Ajax-Tabs
25. Oktober 2007 von Oli · 8 Kommentare
Wenn Sie eine Website sehen was sich innerhalb der Registerkarten Entwurf, warum nicht aufpeppen mit ein wenig JavaScript-Zauberei. Heute haben wir aufrunden 10 JavaScript / Ajax Tab Skripte, die Sie einfach in Ihre Zukunft Designs integrieren können ...
jQuery Coda Slider - Die gleitende Wirkung ist, was die Coda-Slider auf sich hat; Nizza, Slick Präsentation der Inhalte
Perspective Tabs - Perspektive Registerkarten (ehemals Sliding Tabs) ist ein einfaches Plug-in mootools, die für eine große Anzahl von Tabs erlauben, in einem kleinen Raum passen
jQuery-ID Tabs - idTabs ist ein Plugin für jQuery - Es macht das Hinzufügen von Registerkarten in eine Website super einfach, aber es kann auch die Tür öffnen, um unendlich viele Möglichkeiten
Tab Akkordeon - Tabbed Stil Akkordeon-Skript mit moo.fx geschrieben
XP Style Tab Panes - Es ist einfach, dieses Skript zu konfigurieren. Sie setzen Ihre Inhalte in separate DIVs und rufen Sie dann eine JavaScript-Funktion, die die Registerkarten erstellt dynamisch
Ajax-Tabs - Der Zweck des Tuns Tabs in Ajax ist nicht nur, um etwas in Ajax zu tun. Der Kontext, für die dies verwendet wird, nicht auf Neuheit
Tabbed Interface-Seite - Es gibt durchaus ein paar JavaScript-Implementierungen von Schnittstellen Tabbed da draußen im Web. Wie viel besser, obwohl, in der Lage sein, von Seite zu Seite Tab Tab ändern ohne eine Aktualisierung der Seite
Verschachtelte jQuery Tab mit Demo-Set - Ok, es gab einige Änderungen, aber ich werde versuchen, es einfach, mit einem Beispiel, und es wird eine ZIP-Datei enthalten sein.. Zunächst benötigen Sie die neueste JQuery zu bauen, sowie die neueste Version des Tabs Plugin. Achten Sie auf die Wegfindung Ich habe in meinem Code-Schnipsel erstellt hier
Ajax-Tabs Reloaded - Von Zeit zu Zeit, die Sie über eine coole Website oder Test-Code ausführen und glauben, dass Sie es irgendwo zu verwenden. Ich dachte, dass über die HavocStudios Ajax Tab-System, so ging ich zurück an den Ort, check it out
Tabs in Scriptaculous - Dieses Script ermöglicht es Ihnen, interaktive Registerkarten für den Einsatz in einer Anwendung zu erstellen
Diese Programme sind in mootools basiert, und sind sehr einfach zu bedienen!
unterstützt das Laden fast alles.
Meteora Notebook [http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]
Keine schlechte Liste, obwohl ich möchte darauf hinweisen, dass nur eine (die jQuery Verschachtelte Tab) von ihnen zu arbeiten, wenn JavaScript deaktiviert ist, das ist ein großes Problem Zugänglichkeit erscheint.
Dies ist eine ziemlich wichtige Frage, wenn Sie entwickeln Standorte für die US-Regierung (wie ich) sind oder beabsichtigen, Ihre Website von unterschiedlichen Zielgruppen genutzt werden.
Hier ist ein Beispiel habe ich zusammen mit jQuery, die noch zugänglich ist, auch mit JS Behinderte: http://dev.darrenkrape.com/dos/usinfo/election/code/index.html (die Kalender-Funktion in der Nähe des unteren Teil der Seite nach links ).
Nice work Darren - Thanks for sharing, dass.
Einverstanden. Dies ist ein großartiges Zeug. Allerdings kann AJAX in nur eingesteckt werden, wenn Ihre Website / Blog PHP kompatibel ist. Else, ist es nutzlos ..
Soweit ich sehen kann, verwenden die meisten der aufgeführten Beispiele Ajax. Sie sind alle mit Hilfe von JavaScript zu sehr kluge Dinge tun, aber nur sehr wenige von ihnen werden Anrufe an den Server, sobald die Seite geladen wird.
Jede Chance könnte man ändern den Titel der Seite, um dies zu klären? Es gibt genug FUD Umlauf der Begriff Ajax ohne weitere frisiert.
Interessant, aber ich hätte gedacht, dass die meisten Navigationsregisterkarten Verhalten durch JavaScript könnte ohne die Komplikationen von AJAX verwaltet werden müssen. Ich sage nicht, dass es etwas falsch mit der Verwendung von AJAX für diese Art der Sache, nur dass es unnötige Komplikation introcue. Es ist Horses for Courses.
Danke für die Links ... Ich für IdTabs gehen würde
Super Beitrag. Love it!