10 Javascript Ajax Tabs
25 oktober 2007 door Oli · 8 Reacties
Als je een website die tabbladen in het ontwerp gebouw, waarom niet kruid het met een beetje JavaScript magie. Vandaag hebben we 10 ronden JavaScript / Ajax Tab scripts kunt u eenvoudig opnemen in uw toekomstige ontwerpen ...
jQuery Coda Slider - De glijdende effect is wat de Coda-Slider is alles over, Nice, slick content presentatie
Perspectief Tabs - Perspectief tabs (voorheen Sliding Tabs) is een eenvoudig MooTools plug-in die het mogelijk maken voor een groot aantal tabbladen te passen in een kleine ruimte
jQuery ID Tabs - idTabs is een plugin voor jQuery - Het maakt het toevoegen van tabs in een website super simpel, maar het kan de deur ook open voor eindeloze mogelijkheden
Tabblad Accordeon - Tabbed stijl accordeon script geschreven met Moo.FX
XP Style Tab Panes - Het is eenvoudig te configureren dit script. Je zet je content in aparte DIV en bel dan een JavaScript-functie die de tabs creëert dynamisch
Ajax Tabs - Het doel van het doen van Tabs in Ajax is niet alleen om iets te doen in Ajax. De context waarvoor deze wordt gebruikt is niet nieuw
Tabblad Interface - Er zijn nogal wat JavaScript-implementaties van interfaces met tabs die er op het web. Hoe veel beter, hoewel, om te kunnen van pagina naar pagina te wijzigen tab tab zonder een pagina te vernieuwen
jQuery Geneste Tab Set met Demo - Ok, zijn er enkele veranderingen, maar ik zal proberen te houden het eenvoudig, met een voorbeeld, en er zal een opgenomen zip-bestand.. Eerst moet je de nieuwste JQuery te bouwen, evenals de nieuwste versie van de Tabs Plugin. Besteed aandacht aan de pathing ik heb gemaakt in mijn code snippets hier
Ajax Tabs Reloaded - Van tijd tot tijd u over een coole site of test code en denkt dat u het ergens gebruiken. Ik dacht dat over de HavocStudios Ajax tab systeem, zodat ik terug ging naar de site om het te controleren
Tabs in Scriptaculous - Dit script zal u toelaten om interactieve tabbladen voor gebruik in een applicatie te maken
Deze modellen zijn gebaseerd in MooTools, en zijn zeer makkelijk te gebruiken!
ondersteunt het laden van bijna alles.
Meteora Notebook [http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]
Geen slechte lijst, maar ik zou er rekening mee dat er slechts een (de JQuery Geneste Tab) van hen lijkt te werken wanneer JavaScript is uitgeschakeld, wat een belangrijke toegankelijkheid probleem.
Dit is een vrij belangrijk punt als u het ontwikkelen van websites voor de Amerikaanse overheid (zoals ik), of van plan uw website te worden gebruikt door een divers publiek.
Hier is een voorbeeld dat ik in elkaar gezet met behulp van jQuery die nog steeds bereikbaar is, zelfs met JS uitgeschakeld: http://dev.darrenkrape.com/dos/usinfo/election/code/index.html (de kalender-functie in de buurt van de linker onderkant van de pagina ).
Nice work Darren - Bedankt voor het delen van dat.
Overeengekomen. Dit is een geweldige spullen. Echter, AJAX worden aangesloten alleen wanneer uw website / blog is PHP compatibel. Anders, het is nutteloos ..
Voor zover ik kan zien, de meeste van de vermelde voorbeelden te gebruiken Ajax. Ze zijn allemaal met behulp van JavaScript in om heel slimme dingen te doen, maar heel weinig van hen zijn bellen naar de server zodra de pagina is geladen.
Elke kans die je zou kunnen wijzigen van de titel van deze pagina om dit te verduidelijken? Er is genoeg FUD zweven rond de term Ajax zonder verdere knoeien.
Interessant, maar ik zou gedacht hebben dat de meeste navigatie-tabs gedrag kan worden beheerd via JavaScript, zonder de complicaties van AJAX. Ik zeg niet dat er iets mis is met behulp van AJAX voor dit soort dingen, alleen dat het zou kunnen onnodige complicatie introcue. Het is paarden voor cursussen.
Bedankt voor de links ... Ik zou gaan voor IdTabs
Awesome post. Love it!