如何在asp里实现类似pb的tab页的功能？

peytonzwt 2003-08-20 01:57:14

如何在asp里实现类似pb的tab页的功能？各位老大谁有代码啊？

...全文

81 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

peytonzwt 2003-08-20

打赏
举报

好的，收到了，谢谢。不管能不能用都要给分了。

liuzxit 2003-08-20

打赏
举报

天啊﹐怎么貼著貼著內容又刪掉一些﹐寄給你吧

liuzxit 2003-08-20

打赏
举报

終于等到回復了﹐CSDN限制三次回復﹐真麻煩﹐以上是剩下部分﹐我在IE5.5試過可以

liuzxit 2003-08-20

打赏
举报

peytonzwt 2003-08-20

打赏
举报

liuzxit(关系是第一生产力) 不行啊，你用过了没有啊？能给我发一个例子吗？包括原代码和页面。发到zhouweitao@sina.com

liuzxit 2003-08-20

打赏
举报

liuzxit 2003-08-20

打赏
举报

=====mpc.htc========
<PROPERTY NAME="selectedIndex"/>
<PROPERTY NAME="CumulativeTabWidth"/>
<PROPERTY NAME="ContainerHeight"/>

<EVENT NAME="onchange" ID="change" />
<EVENT NAME="onfocus" ID="focus" />

<METHOD NAME="FireFocus"/>

<ATTACH EVENT="ondocumentready" HANDLER="DoInit" />

<SCRIPT LANGUAGE="jscript">
var StyleInfo;
var StyleRules = new Array();
var iIndex = null;
function DoInit()
{
//if container....
if(tagName=="container")
{
style.position = "absolute";
CumulativeTabWidth = -1;
if(selectedIndex==null) selectedIndex = 1;
SetDefaults();
ContainerHeight = style.posHeight;
}

if(tagName=="page")
{
var iIndex = null;
for(c=0; c<parentElement.children.length; c++)
{
if(element == parentElement.children(c)) iIndex = c + 1;
}

//create and insert the HTML that is the content area for the tab
MakeContent();

//determine the width of this tab, using a simple algorithm (fairly reliable,
//since the font family and size are restricted
var iWidth = 6*parseInt(TABTEXT.length);

//create and insert the HTML that is the tab
MakeTab(parentElement.CumulativeTabWidth+1, iWidth+6, TABTEXT, TABTITLE, iIndex);

//reset CumulativeTabWidth
parentElement.CumulativeTabWidth = parentElement.CumulativeTabWidth + iWidth + 18;

//create a stylesheet for the tab
CreatePageStyleSheet();

//determine which tab in the collection this one is. If last, do some configuring
var Tabs = window.document.all("Tab");
if(parentElement.children.length == 1)
{
SelectTab();
SelectContent();
SetTabTop();
ConfirmContainerWidth();
SetContainerHeight();
}
else
{
if(Tabs.length == parentElement.children.length)
{
SelectTab();
SelectContent();
SetTabTop();
ConfirmContainerWidth();
SetContainerHeight();
}
}

}
attachEvent("onpropertychange", DoPropChange);
}

function MakeContent()
{

var sHTML = '<DIV onclick="window.event.cancelBubble = true" CLASS=DormantContent_' + uniqueID + '>' + innerHTML + '</DIV>';
innerHTML = "";
insertAdjacentHTML('BeforeEnd', sHTML);

}

liuzxit 2003-08-20

打赏
举报

給一個別人的給你

=========mpc.htm===========
<HTML xmlns:mpc>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>mpc</TITLE>
<STYLE>
mpc\:container,mpc\:page{
behavior:url(mpc.htc);
}
</STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" ONLOAD="oMPC.style.visibility='visible'" text="#000000">
<div style="position:absolute;height:200;width:400;margin-top:20">
<mpc:container ID="oMPC" STYLE="width:400; height:200; visibility:hidden">
<mpc:page ID="tab1" TABTITLE="這是一個表格" TABTEXT="表格 "><br><br><table ALIGN="CENTER" STYLE="border:1 solid;font:20pt; width:300; height:150; color:white"><tr><td VALIGN="MIDDLE" ALIGN="CENTER">這是一個表格</td></tr></table><br><br></mpc:page>
<mpc:page ID="tab2" TABTITLE="這裡可以寫入文本" TABTEXT="文本文字 "><div STYLE="padding:12px; font:10pt; font-style:italic">請在這裡寫入文字 </div>
</mpc:page> <mpc:page ID="tab3" TABTITLE="這是圖像" TABTEXT="圖像 "> <img src=sample.jpg border=1 hspace="75" vspace="30">
</mpc:page> <mpc:page ID="tab4" TABTITLE="這是可以是其他內容" TABTEXT="其他內容 "><br> <a href=#><font face="楷體_GB2312" size="2">超級鏈接</font></a></mpc:page>
</mpc:container> </div>
</BODY>
</HTML>

lions911 2003-08-20