ActiveWidgets • general info on tabs • service data base

More information on this topic is available in the documentation section: /ui.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!!!!!!!!!!

looks like no one is interested in teaching a newbie

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

Please look at the page source.

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

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

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>

general info on tabs

Post a reply:

Documentation:

Forum search