473,785 Members | 2,129 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Best Approach To Tabs Navigation?

Hi.

I am building a bit of a "learn-as-you-go" web site.
I have tabs that change based on what page the
user is on. The problem is, I have been using a
javascript doOnLoad function to recognize the page
the user is on and, then, provide the correct tabs.
This depends on a normal URL, such as http://www.mysite.com/index.html.
But, as I build
the site, I am learning that there are times when all
sorts of junk is in the URL (cookieless session states,
query strings, etc).

So, what is the best way to design navigation tabs
that follow the user's location despite an unpredictable
URL? My onload method isn't cutting it. FYI, this is the
basic idea of what i have been relying on:

function doOnLoad() {

if(window.locat ion.href) {
var hrefString = window.location .href;
try {
if (hrefString == 'http://localhost:8342/folder1/
signin/signin.aspx')
{
OpenTab(stuff.. .);
}
if (hrefString == 'http://localhost:8342/folder1/
home/home.aspx')
{
OpenTab(stuff.. .);
}

ETC...

Thanks in advance.

Mar 19 '07 #1
9 1771
"pbd22" <du*****@gmail. comwrote in news:1174323254 .597018.118860
@l75g2000hse.go oglegroups.com:
I am building a bit of a "learn-as-you-go" web site.
I have tabs that change based on what page the
user is on.
Can you give us a URL of the pages you're working on, or an example of
somebody eles's tabs that are similar to what you're trying to do?
Mar 19 '07 #2
On Mar 19, 10:12 am, Jim Land <rrrrfffftttt(n o)@(spam)hotmai l.com>
wrote:
"pbd22" <dush...@gmail. comwrote in news:1174323254 .597018.118860
@l75g2000hse.go oglegroups.com:
I am building a bit of a "learn-as-you-go" web site.
I have tabs that change based on what page the
user is on.

Can you give us a URL of the pages you're working on, or an example of
somebody eles's tabs that are similar to what you're trying to do?
Hi John,

It seems the demo site has disappeared (www.havocstudios.com). I found
this one and there is a short demo of what the tabs look like about
1/3 the way down the page:

http://www.maxkiesler.com/index.php/.../fullview/371/

This site describes the code and its various functions for the ajax
tabs UI:

http://www.maxkiesler.com/index.php/.../fullview/371/

I dont have a live site at the moment but I hope that gives you and
idea of what I am trying to do. Be happy to answer questions or send
code.

Thanks for your help.

Mar 19 '07 #3
On Mar 19, 10:31 am, "pbd22" <dush...@gmail. comwrote:
On Mar 19, 10:12 am, Jim Land <rrrrfffftttt(n o)@(spam)hotmai l.com>
wrote:
"pbd22" <dush...@gmail. comwrote in news:1174323254 .597018.118860
@l75g2000hse.go oglegroups.com:
I am building a bit of a "learn-as-you-go" web site.
I have tabs that change based on what page the
user is on.
Can you give us a URL of the pages you're working on, or an example of
somebody eles's tabs that are similar to what you're trying to do?

Hi John,

It seems the demo site has disappeared (www.havocstudios.com). I found
this one and there is a short demo of what the tabs look like about
1/3 the way down the page:

http://www.maxkiesler.com/index.php/.../fullview/371/

This site describes the code and its various functions for the ajax
tabs UI:

http://www.maxkiesler.com/index.php/.../fullview/371/

I dont have a live site at the moment but I hope that gives you and
idea of what I am trying to do. Be happy to answer questions or send
code.

Thanks for your help.

Ooops... sorry about that. Meant "Jim".

Mar 19 '07 #4
On Mar 19, 10:32 am, "pbd22" <dush...@gmail. comwrote:
On Mar 19, 10:31 am, "pbd22" <dush...@gmail. comwrote:
On Mar 19, 10:12 am, Jim Land <rrrrfffftttt(n o)@(spam)hotmai l.com>
wrote:
"pbd22" <dush...@gmail. comwrote in news:1174323254 .597018.118860
@l75g2000hse.go oglegroups.com:
I am building a bit of a "learn-as-you-go" web site.
I have tabs that change based on what page the
user is on.
Can you give us a URL of the pages you're working on, or an example of
somebody eles's tabs that are similar to what you're trying to do?
Hi John,
It seems the demo site has disappeared (www.havocstudios.com). I found
this one and there is a short demo of what the tabs look like about
1/3 the way down the page:
http://www.maxkiesler.com/index.php/.../fullview/371/
This site describes the code and its various functions for the ajax
tabs UI:
http://www.maxkiesler.com/index.php/.../fullview/371/
I dont have a live site at the moment but I hope that gives you and
idea of what I am trying to do. Be happy to answer questions or send
code.
Thanks for your help.

Ooops... sorry about that. Meant "Jim".

Sorry, here is the second link with the functions:

http://www.fueledsoftware.com/2006/0...c-studios-arti

Mar 19 '07 #5
"pbd22" <du*****@gmail. comwrote in
news:11******** **************@ l77g2000hsb.goo glegroups.com:
http://www.fueledsoftware.com/2006/0...ed-based-on-th
e-havoc-studios-arti
that's pretty awful with CSS turned off
Mar 19 '07 #6
On Mar 19, 2:01 pm, Good Man <h...@letsgo.co mwrote:
"pbd22" <dush...@gmail. comwrote innews:11****** *************** *@l77g2000hsb.g ooglegroups.com :
http://www.fueledsoftware.com/2006/0...ed-based-on-th
e-havoc-studios-arti

that's pretty awful with CSS turned off

it is? I have been using these tabs and they
look really good with CSS. what would you suggest?

Mar 19 '07 #7
Good Man <he***@letsgo.c omwrote in news:Xns98F8AD2 A5AAA4sonicyout h@
216.196.97.131:
"pbd22" <du*****@gmail. comwrote in
news:11******** **************@ l77g2000hsb.goo glegroups.com:
>http://www.fueledsoftware.com/2006/0...ed-based-on-th
e-havoc-studios-arti

that's pretty awful with CSS turned off
But why would you -- or anyone else -- turn off CSS?
Mar 19 '07 #8
On Mar 19, 3:18 pm, Jim Land <rrrrfffftttt(n o)@(spam)hotmai l.com>
wrote:
Good Man <h...@letsgo.co mwrote in news:Xns98F8AD2 A5AAA4sonicyout h@
216.196.97.131:
"pbd22" <dush...@gmail. comwrote in
news:11******** **************@ l77g2000hsb.goo glegroups.com:
>http://www.fueledsoftware.com/2006/0...ed-based-on-th
e-havoc-studios-arti
that's pretty awful with CSS turned off

But why would you -- or anyone else -- turn off CSS?

Jim -

I take it my links didn't provide useful info
for explaining what I am trying to do? Happy
to provide more code/info per request.
Anybody have some advice as to how to provide
tabs-based navigation on sites where the URL
gets parsed/changed a lot. In those cases, I
cannot use window.location .href to figure out
which tabs should be displayed.

Thanks in advance (again).

Mar 19 '07 #9
"pbd22" <du*****@gmail. comwrote in
news:11******** *************@n 59g2000hsh.goog legroups.com:
Anybody have some advice as to how to provide
tabs-based navigation on sites where the URL
gets parsed/changed a lot. In those cases, I
cannot use window.location .href to figure out
which tabs should be displayed.
You can still use the URL for your purposes.

Please provide some examples of URLs you will encounter, including the
parts you don't want, and explain which PART of the URL you DO want to use
for your purposes.
Mar 20 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

36
2769
by: ChinStrap | last post by:
When not using the interactive prompt, what are you using? I keep hearing everyone say Emacs, but I can't understand it at all. I keep trying to learn and understand why so many seem to like it because I can't understand customization even without going through a hundred menus that might contain the thing I am looking for (or I could go learn another language just to customize!). Personally I like SciTE, it has everything I think a...
13
2624
by: Monty | last post by:
I've been searching for guidance on which of the approaches used for skipping repetive links (e.g., link as normal text, link as alt text on invisible image, link with same forground and background colors that becomes visible when in hover or active state using css) is the best approach. Is there any place on the net where this is addressed? Thanks in advance.
2
3951
by: R0bert Neville | last post by:
I have been working a rounded content box approach. The layout rendered beautifully in Firefox, yet IE threw a wrench into my layout. The approach has to be re-thought and aligned for compatibility with IE. The HTML and CSS code validates on the server. The situation may relate to the Box Model Hack, but I have little familiarity with the various workarounds and hack techniques. My questions relate to improving my current approach and...
5
9626
by: develop | last post by:
Hi, People have told me that some web pages they've seen have tabs across their tops which are hypertext links. I can't see, so I'm not sure what they're talking about. Are these tabs some type of html element? How are they implemented? Thanks, Dan
2
4443
by: Dan V. | last post by:
What do you recommend to use for saving time and get great results for making image and css buttons on a site? Also top tabs like for navigation. Separate question maybe is what is the best tool for menus? Expandable...etc. thanks.
6
1253
by: Mike | last post by:
I'm creating a "portal" type web app and i want to use a "tab" appearance for navigation. How can i create a "tab" look navigation system for my portal?
2
3440
by: michael sorens | last post by:
After extensive searching of the docs, I find no mention of support for Ctrl-Tab and Ctrl-Shift-Tab to navigate among tabs in a TabControl. I am surprised that such a common/standard keyboard navigation is not provided. Or am I just missing it...?
4
1841
by: Ned Balzer | last post by:
Hi all, I am pretty new to asp.net; I've done lots of classic asp, but am just beginning to get my mind wrapped around .net. What I'd like to do is include some code that tests if a user is logged in, on each and every page, and redirects the user to a login page if s/he's not logged in. The login page will also take care of some standard setup, such as choosing/populating a user profile. I used to use <!-- #include ... --for this,...
8
3082
daJunkCollector
by: daJunkCollector | last post by:
Hey, I am developing a website. A 2-tier tabbed navigation system is the desgin we are going with. Just for clarification purposes, I will developing the site in ASP.NET. What do you think the best way to make the 2-tier tabbed navigation system will be? I currently have a prototype developed using CSS/HTML and a touch of javascript. The problem is that this presents horrible formatting issues when working across different web...
0
9646
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10157
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9957
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8983
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7505
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6742
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5386
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
2
3658
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2887
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.