HTML Buttons as Tabs

Here is just a simple Implementation of HTML Buttons as tabs

DHTML Web Tab Control

<!--

// Tab Name | URL | * (Default Selected Tab)
var tabs = new Array
(
"MSDN|http://msdn.microsoft.com",
"CNN|http://www.cnn.com",
"NASA|http://www.nasa.gov",
"Google|http://www.google.com|*",
"Forbes|http://www.forbes.com"
);

// Align Tab: LEFT, CENTER, RIGHT
var tabAlign = "RIGHT";

/*********************************************/

function tabOnClick(ID)
{
var oElement = null;

for (var i = 0; i < tabs.length; i++)
{
oElement = document.getElementById(i);
oElement.className = "tabOff";
}

oElement = document.getElementById(ID);
oElement.className = "tabOn";

var tab = tabs[ID].split("|");
divTabFrame.innerHTML = "";

document.body.focus();
}

function tabLoad()
{
var HTML = "";

HTML += "

";
for (var i = 0; i < tabs.length; i++)
{
var tab = tabs[i].split("|");
HTML += " ";
}

divTabButtons.innerHTML = HTML;

for (var i = 0; i


Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s