MyBB Community Forums

Full Version: How do they do it?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Need someone technical to tell how things operate on the news website of yahoo. It is called tabbed navigation, I guess. See the link below. Once you click a tab, the whole of the contents will change but actually the page does not reload. How this happens? Can I do it myself?

http://news.yahoo.com/

Thanx Smile
Hey there

i guess they are using iframes

to use iframe , u need this code

<iframe src="main.htm" width="759" height="460" name="main" frameborder="0" > </iframe>

so all the other link in the nav bar, will have the target="main" depends on the name of the iframe


many regards
It can be done a number of ways.

I use PHP so I can contain multiple pages within one files, and to make it easier I create the header, footer, and menus of my webpages in seperate files and simply include them to my pages.
I'm not sure if Yahoo! changed the page, since this thread was created, but it still looks like they're loading the page each time you click on a tab? I could thinking of something different though!

However, if you're talking about typical tabbed navigation, a lot of developers use javascript or AJAX to swap content without loading the pages.

Yahoo looks like they are using some type of dynamic language to generate the content based on which tab is being clicked, however.
The pages do reload everytime you click on a tab. Instead they just pause the buffer from outputting the page until everything is loaded.

(I'm not too sure, but it looks like it)
So many options and everyone looks realistic Smile

Tikitiki, if they are doing just what you suggested, it looks an awesome strategy. But could you please explain it any further?
It is actually Javascript - assuming we're talking about the "Select Category" navigation. Turn it off and you will actually see the page reload.

http://www.barelyfitz.com/projects/tabber/index.php

Then you have the fancy "AJAX" based tabs:

http://www.tutorialized.com/tutorial/Ajax-tabs/11421

http://flinn.activeintra.net/biscuit/Ajax%20Tabs/

And of course, from the Yahoo! Design Library itself: http://developer.yahoo.net/ypatterns/pat...letabs.php
Chris Boulton Wrote:And of course, from the Yahoo! Design Library itself: http://developer.yahoo.net/ypatterns/pat...letabs.php

Interesting site. Never been there before Wink
oooh. I was in the wrong place >.<. Very interesting sites chris

chiefsaab, i was talking about ob_start() and ob_end_flush() functions in php used to start an internal buffer
I use my custome made Toungue template systeam for my site.
Pages: 1 2