/    Sign up×
Community /Pin to ProfileBookmark

Creating dynamic menus and pages in Javascript

Copy linkTweet thisAlerts:
Mar 24.2009

Hi everyone

I’m trying to create a page where there are tabs on the side bar that represents 3 sections. Ideally, I wanted to let the user click on each section and then have the page trace out a new centre box with the contents. Is the best way to do this in Javascript or Flash? I checked out a few sites and I think the Javascript is the way to go but I’m not sure.

Thanks for the help!

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@ArcTLauthorMar 25.2009 — Hi Fang,

Thank you very much for the reply! I appreciate the link that you gave it.

That is pretty close to what I want. Do you think it is possible for the box to re-drawn after the tab is selected?
Copy linkTweet thisAlerts:
@J2NYCMar 25.2009 — What exactly do you mean by redrawing the box? Is it the border around the text that you want to be different? Do you want the border to change size to fit the text? This is all possible.
Copy linkTweet thisAlerts:
@ArcTLauthorMar 25.2009 — Exactly. The size of the box doesn't have to different but I wanted it to be animated in a sense. Here's my crude text example:
______________________
Tab 1 |

______ |

Tab 2 | |

Tab 3 | |

|_______________|

So when Tab 2 is selected a new box is redrawn but at a slower pace. I realize with the current tab set ups this is done right away but I want the line to be drawn so that it is animated. Does that makes sense?
Copy linkTweet thisAlerts:
@DigitalMafiaProMar 25.2009 — I would recommend using jQuery to accomplish what you need. A little jQuery magic and some CSS will do the job.

For your Center box I would use --> http://jquery.com/demo/thickbox/

Just create your Tabs or whatever you need you user to click on to see the content. Follow the samples on the link and you will do fine. The great thing about Thickbox, is your content can be HTML, another Page, Flash, Embeded Media Player, whatever.

Hope this helps! At the very least it should give you some ideas!
×

Success!

Help @ArcTL 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...