jQuery Multi-Accordion
I’ve developed my previous accordion a little further now. I’ve turned into a full plugin, plus it allows for multiple accordions on the same page. The way this differs, however, is that it allows you to create one accordion that closes open elements in another accordion and vice-versa. You may ask how this is different than a single accordion with tedious amounts of HTML and CSS. Well, the answer is simple: this is less work. By using jQuery’s traversing, I allow you to have more freedom in your HTML and CSS design, as well...
read moreI forgot about this hidden gem: Internet Explorer and Fade-In pitfalls
jQuery’s fadeIn() method is a wonderful thing. It’s a great way to bring things in and out of the UI without a sudden jolt, visually. The downside to this, however, is Internet Explorer and the way it handles filters for transparency. When an element is faded in, and it contains fonts, IE does not remove the filter by default. This prevents the fonts from smoothing like they should. Internet Explorer post standard jQuery fadeIn() method In searching for a solution, I stumbled across a rather simple removeFilter() method someone...
read moreTabs & Lists With Selectability
I’ve recently come up with a need to allow users to view a list of options from which to choose. Do to screen restraints and readability, I opted to use the tabbing functionality I wrote about previously. In the process, however, I wrote some javascript that allows me to add the ‘pick and choose’ functionality to any pair of lists, or single list, I choose. Single List Mode: This is real simple. The user has a list of items to select from. When the select the item, the ‘selected’ class is added to that item. When...
read morejQuery Tabs With Ease
As usual, I always need something special in jQuery. I’m always able to find plugins out there, but they never everything I want, the way I want it done. Each always falls short somewhere. It either limits my design flexibility, is buggy or is just flat-out bloated with way more code than is necessary. I’ve written a tabs script for jQuery that is short and to the point while still allowing for design flexibility and ease. There’s nothing to it. Simply establish the tabs settings with your appropriate IDs and classes and...
read morejQuery Accordian without plug-ins & with a bit of design freedom
So you have a design and you have decided you want to use a jQuery accordion. You start to layout your design and implement the accordion only to find out that your design is going to cause problems with the standard accordion plug-ins. The problem with the standard accordion is that they require the child and header elements to be nested within a parent. Example: <div id="accordion-wrapper"> <h1>Clickable Header 1</h1> <p>Collapsible child 1</p> <h1>Clickable Header...
read moreLoad multiple JS files in one call
With this script, you can easily load multiple JavaScript files in one call. The main purpose behind this is to simply cut down on the clutter in your source code. The function can be called from anywhere and the files are specified in an array /* ********************************************************* * * Setup a global config variable that * stores all sitewide values such root * url, absolute paths, Javascript library paths, etc. * ********************************************************* */ var config; config = { URL :...
read more