10 Javascript Ajax Tabs
25η Οκτωβρίου, 2007 από Oli · 8 Σχόλια
Αν είστε οικοδόμηση ενός δικτυακού τόπου που έχει καρτέλες στο πλαίσιο του σχεδιασμού, γιατί να μην το καρύκευμα επάνω με λίγη μαγεία JavaScript. Σήμερα γύρω από το 10 JavaScript / Ajax scripts Tab μπορείτε εύκολα να ενσωματωθούν μελλοντικά σας σχέδια ...
jQuery Coda Slider - Η συρόμενη αποτέλεσμα είναι αυτό που η Coda-Slider είναι όλα σχετικά με? Νίκαια, έξυπνη παρουσίαση του περιεχομένου
Προοπτική Tabs - καρτέλες Προοπτική (πρώην συρόμενες καρτέλες) είναι μια απλή Mootools plug-in που επιτρέπουν σε ένα μεγάλο αριθμό των καρτελών για να χωρέσει σε ένα μικρό χώρο
jQuery Tabs ID - idTabs είναι ένα plugin για jQuery - Κάνει προσθέτοντας τις καρτέλες σε μια ιστοσελίδα σούπερ απλό, αλλά μπορεί επίσης να ανοίξει την πόρτα σε απεριόριστες δυνατότητες
Ακορντεόν Tab - καρτέλες script ακορντεόν στυλ γραμμένο με Moo.FX
XP Panes Tab Style - Είναι εύκολο να διαμορφώσετε αυτό το σενάριο. Βάζετε το περιεχόμενό σας σε ξεχωριστές divs και στη συνέχεια να καλέσετε μια συνάρτηση JavaScript η οποία δημιουργεί τις καρτέλες δυναμικά
Ajax Tabs - Ο σκοπός του να κάνει Tabs σε Ajax δεν είναι μόνο να κάνουμε κάτι σε Ajax. Το πλαίσιο για τις οποίες αυτή χρησιμοποιείται δεν είναι για την καινοτομία
Καρτέλες Interface Page - Υπάρχουν αρκετές εφαρμογές JavaScript καρτέλες των διεπαφών εκεί έξω στο διαδίκτυο. Πόσο πολύ καλύτερα, όμως, να είναι σε θέση να αλλάξει από την καρτέλα της σελίδας στην καρτέλα σελίδα χωρίς ανανέωση της σελίδας
jQuery Nested Tab Set με Demo - Εντάξει, υπήρξαν κάποιες αλλαγές, αλλά θα προσπαθήσουμε να κρατήσουμε είναι εύκολο, με ένα παράδειγμα, και θα υπάρξει μια συμπεριληφθεί αρχείο zip.. Κατ 'αρχάς, θα χρειαστείτε την τελευταία JQuery την κατασκευή, καθώς και την πιο πρόσφατη έκδοση του plugin Tabs. Δώστε προσοχή στο pathing έχω δημιουργήσει σε τμήματα κώδικα μου εδώ
Ajax Tabs Reloaded - Από καιρό σε καιρό θα τρέξει σε ένα δροσερό χώρο ή κώδικα δοκιμών και πιστεύω ότι μπορείτε να το χρησιμοποιήσετε κάπου. Σκέφτηκα ότι για το σύστημα HavocStudios Ajax καρτέλα έτσι πήγα πίσω στο site για να το δείτε
Tabs στο Scriptaculous - Αυτό το σενάριο θα σας επιτρέψει να δημιουργήσετε διαδραστικές καρτέλες για χρήση σε μια εφαρμογή
Αυτό είναι που βασίζονται στο Mootools, και είναι πολύ εύκολο στη χρήση!
υποστηρίζει την φόρτωση σχεδόν τα πάντα.
Μετέωρα Notebook [http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]
Δεν είναι κακή λίστα, αν και θα ήθελα να σημειώσετε ότι μόνο ένα (το JQuery Φωλιά Tab) από αυτούς φαίνεται να λειτουργεί, όταν η JavaScript είναι απενεργοποιημένη, η οποία αποτελεί μείζον πρόβλημα της προσβασιμότητας.
Αυτό είναι ένα αρκετά σημαντικό ζήτημα, εάν οι αναπτυσσόμενες τοποθεσίες για την κυβέρνηση των ΗΠΑ (όπως εγώ) ή προτίθενται site σας πρέπει να χρησιμοποιούνται από διαφορετικά ακροατήρια.
Εδώ είναι ένα παράδειγμα έβαλα μαζί με jQuery ότι εξακολουθεί να είναι προσβάσιμη, ακόμη και με JS άτομα με ειδικές ανάγκες: http://dev.darrenkrape.com/dos/usinfo/election/code/index.html (το χαρακτηριστικό ημερολόγιο κοντά στο κάτω αριστερό μέρος της σελίδας ).
Καλή δουλειά Darren - Ευχαριστίες για τη διανομή αυτού.
Σύμφωνοι. Αυτή είναι μια καλή δουλειά. Ωστόσο, AJAX μπορεί να συνδεθεί μόνο όταν το site σας / blog PHP είναι συμβατή. Αλλιώς, δεν έχει νόημα ..
Σε ό, τι βλέπω, τα περισσότερα από τα παραδείγματα που παρατίθενται χρήση Ajax. Χρησιμοποιούν όλα JavaScript για να κάνουμε πολύ έξυπνα πράγματα, αλλά πολύ λίγοι από αυτούς κάνουν τις κλήσεις προς το διακομιστή όταν φορτώνεται η σελίδα.
Κάθε ευκαιρία που θα μπορούσε να τροποποιήσει τον τίτλο της σελίδας για να διευκρινιστεί αυτό; Υπάρχει αρκετό FUD επιπλέουν γύρω από το όρος Ajax χωρίς περαιτέρω παραποιήσει.
Ενδιαφέρουσα, αλλά θα έλεγα ότι οι περισσότεροι συμπεριφορά πλοήγησης καρτέλες μπορούσε να αντιμετωπιστεί μέσω JavaScript χωρίς τις επιπλοκές της AJAX. Δεν λέω ότι δεν υπάρχει τίποτα λάθος με τη χρήση AJAX για κάτι τέτοιο, απλά ότι θα μπορούσε να introcue περιττή περιπλοκή. Είναι άλογα για τα μαθήματα.
Ευχαριστώ για τις συνδέσεις ... Είχα πάει για IdTabs
Awesome μετά. Το λατρεύω!