From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Richard D. Worth
Sent: Wednesday, August 08, 2007 3:18 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: jQuery Zen Garden Interface
Very nice! What a great demonstration of the power of jQuery. A couple
things as I was playing around:
Thanks that feels good after working alone on this for so long?
- Your Sort Modes checkboxes are acting like 2 sets of radio buttons (Text
-or- Icon, FirstLast -or- LastFirst -or- Taxonomic)
What are you saying here? That they should be radio buttons? I don't see
anything particularly bad about using checkboxes as radio buttons.
- With the "Sound on" checkbox unchecked, the sound still plays for the last
three Sort Modes checkboxes (FirstLast, LastFirst, Taxonomic) and the green
3-state button
Thanks I somehow missed that. Very much appreciate your comments.
- Richard
On 8/8/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
http://www.whatbird.com/wwwroot/Components/Complete_Search_Tab.html
I called this Zen Garden because I was thinking it would be cool if there
was a number of jQuery examples that demonstrated how to use the various
incredible plugins that are available.
This interface is an example of what a novice non programmer can do using
jQuery and a number of its best plugins. The project was an inspiration to
me because of how much I could accomplish with so little code. I had to
become familiar with a large number of topics that are very technical, but I
had a lot of hand hold and help from the community. I plan to say a lot more
about what is in this page, as I believe it captures many of the best things
about jQuery. Its going to grow a lot too.
PS I am sure my coding and structure could be vastly improved upon. So
please don't laugh too hard when you look close.
Plugin
Description and comments
Accordion (Resig/Dan)
Easing
Checkboxes
Tabs
This was the hardest of all the plugins to get working.
Match List
Click on Acadian Flycatcher in the left panel of bids. It will open the
overview or mini species page
Mini species page
Contains a summary of the bird. Green button takes you to the main species
page.
Sort Mode
Click on Icon checkbox. Note how two buttons are disabled below it. Notice
the nice visual fade effects and the way the cursor spins when the client
has to wait for the server to load a page.
Attribute Panel
Click on the Basic attributes menu then click on Shape, Location and Size
