|
A Friend of mine asked me to help to prepare a presentation (html version) of
his upcoming project.
No dynamic pages, just pure html!
I recommended that he check "tab content script" from
dynamicdrive.com. Using the script, we completed the task in 1 hour. You design
the navigation bar once, and then just add your content pages.
In return, I asked my friend to view some FeaturePics images and come
up with a "FeaturePics" version of the "Ajax Tabs Content script".
Here we go! "Inside of a car", "Modern cars", "Classic cars", "Car Drivers",
and "Car Wrecks" were his selections. Please click the tabs above!
These types of pages are very easy to implement. Dynamicdrive.com states that
all pages are "Fully unobtrusive, search engine friendly". I would doubt that -
you can not set meta tags for your external pages.
Search engines, you are welcome to check the same pages, but with metatags
here.
Car drivers
Inside of a car
Classic cars
Modern cars
Car wrecks
Description from www.dynamicdrive.com:
 This tab content script uses Ajax to let you display a selection of external
content on your page inside a DIV and via CSS tabs! We got our inspiration for
this script from Yahoo's new homepage, which employs such a concept to show
news in an organized fashion. Below lists the features of this script that
together make it highly adaptable in the real world:
Fetch and display an external page (from the same domain) inside a container
when a tab is clicked on.
Add a "default" content inside the container to either be shown while no tabs
are selected, or to be associated with a specific tab. The default content is
added directly to your page and not fetched via Ajax, for sake of server
efficiency.
For each tab, you can not only fetch an external page to be shown, but also
load external .css and .js files associated with that page if desired.
Supports multiple Ajax Tabs Contents on the same page.
Fully unobtrusive, search engine friendly script. The tabs are simply list
based links. For search engines or browsers with JavaScript disabled, the
contents will just load as actual pages (instead of inline via Ajax).
You can find the full source code at:
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/
|