general info on tabs

Hi everyone,
I'm new to Active Widgets. I don't know much on how to create tabs or any other form element for that matter.
However, I tried creating a few sample tabs. What i would like to know is, how do i assign pages to tabs..i.e, when i click on a tab a page should open. This page could be a frame containing some data.
Also, how do i load two frames on the single click of a tab.
One more thing...i'll give a simple script i wrote for tabs :
<script>
var obj = new AW.UI.Tabs;
obj.setItemText(["Network Log", "Service Levels"]);
obj.setItemImage(["favorites", "favorites"]);
obj.setItemCount(2);
obj.setSelectedItems([0]);
document.write(obj);
</script>
On executing this , the browser displayed the tabs aligned to the left. I want the tabs to be aligned to the right.
Help!!!!!!!!!!

Alok

January 10,

looks like no one is interested in teaching a newbie

January 11,

http://www.activewidgets.com/examples/2.0/dialog.htm

Please look at the page source.

March 15,

CAN YOU BE MORE SPECIFIC?
What kind of answer is that???
Documentation on this site is shabby at best

Dave L.

March 15,

Don't ask stupid question and do not expect others to spoon feed you.

Aziz

March 20,

ok just try this.
save the following code in a file name it index.html or whatever you like..

<html>
<head>
<title>UrduNet Mailling List</title>
<style>body {font: 15px Vardana}</style>

<script src="runtime/lib/aw.js"></script>
<link href="runtime/styles/xp/aw.css" rel="stylesheet"></link>
<link href="mini.css" rel="stylesheet"></link>

</head>
<body>
<DIV align="center">
<h1>UrduNet Podcast Mailling List</h1>

<style>

#myTabs {width: 55%}

</style>

<span id="myTabs"></span>
<iframe id="myContent" style="border: 1px solid #aaa; height: 450px; width: 80%" frameborder=no></iframe>

<script>

var names = ["Subscribe", "View Subscribers", "Manage Subscribers", "Create Newsletter", "Change Password", "Log Out"];
var values = ["subscibe.php", "viewSubs.php", "manageSubs.php", "createNewsletter.php", "changePass.php", "logOut.php"];

var tabs = new AW.UI.Tabs;
tabs.setId("myTabs");
tabs.setItemText(names);
tabs.setItemValue(values); // store page URLs in the 'value' property.
tabs.setItemCount(6);
tabs.refresh();

</script>

<script>

tabs.onSelectedItemsChanged = function(selected){

var index = selected[0];
var value = this.getItemValue(index);
window.status = index + ": " + value;

document.getElementById("myContent").src = value; // iframe URL
}

tabs.setSelectedItems([0]); // load the first page.

</script>
</body>
</html>

Sohail

October 28,

This topic is archived.

general info on tabs

See also:

Search

New Data Grid

Version 2