/    Sign up×
Community /Pin to ProfileBookmark

Creating and navigating tabbed pane in javascript

Copy linkTweet thisAlerts:
Aug 16.2006

Hi All,
i am new to this forum. I want to create a multirow tabbed pane
on my jsp page. i want to manage their postion accordingly when
tab on upper page has been clicked.

functionality like…
right click my computer -> properties -> system properties

this window has tabbed pane.i wnat this feature to impelement
in my jsp page.
but one more problem is that my tabs count will be dynamic.

Neeraj

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@RobDavidAug 16.2006 — are you doing it in jsp?

I did the same thing in asp.net.....You need to use fixed width of the tabs..and the tab pane itself....and decide how many tabs are in each row...

One you have all this....you can loop through the source of the tabs (assuming a table of somesort)...Then you are able to size each of the tabs accordingly (if their's less tabs in a row then you delcared, dividing the width of the tab pane by the number of tabs in that row ).

And finally, highlight the tab you selected...and place that tab row as the last tab row (closest to the content page )

Its fun! I got the same idea too from system properties...I can't remember if they move the current tab all the way to the left...but i didn't!

Good luck
Copy linkTweet thisAlerts:
@neeraj_bhardwajauthorAug 17.2006 — Hey RobDavid!!

thanks for ur reply. can u just give me the idea or code snippet where

u click on upper tab and whole upper row bring down to closer to area and tab is

shown selected.

and what if ur tabs numbers are dynamic. suppose u have 7 tabs in upper rows and only one tab in second row.. then second row with big tab size will look bad...

please suggest.......
×

Success!

Help @neeraj_bhardwaj spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...