Easy Tabs 1.2 – now with autochange
A new Version of the free EasyTabs Script is available. You can now set a autochange modus to one of your menus. Accessible compact and compatible with all browsers as always.
Examples
Here are three basic examples:
Basic Infos and Features
- Free for private and commercial projects
- successfully tested in IE5.0, IE5.5, IE6, IE7, Firefox 2, Opera 9.2
- if Javascript is disabled - all contentboxes are visible
- you can navigate between the tabs with the keyboard TAB Key
- you can easy define which Tab shoud be active @ start
- you can easy add as much tabmenus as you want on one site
- If you want that the tabs are changing on click and not on mouseover -> then just change the onmouseover to onclick
- Of course you can set a link to each Menu Tab - just set the linkurl in the href and delete the onclick="return false"
- In the Examples i've packed everything (Html, CSS, Javascript) in 1 File - but you can also put the css in an external css file and the javascript in an external javascript file. I've included one clean example in the Download Zip File below.
Code Explanation
There are 3 new Settings you can set in the javascript
//Set the number of your menu which should autochange var autochangemenu = 1;
//Set the speed in seconds when tabs should change var changespeed = 3;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes var stoponhover = 0;
I hope this Tab Menu is useful for you, if you have questions or improvements please post a comment, thank you.
Download EasyTabs 1.2 Example Package
Easy Tabs 1.2 (9,9 KiB, 177.546 hits)
Previous Versions of Easy Tabs
EasyTabs 1.1 (Infos here)
Easy Tabs 1.1 (7,0 KiB, 7.938 hits)
EasyTabs 1.0 (Infos here)
Easy Tabs 1.0 (1,2 KiB, 6.703 hits)
Joomla Plugin JooTabs by Ricardo Sousa und Andy Sikumbang
- jooTabs english
- jooTabs deutsch [German translation by Niko Winckel]
Willkommen! Mein Name ist Jürgen Koller, wohnhaft in Baden bei Wien. Seit 2004 bin ich als selbstständiger New Media Producer tätig. Mehr über meine Arbeiten finden Sie im
Schalten Sie Werbung auf Kollermedia.at - über 30.000 Unique Visitors und 65.000 Pageviews pro Monat.



159 Kommentare »
20 Trackbacks
@ Jonell:
I have your same problem.
I solved simply using another script: jQuery UI.
Now with just one line I can make tabs with a lot of visual effects (rotate, slide, etc.).
Furthermore, jQuery is compatible with all existing browsers.
http://jqueryui.com/demos/tabs/
Is it possible to dynamically set var loadtabs? I'd like a different tab to be default depending on which page is loaded. I believe I may be able to read a session variable in javascript by writing it to a hidden text box. Any help on how to do this would be appreciated. Thanks in advance.
How does it come that, when i open my website that the comment
boxes of the differtent tabs are underneed each other...
I you open the site i want that only the comment box of tab1 is viseble.
How should i do that ?
Do you have a link for me Mathias?
@Ryann - You can do this with php: if ($page =="news") {echo "1";} else if ($page=="archiv") {echo "2";}
just echo the value in the line: var loadtabs = new Array("")
Hello,
I'm also having problems with the tabs showing up one below the other. It seems to start working once I hover on any of the tab headings. I'm using ItemStyle XSL template on my site so I believe this is why it's not working properly. I tried previous solutions but nothing seems to work.
Here's a link to one of my site's products:
http://www.carrodelectronica.com/store/index.php?_a=viewProd&productId=14037
Thanks!
Never mind... figure it out. I found an article that outlines how to add jQuery library when using Cubecart V4 shopping cart. Thanks!
http://benfrain.com/notepad/2010/01/adding-jquery-and-jquery-lightbox-to-cubecart-4.html
unpack the zip archive does not work. can you repair it?
Can not down you Easy Tabs 1.2 version get an error
Can you email it to me or provide another link?
Thanks
Easy tab 1.2 zip file is empty.
This worked perfectly for me. I run a joomla website and some times adding more functions or another jquery file can lead to conflicts. This is old school but it worked like a charm. Thank You!!!
Hi - this is not actually my site but I am trying to help the owner with a persistent problem. When a page loads the menu is expanded until I mouse over a menu/tab item, when it contracts. How can I get this behaviour to stop or at least correct itself automatically?
The file i downloaded is useless......
Thanks a lot .
what a pity !
Sorry i have a little mistake .
It is a very great thing, instead of "what a pity !"
thank you for wonderful script
I seem to have a conflict with mootools library... has anyone figured out how to fix it?
AutoTab works in FF both pc and mac, but none others with autoTab on.
What an amazing script, simple, easy to read, and without using "replace" that eay is not allow.
Thank you very much!!!
thanks for that one, it save my day
thanks,so cool