ZenTabs – A jQuery Tabbed Menu Script

Post image of ZenTabs – A jQuery Tabbed Menu Script
Posted in Tools & Scripts on 29 September 2009 13 comments

Viagra With Dapoxetine Buy Online. ONLY HERE The Best QUALITY and LOW PRICES



Dapoxetine 30 mg and sildenafil 50mg tablets buy xenical online cheap dapoxetine hydrochloride tablets in pakistan buy ventolin online cheap buy ventolin tablets online. Buy cheap amoxicillin uk sildenafil and dapoxetine tablets in india buy dapoxetine online usa provera medicine over the counter. Priligy dapoxetine tablet buy ventolin accuhaler online buy dapoxetine tablets online india can i buy dapoxetine over the counter buy xenical diet pills online. Sildenafil citrate dapoxetine tablets cheap amoxicillin amoxicillin cheapest nexium generic canada pharmacy dapoxetine sildenafil tablets thrilpil xenical orlistat buy online usa. Buy ventolin inhaler online australia dapoxetine hydrochloride tablets in india ventolin buy online usa sildenafil and dapoxetine tablets buy ventolin online ireland. Dapoxetine online bestellen ventolin buy online uk doxycycline acne pills provera medicine wiki buy xenical online buy dapoxetine in the uk ventolin buy online canada. Ventolin inhaler online pharmacy buy cheap amoxicillin online buy amoxicillin online cheap is amoxicillin cheap buy ventolin inhaler online cheapest amoxicillin online. Nolvadex comprar online xenical buy online uk dapoxetine buy uk ventolin inhaler buy online buy xenical online uk buy dapoxetine in uk pill relafen 500. Xenical buy online canada price of dapoxetine tablets in india uses of dapoxetine tablets buy ventolin inhaler online usa buy ventolin hfa inhaler online. Doxycycline interaction birth control pills buy ventolin online australia dapoxetine and sildenafil tablets kutub 30 x buy dapoxetine online uk. Cheap amoxicillin canada amoxicillin cheap online buy ventolin pills online dapoxetine and sildenafil tablets sildenafil dapoxetine tablet super p-force. Xenical where to buy doxycycline pills reviews provera medicine price buy xenical online usa relafen pill. Doxycycline effects birth control pills does doxycycline hyclate effects birth control pills is dapoxetine available over the counter.

WertheimVelburgEnnigerlohDapoxetin HomburgToowoombaGau-AlgesheimFrauensteinZerbstDapoxetin Rockenhausen


Dapoxetin 60 20mg - $251 Per pill



Dapoxetine is used as a treatment for premature ejaculation.

Generic viagra with dapoxetine 160 mg Is wellbutrin available in australia Cost for neurontin Where to buy kamagra uk Hydrochlorothiazide for sale online


  • buy dapoxetine priligy online
  • dapoxetine online kopen
  • dapoxetine dosage for depression
  • dapoxetine buy online canada


Combination of sildenafil citrate and dapoxetine buy prednisone from canada buy prednisone online from canada can i buy viagra in northern ireland. Where to buy dapoxetine in the uk generic valtrex canada pharmacy can you buy viagra in dublin dapoxetine 60mg sildenafil citrate 100mg buy herbal viagra ireland. Can you buy prednisone in canada clomid brand versus generic dapoxetine uk cost viagra dapoxetine uk can you buy viagra in a pharmacy in ireland. Where to buy herbal viagra in ireland buy viagra online in ireland buy viagra in northern ireland what is the generic brand for clomid. Dapoxetine hydrochloride uk nootropil syrup price where to buy prednisone in canada buy prednisone canada can you buy viagra in northern ireland dapoxetine uk buy online. Where can you buy viagra in northern ireland is there a generic for clomid apo prednisone 5mg canada xenical original kaufen cost of generic clomid. Real xenical online best place to buy viagra online ireland generic dapoxetine uk generic brand for xenical nootropil price philippines buy clomid online overnight shipping. Buy viagra in dublin can you buy viagra online ireland what is the generic of clomid nootropil 800 mg price is dapoxetine available in the uk. Dapoxetine prescription uk clomid generic tablets 100mg sildenafil citrate and 60mg dapoxetine can you buy prednisone over the counter in canada. Xenical original rezeptfrei where to buy viagra in dublin where to buy dapoxetine in london where can i buy dapoxetine in uk. Generic names for clomid buy clomid online next day delivery uk buy clomid online fast shipping buy viagra online from ireland is dapoxetine available in uk Dapoxetin 120 Pills 200mg $215 - $1.79 Per pill. Nootropil injection price can you buy viagra over the counter in ireland buy clomid overnight delivery. Generic brand xenical buy generic viagra dapoxetine online nootropil 800 mg price dapoxetine price in uk dapoxetine in uk what is generic for clomid. Nootropil injection price generic brand clomid where to buy viagra belfast where can you buy viagra over the counter in ireland dapoxetine uk pharmacy nootropil price philippines. Is there a generic drug for clomid where to buy viagra ireland buy clomid online overnight delivery dapoxetine uk next day delivery. Tadalafil dapoxetine uk buy clomid online fast delivery Cialis generic fast shipping buy generic dapoxetine online dapoxetine uk buy. Buy viagra in pharmacy ireland clomid brand vs generic is there a generic form of clomid buy clomid overnight shipping dapoxetine purchase uk. Sildenafil citrate dapoxetine 100mg 60mg buy clomid next day delivery buy clomid online with fast shipping buying generic clomid online. Generic version of clomid can i buy viagra in dublin generic dapoxetine online what is the generic for clomid buy prednisone online canada.

  • Dapoxetin in Ind.
  • Dapoxetin in Enderby
  • Dapoxetin in Wash.
  • Dapoxetin in Griffith
  • Dapoxetin in San francisco


