JQuery Additions to Site

JQuery is now being used to provide some site features.

One of the first things I added was a floating block tab box, using both the rounded corner plugin and the tab plugin.

The tab box reads the h2.title from the enabled block, and transfers that title to the tab. The usual title of the block is hidden using CSS so it is still readable as a DOM element.

Features:

  • Tabs disappear if block is not enabled
  • 3 tabs, more than 1 block allowed in each tab
  • content is hidden until block is fully assembled, then fades in, pushing content aside

To do:

  • Test non-JS browser support.
  • add flexible number of tabs

edit:

I now see that the box is broken in IE6 - tough luck! Money mouth

It is probably my CSS at fault, will be working on it.

Comments

Post new comment

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options


Check out Gangster Politics Montreal.