:: Forum >> Version 2 >>

general info on tabs

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!!!!!!!!!!
Alok
Wednesday, January 10, 2007
looks like no one is interested in teaching a newbie
Thursday, January 11, 2007
http://www.activewidgets.com/examples/2.0/dialog.htm

Please look at the page source.
Thursday, March 15, 2007
CAN YOU BE MORE SPECIFIC?
What kind of answer is that???
Documentation on this site is shabby at best
Dave L.
Thursday, March 15, 2007
Don't ask stupid question and do not expect others to spoon feed you.
Aziz
Tuesday, March 20, 2007
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
Sunday, October 28, 2007



This topic is archived.

Back to /ui.tabs/

Documentation:

Forum search