Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

mimic browser tabbing

Status
Not open for further replies.

kurayami

Technical User
Mar 12, 2008
31
hi!

is it possible to mimic the browser tabbing of websites to use in your html?

like when u switched tabs it will not reload the info but will stay on where you are on the loaded page. for example, one tab is references to google, you searched something then switched to another tab. when you get back to google it will not reload the google home page but the search result.

tnx!

"A common mistake that people make when trying to design something completely foolproof was to underestimate the ingenuity of complete fools."
-Douglas Adams
 
Its possible, just not with HTML. You'd need Javascript for this. But the gist of it would technically either be to use iframes and hide them or show them as necessary, or load the content directly into a div, and hide those. This would retain whatever is currently loaded into them, without refreshing. Of note is that the more tabs you have the more memory the site would use since you are keeping everything loaded around.

In any case the JS forum would be a better place to ask help with this:
forum216

You may even need to use some Ajax, if you are going to have server interactions inside your tabs.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.
 
Here's a method from Dynamic Drive that uses CSS & JS: Tab Content Script (v 2.2).

I used it on an intranet site a few years ago and worked well. Make sure to read and follow their instructions and you should be able to implement on your site.

Good luck, hope this helps.
 
sorry for the late reply. been trying things regarding this.

i have tried doing some jscript and introduced yui tabview in the site. i used tabview and placed an iframe that loads a site. this works just like what i wanted. true that it will load all sites at first. the only prob is with the content in the iframe. sometimes the sites are losing some links, text, images, objects. what remains is the background. not sure if the one doing this is the iframe or the tabview itself. this is kind of annoying since you will need to refresh the whole page or click on a link inside the site for the site to be viewed normally again. any ideas?

"A common mistake that people make when trying to design something completely foolproof was to underestimate the ingenuity of complete fools."
-Douglas Adams
 
not sure if the one doing this is the iframe or the tabview itself ... any ideas?

Yes - why don't you find out by loading the content in a regular iframe in a stand-alone test page with no tabs?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Snippets & Info:
The Out Atheism Campaign
 
I'd have to second Dan's suggestion. Load it in a simple iframe without tabview, if it behaves normally, then you could be pretty sure its tabview or the combination of tabview and the iframes.



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top