jQuery fun with lists and more lists
jQuery - So simple even a designer can do it!
0 comments
Share our glory:
This week I had the task of taking a rather long and complicated list and shortening it down into categories with sub lists. jQuery seemed like the best way to go as I've seen accordion style sliding list and things of that sort before. The only thing I hadn't come across was a list with a drop down menu which controlled the list and content below...so I set out to build one as well as teach myself some jQuery (I knew what it was, just never wrote my own jQuery code before).
So the idea here was I wanted a list to appear on the right side of my div which contained categories in which I could click on and have the content on the page, in lists, expand to show the selected list all while sliding away the previously displayed list.
This screenshot/mockup will help better explain the desired look and feel as well as functionality I was going for.
Sounds quite tricky but after a bit of messing around with some basic jQuery code and functionality I was able to get everything working somewhat well.
I first started out by building the header area with the "MOST RECENT" list and "SORT BY CATEGORY" text. I made it so when you click on the "MOST RECENT" link it would drop down a menu with the category listings. These category listings control what is shown on the page, it controls what list will appear when you click on your desired category.
So once I got the header portion built, I then begin making a list wrapped in custom divs for each of the category lists' content. Being that I have five categories I had to make 5 custom wrapped divs. For these divs were controlled by the category drop down list on right.
...Using ASP.NET AJAX CascadingDropDown with Visual Basic and a Database
Share our glory:
This morning, I had the chance to play around with another ASP.NET AJAX control: the CascadingDropDown control. Like the name implies, it's a nifty little AJAX-enabled control that dynamically enables and populates a DropDownList based on the value selected in a previous list. Kinda like the coding version of those old skool "Choose Your Own Adventure" books.
You've seen this kind of thing in action plenty of times, I'm sure. Remember the last time you filled out a registration form that had you pick a country, then ...
Pulling Data from Active Directory with the ASP.NET AJAX AutoComplete Extender
Share our glory:
From time to time, I get the chance to take off the "database guy" hat I usually wear around the office and pretend I'm a developer. A good deal of that coding involves some sort of web-based tool or another so, being a Microsoft shop, I figured it was time for me to get up to speed on their implementation of AJAX. For the last couple of weeks, I've been playing around with the AJAX Control Toolkit for ASP.NET (http://www.asp.net/ajax/) and today had the chance to put one of those controls (the Auto...
And we thought the MySQL deal was bad news...
Share our glory:
Just stumbled across this bit o' news that hit the street a little while ago:
Microsoft Offers to Buy Yahoo for $44.6 Billion
First of all.. Holy hell, that's a lot of money. As the Bloomberg folks said:
Steve Ballmer is attempting the biggest-ever technology takeover after failing to compete with Google
I don't use any of Yahoo's services, not since I cured my online cribbage addiction about 10 years ago anyway, so I frankly do...
6 Tips: In the Know
So how do I stay 'in the know' and increase my Drupaliness?
Share our glory:
I'll go ahead and warn the readers that this article won't have any fancy code snippets or super dark magic to turn your site into ten billion dollars of reoccurring ad revenue. What it WILL do is give you some great pointers in ramping up your Drupal knowledge as you begin to take over the world...one Drupal site at a time.
Muahahahahahaha....but I digress.
1.) Stay on the channels
While you probably need some clout to get anything answered or explained in #drupal, #drupal-support is where the n00bies flock...and flock often. Although I wouldn't consid...
- Huh... Good question
3 days 12 hours ago - HELP!!!
4 days 19 min ago - What if I want that the
1 week 4 days ago - I use it sometimes
4 weeks 4 days ago - Just wondering...
4 weeks 4 days ago - All fixed!
5 weeks 3 days ago - Hard coded links
6 weeks 17 hours ago - ... yes,yes I'm new at all of this
6 weeks 1 day ago - Great Work, keep it up dude
7 weeks 16 hours ago - Re: I've seen that before..
8 weeks 3 days ago
Be sure to check out the latest from Smashing Magzine. They have a great article on CSS Specifity. Might be a review for some but still a good read.
Authentic Jobs is a great resource for finding your ideal web dev job. Be sure to check back daily as the list of impressive job openings continually grows.