Javascript Tabs

Need a javascript library to maintain a series of "horizontal tab bars", with title left aligned, and tabs right aligned.

There will be several tab bars, stacked vertically.


Page Options [Edit][View][Open][Rename]

Shopping Options [Edit][View][Open][Options][More][Setup]

Product Options [Edit][View][Open]

The javascript include file may or may not be in the same frame, so all methods to return HTML strings.

Interface something like this, could be object oriented.

tabBarInit(tabDivID,title) //resets them if already existing

tabBarAddTab(tabDivID,tabTitle,URL,target) // resets the tab if tabTitle already exists.

tabBarGetHTML(tabDivID) //returns tab html with surrounding Div

tabBarDrawTabs(tabDivID) //document writes tabs with surrounding div and ID

tabBarUpdate(tabDivID) //locates the div and refreshes the HTML for that Div

tabBarHide(tabDivID) //


tabBarInit('shopping','Shopping Options')

tabBarAddTab('shopping','View','[url removed, login to view]','_blank')

tabBarAddTab('shopping','Edit','[url removed, login to view]','[url removed, login to view]')

tabBarAddTab('shopping','Rename','[url removed, login to view]','mainframe')


To keep speed up, the underlying HTML should be generated only after each tabBarAddTab, and then fetched from the array only by drawTabs

Then i need a container object, where i can preload all the current tabs in the set to be displayed on one easy method.

tabSetAddTabBar(tabDivID); //add one of the bars created above

tabSetRemoveTabBar(tabDivID); //hide one of the bars created above

tabSetDrawTabBars(tabDivID); //calls tabBarGetHTML as this may not be called from the same window frame.

The tabs should generally look nice application tabs, in gray format, preferably using HTML UL LI, and come with a CSS fragment for displaying them. If you can't do this part easily, no problem, just say so in your qoute.

Please consider the issue of the tabs going wide on a narrow screen. It is ok for the text to wrap, or the tabs, so long as they are all done visually nicely..

Taidot: Javascript

Näytä lisää: javascript tabs, tabs javascript, one tabs, library part,, li-be, c container library, html javascript tabs, object oriented css, may li, javascript to edit page, javascript page edit, edit page javascript, ABC, screen calls, javascript page title, add div div, javascript speed, div screen, javascript window container, javascript add css, javascript url title, rename url, javascript include html, text javascript

Tietoa työnantajasta:
( 1 arvostelu ) Auckland, New Zealand

Projektin tunnus: #500609

8 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


Ready to complete this in 2 days Thanks, Khanh Huy

$50 USD 2 päivässä
(54 arvostelua)

lots of scripting of tabs experience...more in PM

$75 USD 3 päivässä
(33 arvostelua)

ready to start right away

$60 USD 0 päivässä
(16 arvostelua)

Hello Sir, I am ready to start.

$50 USD 0 päivässä
(25 arvostelua)

Please check PM for detail.

$100 USD 3 päivässä
(9 arvostelua)

Hello sir,we are good in javascript and can do your project right away.

$40 USD 3 päivässä
(0 arvostelua)

We can do your job with a high quality and looks. I own my own company webcore solution and I have many good developers along with me. I am ready to get this project from you .. Please check the PMB for the details

$30 USD 0 päivässä
(1 arvostelu)

check your pm

$50 USD 3 päivässä
(0 arvostelua)