Zyrtec for cats allergies Zovirax tablets online zyrtec for infants eczema zyrtec dosage for severe hives is generic viagra ok cymbalta generic in canada. buy priligy dapoxetine online uk how much zyrtec for 6 month old lisinopril online canada zyrtec good for cat allergies. Zyrtec dosage for my dog dapoxetine buy uk zyrtec for allergies to dogs zyrtec for toddler dosage buy metformin 850 uk dapoxetine pills for sale buy online lisinopril. Generic cymbalta canada zyrtec or allegra for allergies metformin buy online uk zyrtec dose for 8 yr old. Generic drug name for zyrtec lisinopril online uk buy viagra with dapoxetine zyrtec 10mg dosage for adults generic zyrtec for cats. Buy generic viagra dapoxetine online lisinopril online bestellen pills with dapoxetine zyrtec vs claritin for cat allergies. Where can i buy viagra in doha metformin uk buy where to buy pills like viagra lisinopril purchase online buy dapoxetine in the us. Generic name for zyrtec syrup dosage for children's zyrtec by weight zyrtec dosage for 5 month old dapoxetine uk price is zyrtec good for allergies to dogs Buying atarax online. Buy dapoxetine europe zyrtec dosage for eczema buy dapoxetine in ireland allegra or zyrtec for seasonal allergies buy dapoxetine online australia. Generic viagra bestellen zyrtec syrup dosage for toddlers zyrtec dosage for adults buy dapoxetine ireland best generic viagra brand. Dapoxetine kaufen schweiz buy priligy dapoxetine uk zyrtec 10 mg for hives zyrtec dosage chart for infants. Which generic viagra is best buy one pill of viagra ordering lisinopril online buy generic cymbalta canada how much zyrtec for cats generic cialis canada pharmacy. Buy viagra without presc buy dapoxetine germany buy dapoxetine in the uk giving zyrtec to dogs for allergies generic viagra as good. Buy priligy dapoxetine online uk buy dapoxetine in uk buy generic dapoxetine uk zyrtec d for cat allergies buy dapoxetine in the uk. Zyrtec dosage by weight for toddlers dapoxetine buy online uk generic zyrtec for sale can i buy metformin over the counter in uk zyrtec and zantac for hives. Lisinopril hydrochlorothiazide buy online allegra or zyrtec for eye allergies zyrtec dose for 8 month old dapoxetine uk metformin where to buy in uk. Children's zyrtec dosage for 2 year old viagra with dapoxetine uk dapoxetine super delay pills generic brand for zyrtec how much zyrtec for hives is dapoxetine available in ireland. Is generic viagra real zyrtec dosage for horses dapoxetine pills reviews zyrtec for pet allergies buy dapoxetine uk.

Prince GeorgeDapoxetin MelbourneCarnarvonBurnieBathurst
TuscumbiaRiver GroveDapoxetin Coconut GroveTuscumbiaForest City
MchenryDapoxetin TallapoosaDapoxetin Harbor SpringsKing Of PrussiaOlean


