jQuery Plugins Που Θα Σας Βοηθήσουν Να Προσαρμόσετε Το Search Box
Το πλαίσιο αναζήτησης είναι ένα σημαντικό στοιχείο του χώρου και για ορισμένες ιστοσελίδες, είναι το πιο χρησιμοποιημένο.
Συχνά παραβλέπεται ακόμα κι αν αυτό είναι πραγματικά χρήσιμο για τον επισκέπτη. Όταν δεν το παραμελούμε μπορούμε να το προσαρμόσουμε στις ανάγκες του χώρου με οπτικά στοιχεία και πολύ καλή κωδικοποίηση.
Μπορεί να είναι απλό μόνο προσαρμογές στο σχεδιασμό, αλλά με τη βοήθεια jQuery plugins μπορεί να γίνει αρκετά πιο περίπλοκο και να προσφέρει πολλές επιπλέον λειτουργίες που κάνει την αναζήτηση ευκολότερη. Η Παράδοση αυτού που ψάχνει ο επισκέπτη σας, είναι πολύ σημαντικό και θα πρέπει να κάνετε αυτή τη λειτουργία ευκολότερη για αυτούς.
Παρακάτω θα δούμε μερικά από τα καλύτερα jQuery Plugins για search box που θα μας βοηθήσουν να το προσαρμόσουμε βάση των αναγκών μας.
Ajax AutoComplete for jQuery
Το Ajax Autocomplete για jQuery σας επιτρέπει να δημιουργήσετε εύκολα autocomplete / autosuggest κουτιά για τα πεδία εισαγωγής κειμένου. Χτισμένο με έμφαση στην απόδοση – τα αποτελέσματα για κάθε ερώτημα είναι cached και τραβιούνται από την τοπική μνήμη για το ίδιο repeating query. Εάν δεν υπάρχουν αποτελέσματα για το συγκεκριμένο ερώτημα, η αποστολή αιτημάτων στο διακομιστή για άλλα ερωτήματα με την ίδια ρίζα, σταματάει.
Ένα fancy Apple.com-style search suggestion
Search Box με Filter και μεγάλο Drop Down Menu
Θα σας δείξει κάποια στοιχεία UI: ένα πλαίσιο αναζήτησης με φίλτρο και ένα μεγάλο drop down μενού. Θα χρησιμοποιήσουμε jQuery στα δύο στοιχεία για το αποτέλεσμα. Θα χρησιμοποιήσουμε επίσης την αφθονία των CSS3 ιδιοτήτων για να δημιουργήσουμε λεπτομέρειες.
Ajax-Driven JavaScript ComboBox with Autocomplete
Το dhtmlxCombo είναι ένα cross-browser JavaScript combobox με autocomplete χαρακτηριστικά. Επεκτείνει τις βασικές λειτουργίες select box και παρέχει τη δυνατότητα να εμφανίζει τις προτάσεις, ενώ ένας χρήστης πληκτρολογεί στο πεδίο κειμένου.
AutoSuggest: An AJAX auto-complete text field
Η AutoSuggest class προσθέτει ένα popdown μενού προτεινόμενων τιμών σε ένα πεδίο κειμένου. Ο χρήστης μπορεί είτε να κάνετε κλικ απευθείας σε μια πρόταση για να εισέλθει στο χώρο, ή να πλοηγηθεί στην λίστα χρησιμοποιώντας το πάνω και κάτω βέλος, επιλέγοντας μια τιμή χρησιμοποιώντας το πλήκτρο tab. Οι τιμές για το suggestion list παρέχονται ως XML (από ένα PHP script, ή κάτι παρόμοιο).
Creating Next Level Search Form Using jQuery & CSS3
Σε αυτό το tutorial θα δούμε πως να δημιουργήσουμε φόρμες αναζήτησης, χρησιμοποιώντας jQuery και CSS3.
jQuery Plugin for On-demand Search Box: SearchMeme
SearchMeme – η ιδέα είναι να παρέχει ένα μικρό κουμπί αναζήτησης που μπορεί να τοποθετηθεί οπουδήποτε στην ιστοσελίδα (μπορεί να θέλετε να το βάλετε στο header σας). Κάνοντας κλικ στο κουμπί αναζήτησης επεκτείνεται για να δείξει ένα πλαίσιο κειμένου όπου μπορείτε να πληκτρολογήσετε τους όρους αναζήτησης.
AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL
jQuery Autocomplete
jQuery Smooth Animated Search Field Freebie
jQuery Autocomplete Mod
Tipue Search, a jQuery site search engine
AutoCompleter
Αυτό το AutoCompleter script για MooTools παρέχει χαρακτηριστικά για text suggestion και completion. Διαθέτει διάφορες πηγές δεδομένων (τοπική, JSON ή XML), μια ποικιλία αλληλεπιδράσεων χρηστών, προσαρμοσμένη μορφοποίηση, πολλαπλή επιλογή, κινούμενα σχέδια και πολλά ακόμα.
FCBKcomplete
jQuery JSON Suggest/Search Box: JSON powered auto suggest box implemented as a jQuery plugin
Smart Suggest — Advanced Auto-Complete
Το Smart Suggest είναι ένα εντυπωσιακό search suggestion plugin για jQuery (μοιάζει στο site search της Apple). Το Smart Suggest πηγαίνει το auto-complete ένα βήμα πιο πέρα.
SearchBox
Το SearchBox είναι ένα jQuery plugin που σας επιτρέπει να έχετε πλούσια αποτελέσματα αναζήτησης με filters στην σελίδα σας (παρόμοια με το GMail και το Google Docs).
Simple Content Search
Αυτό το plugin δημιουργεί ένα απλό ταξινομητή περιεχομένου. Το Simple Content Sorting παρέχει ένα καθαρό και εύκολο τρόπο για να ομορφύνει το περιβάλλον σας, παρέχοντας ένα μηχανισμό διαλογής. Δεν γίνεται φόρτωση της σελίδας, όταν γίνετε η διαλογή μιας και όλα γίνονται με javascript.
Κατηγορίες:
Αν δεν κάνω λάθος χρησιμοποιείς την πλατφόρμα wordpress?
ΣΝ