Home › JQuery Additions to Site ›

Reply to comment

JQuery Additions to Site

in

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.

Reply

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <br> <p> <pre> <b> <del>
  • Lines and paragraphs break automatically.
  • You may link to Gallery2 items on this site using a special syntax.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Image links with 'rel="lightbox"' in the <a> tag will appear in a Lightbox when clicked on.
  • Image links from G2 are formatted for use with Lightbox2
  • Image links with 'rel="lightshow"' in the <a> tag will appear in a Lightbox slideshow when clicked on.
  • Links to video content with 'rel="lightvideo"' in the <a> tag will appear in a Lightbox when clicked on.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.