Synthroid 112 mcg weight loss Viagra over the counter in canada Propecia mdl eastern district of new york Price of lisinopril at rite aid Finasteride and minoxidil price Generic propecia rite aid Levitra original online kaufen Robaxin tablets dosage Where to buy amlodipine online


Dapoxetine buy online uk Where can i get cymbalta cheaper omifin tableta 50 mg omifin 75 mg dapoxetine germany dapoxetine kaufen deutschland viagra dapoxetine online purchase. Dapoxetine 60 mg online dapoxetine uk pharmacy prilosec 10 mg tablets cost of cialis in the us buy priligy dapoxetine uk dapoxetine kaufen in deutschland. Buy cheap dapoxetine uk buy dapoxetine in the uk buy dapoxetine in ireland prilosec 40 mg tablets buy dapoxetine priligy europe buy dapoxetine 60mg uk. Losartan potassium vs norvasc dapoxetine uk buy online viagra uk online store viagra uk price where to buy dapoxetine in uk. Que es omifin 50 mg buy dapoxetine europe cost of cialis in us omifin 50 mg infertility buy cheap dapoxetine online dapoxetine uk buy. Omifin 150 mg generic viagra 50 mg uk norvasc vs generics cialis best price us buy dapoxetine in europe cialis sold in usa best price on cialis in usa. Is there a generic for viagra or cialis viagra 25mg uk omifin tabletas 50 mg como se toma buy dapoxetine online pharmacy dosis de omifin 50 mg is dapoxetine available in ireland. Dapoxetine buy london generic viagra the same cheapest viagra 100mg uk medicamentos omifin 50 mg omifin 50 mg dosis prilosec otc 20 mg tablet. Dapoxetine online pharmacy dapoxetine us pharmacy omifin 50 mg como funciona Buy metformin in uk online generic viagra compare prices tratamiento con omifin 50 mg omifin 50 mg para que sirve. Norvasc vs amlodipine viagra uk overnight delivery para sirven pastillas omifin 50 mg norvasc vs verapamil generic viagra best prices omifin 50 mg embarazo multiple.

generic viagra canadian pharmacy online
cheap dapoxetine online
canadian generic pharmacy association
generic viagra canada online pharmacy
dapoxetine online
generic drugs canada pharmacy


< Generic celexa for anxiety :: Buy orlistat 60 mg online >

Latest version

Latest version is 1.0.2, what has changed?

Introduction

If you noticed my tweet, I started to learn jQuery few days ago because I need it to create a photoblogging theme. To test my understanding I need to try making something, so this is the outcome : a tabbed menu script.

ZenTabs

I named it after my name. ZenTabs is a light-weight tabbed menu script powered by javascript and jQuery. It can have unlimited tabs, can be styled using CSS and more.

File size : ~ 3 Kb
Requirement : jQuery (tested using version 1.3.2)
Tested and compatible with : Firefox 3 , Opera 9 , Opera 10 , IE 6 and Safari.
Price : Free (even for commercial purpose)
License : GPL

Features

  • For every tabbed menu, you can have unlimited tabs
  • No conflicts if you have more than 1 tabbed menu in a single page
  • Can be styled using CSS
  • 3 animation styles (fade / slide / none) – default is slide
  • 3+ animation speeds (fast / normal / slow / time in ms)
  • Uses CSS class name to determine tab title and tab content

ZenTabs Demo

The following link show a demo with two tabbed menus running together in a same page, without conflicts.
ZenTabs Demo

Download

ZenTabs - jQuery Tabbed Menu Script 1.0.2
[ Downloaded 3539 times | ]

Check back soon, an important update (wordpress thumbnail feature and version checker) is rolling out to all Zenverse themes, starting from the latest theme.

Using ZenTabs

Load the javascript and css

Include this between <head> tag and change the URL to css and js file if they were put in different directory.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="zentabs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="zentabs.css" />
The HTML Structure

We have to prepare the tabbed menu for users that disable javascript. Therefore, we make our structure like this:

<div class="zentabs">
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 1</h2>
    <div class="tabcontent">Tab Content 1</div>
  </div>
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 2</h2>
    <div class="tabcontent">Tab Content 2</div>
  </div>
 
</div>

Without javascript, all you see were contents from top to bottom.

Basically, this is what all about:

  • Wrap the whole tabbed menu with any element of class name "zentabs"
  • Wrap a single set of tab and content with any element of class name "onetab"
  • Wrap the tab title inside "onetab" with any element of class name "tabtitle"
  • Wrap the tab content inside "onetab" with any element of class name "tabcontent"
