Tampilkan postingan dengan label filtering. Tampilkan semua postingan
Tampilkan postingan dengan label filtering. Tampilkan semua postingan

Rabu, 04 Desember 2013

jQuery Cascading DropDowns (Navigation)



Follow me on CodeCanyon



Subscribe to RSS Feed



Overview



Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.



Dropdown Examples





Radiobutton Examples





Other Examples





Features



  • Works with JSON and AJAX (PHP + SQLite example)

  • Supports HTML/DOM data source for the right panel items

  • Supports javascript array as data source for dropdowns

  • Fully customizable styles

  • Works in all major browsers

  • Annotated source code

  • JSDoc documentation



Browser Compatibility



  • Internet Explorer 7+

  • Firefox

  • Chrome

  • Safari

  • Opera



jQuery Compatibility



  • Works with jQuery from version 1.7.

  • Works with jQuery 2.x versions.



Updates on 10/27/2013



  • Radiobuttons control is added

  • Demo pages are added

  • Small documentation changes



Updates on 10/25/2013



  • Dropdowns only demo is added

  • Small fixes in php + sqlite demo

  • Small css changes

Spectrum Gallery Plugin (Images and Media)

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment.
It can filter images, and supports multiple filters as well.
It is perfect for portfolio and gallery website design along with its smooth transitions.
Its fully extendable, easy and fast to set up, well documented, and supported.


The Features ?




  • Lightbox -
    Spectrum comes with a lightbox capability right out the box, no setup required.


  • Easy Setup -
    Setting up is ridiculously easy, almost every option has a default; if you want, you can be minimal and just supply the images and tell spectrum where to appear, and boom you’re setup.


  • Any Grid Type -
    Spectrum can support any grid type you want, perfect square, wide rectangle, tall rectangle, tiny little squares, yup no problem. Want to turn your images into thin stripes? It’s got you covered.
    The best thing i
    s no matter how small or big your image is, spectrum will make it fit the grid dimensions you
    wanted. Period.


  • True To Proportion -
    Specifying grid dimensions not your thing? You want to display every image exactly as it really is, no cutting or enlarging? No problem, spectrum has four ways you can display your images, in all their truly proportionate glory, to add a little flavor.


  • Grid Aligment -
    Remember the four different ways to display your images, that’s the alignments, left, right, justified – yup like text – and last but not least(not in the future releases anyways) : filled, which does wonders to make your images always fit. ( just checkout the demos )


  • Tag Filtering -
    No gallery is complete without filtering, and so i guess you could call this gallery complete. Its supports any number of filter tags, it will even supply the “all” filter tag ( which displays all the images in the gallery),
    or you can remove it, change its name, or not think about it. You want multiple tag filtering? You got it, spectrum can handle any multiple tag filtering you can throw it, anyways its fun watching all those images appear when you filter.


  • Smooth Animatins -
    Did i mention that the animations are smooth? They are smooth alright, smoother than your morning 5 a day all tossed in a jug and then smoothefied. There are five animations types to chose from, and more are being added, and 28 easing types to pick.


  • Support -
    Did i mention that it is supported, spectrum gives you lifetime support by me, and headache relief should anything ever go wrong.


  • Upgrades -
    Oh yes and it will be updated and upgraded for eons to come, meaning that you can potentially make a small purchase now that will grow in value with time, and also gives a big chance that any features you demand will end up in there.