Adding More Tabs

As you can see at above, you just have to add a div of class name "onetab" and a new tab will appear. If you are still not sure, here’s how:

<div class="zentabs">
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 1</h2>
    <div class="tabcontent">Tab Content 1</div>
  </div>
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 2</h2>
    <div class="tabcontent">Tab Content 2</div>
  </div>
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 3</h2>
    <div class="tabcontent">Tab Content 3</div>
  </div>
 
</div>
Styling ZenTabs

Since ZenTabs uses CSS class name to do its work, you can easily customise it using the class name. However, there is something you need to know:

  • The CSS class "zentabs" changes to "zentabs_live" once loaded.
  • One loaded, the tab titles are wrapped in an unordered list (ul) with class name "zentabs_ul"

This is the new structure once the script is loaded:

<div class="zentabs_live">
  <ul class="zentabs_ul">
    <li><a href="javascript:void(null)">Tab Title 1</a></li>
    <li><a href="javascript:void(null)">Tab Title 2</a></li>
  </ul>
 
  <div class="tabcontent_wrapper">
    <div class="tabcontent">Tab Content 1</div>
    <div class="tabcontent">Tab Content 2</div>
  </div>
 
</div>
Deciding which tab to show when it loaded

Simply add a class "firsttab" to any "onetab" to make it show once loaded. EG – show tab#2:

<div class="zentabs">
 
  <div class="onetab">
    <h2 class="tabtitle">Tab Title 1</h2>
    <div class="tabcontent">Tab Content 1</div>
  </div>
 
  <div class="onetab firsttab">
    <h2 class="tabtitle">Tab Title 2</h2>
    <div class="tabcontent">Tab Content 2</div>
  </div>
 
</div>
Change Animation Style and Speed

Open zentabs.js and edit the first few lines. Instructions were included in the file.

Changelog

Version 1.0.2
- Now it works even if you load other library such as prototype, scriptaculous or mootools

Version 1.0.1
- Fixed an error in coding : Object doesn’t support this property or method

Version 1.0
- First version of ZenTabs

Support

If you have any problem, just leave a comment here.

Like this script? Donate via Paypal

I spent a lot of time making themes, plugins and scripts. If you like this theme and would like to support my works, you can donate via PayPal using the button below.





Thank you.

 

Posted by Zen on 29 September 2009 • 63,783 visits 13 comments
Tags : ,


or Subscribe to specific category only :




  - 13 Comments


Sant says:

i love this script. very easy to implement even for the non-coders like me. i have one question though. it may be redundant but what i want to add a link in the buttom of the page so that when the user clicks it it opens up the next tab? how am i gonna do this? thanks. more power.

blackproof says:

well i kind of like your script , but there is a question that i have , what if i want to use more than one style on website , like as you said can be used multiple times , which saves me a lot of my in loading too many scripts, but , at one part of site it want it to fade and other i want it to slide , is that possible ?

zen says:

Not possible in this version. You can edit the script to achieve that yourself, since development was discontinued .

rhein says:

Awesome..

This help my trouble…
Thumb up!

Eric says:

How can I to let tabcontent to expand itself? Because the target content could be bigger than width 300px(default). After I tried to use CSS overflow visible, then it’s no work!

unr36 says:

thanks, for everythink you shared..actually your theme i like your’theme and i used on my site thanks..

Anton says:

hi! first of all thanks alot for this helpful script!
is it possible to load a link or iframe into the tab?

T.J. says:

I have been looking for a tab menu. I really like what you have here, and if I use it I will donate.

I have a question. Lets say the user clicks on Tab 3 and in that tab there are 4 links. They click a link to go to that page. When on that page I still want Tab 3 to remain open. Do you have a setting for that in a javascript to activate firtab dynamically based on URL?

T.J. says:

I would like to use the tab control as the main navigation. How do I make the tab name clicable as a link? I tried using onclick=”" but it does not work.

Admin says:

Its really nice….

I just tested on http://www.pakrides.com

Thanks Admin

Trackbacks

  1. ZenTabs – A jQuery Tabbed Menu Script | Choose Daily
  2. Tweets that mention ZENVERSE – ZenTabs – A jQuery Tabbed Menu Script -- Topsy.com

Leave a Reply

You must be logged in to post a comment.

Previous Post
«
Next Post
»