读书人
栏目▼

高分！实在搞不定了都进来看一看啊顶

发布时间： 2011-12-31 23:50:30 作者： rapoo

高分！实在搞不定了，各位高手都进来看一看啊，顶者有分
采用Table+CSS来实现的模拟选项卡，现在有一个十分严重的问题：窗体启动第一卡片是当前项，选中第二卡片，上面有一个LinkButton1，单击，因为是服务器控件，窗体刷新，之后当前项又变成了第一卡片，怎么样能让刷新之后当前项还是第二卡片呢？请大家看看下面的代码，其中有一个secBoard(n)函数，我在Linkbutton3_Click中这样调用这个函数：Linkbutton3.Attributes.Add( "onClick ", "secBoard(1) ");可是不行，没有作用，请大家帮我啊！谢谢

<style type=text/css>
td {
font-size: 12px;
color: #000000;
line-height: 150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
.sec2 {
background-color: #D4D0C8;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
.main_tab {
background-color: #D4D0C8;
color: #000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
</style>
<script language=javascript>
function secBoard(n)
{
for(i=0;i <secTable.cells.length;i++)
secTable.cells[i].className= "sec1 ";
secTable.cells[n].className= "sec2 ";
for(i=0;i <mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display= "none ";
mainTable.tBodies[n].style.display= "block ";
}
</script>
<table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable>
<tr height=20 align=center>
<td class= "sec2 " onclick= "secBoard(0) " width= "115 "> 工商执照 </td>
<td class= "sec1 " onclick= "secBoard(1) " width= "115 "> 电子税务 </td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
<tbody style= "display:block; ">
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容，略去。1 </td>
</tr>
</tbody> <tbody style= "display:none; ">
<tr>


<td align=center valign=top> <br>
<br>
<asp:LinkButton id= "LinkButton1 " runat= "server " ForeColor= "Red ">
</td>
</tr>
</tbody>
</table>


[解决办法]
<html>
<head>
<title> 滑动菜单 </title>
</head>
<style>
body {font-size:12px;font-family:宋体}
ul.TabBarLevel1{
list-style:none;
margin:0;
padding:0;
height:29px;
background-image:url(tabbar_level1_bk.gif);
}
ul.TabBarLevel1 li{
float:left;
padding:0;
height:29px;
margin-right:1px;
background:url(tabbar_level1_slice_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li a{
display:block;
line-height:29px;
padding:0 20px;
color:#333;
background:url(tabbar_level1_slice_right_bk.gif) right top no-repeat;
white-space: nowrap;
}
ul.TabBarLevel1 li.Selected{
background:url(tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li.Selected a{
background:url(tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;
}

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{
color:#333;
}
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{
color:#F30;
text-decoration:none;
}
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{
color:#000;
}
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{
color:#F30;
text-decoration:none;
}
div.HackBox {
padding : 2px 2px ;
border-left: 2px solid #6697CD;
border-right: 2px solid #6697CD;
border-bottom: 2px solid #6697CD;
display:none;
}
</style>
<body>
<div id= "Whatever ">
<ul class= "TabBarLevel1 " id= "TabPage1 ">
<li id= "Tab1 "> <a href= "# " onclick= "javascript:switchTab( 'TabPage1 ', 'Tab1 '); "> 单道试题 </a> </li>
<li id= "Tab2 " class= "Selected "> <a href= "# " onclick= "javascript:switchTab( 'TabPage1 ', 'Tab2 '); "> 多道试题 </a> </li>
<li id= "Tab3 "> <a href= "# " onclick= "javascript:switchTab( 'TabPage1 ', 'Tab3 '); "> 成套试题 </a> </li>
<li id= "Tab4 "> <a href= "# " onclick= "javascript:switchTab( 'TabPage1 ', 'Tab4 '); "> 留言簿 </a> </li>
</ul>
<div id= "cnt ">
<div id= "dTab1 " class= "HackBox "> 代码如下：
请输入单道试题
</div>
<div id= "dTab2 " class= "HackBox " style= "display:block "> 代码如下：
<!--这里放入信息-->
哈哈哈哈2
</div>
<div id= "dTab3 " class= "HackBox "> 代码如下：
<!--这里放入信息-->
哈哈哈哈3
</div>
<div id= "dTab4 " class= "HackBox "> 代码如下：
<!--这里放入信息-->
哈哈哈哈4


</div>
</div>
</div>
<script language= "JavaScript ">
//Switch Tab Effect
function switchTab(tabpage,tabid){
var oItem = document.getElementById(tabpage);
for(var i=0;i <oItem.children.length;i++){
var x = oItem.children(i);
x.className = " ";
var y = x.getElementsByTagName( 'a ');
y[0].style.color= "#333333 ";
}
document.getElementById(tabid).className = "Selected ";
var dvs=document.getElementById( "cnt ").getElementsByTagName( "div ");
for (var i=0;i <dvs.length;i++){
if (dvs[i].id==( 'd '+tabid))
dvs[i].style.display= 'block ';
else
dvs[i].style.display= 'none ';
}
}
</script>
</body>
</html>
[解决办法]
在secBoard(n)中加一句Form1.hidIndex.Value = n; //页面上放个hidden


function window.onload)({ if(Form1.hidIndex.value != " ") { setBoard(Form1.hidIndex.value); } }
[解决办法]
我就只有帮你顶一下了哈
[解决办法]
应该可以
[解决办法]
帮顶

[解决办法]
你那个linkbutton执行什么？不用这个不行吗不让它刷新
我刚解决了一个静态下downlist和lable联动的问题

[解决办法]
如果使用linkbutton的服务器端事件的话，设计就需要更改
建议这样的情况不要使用linkbutton，使用纯客户端，使用js来进行操作。

[解决办法]
帮顶
[解决办法]
帮你顶一下了哈
[解决办法]
up-jf
[解决办法]
顶
[解决办法]
up
[解决办法]
我给你一段现成的吧

/************* HTML ***************/
<div class= "tabs " id= "past ">
<div class= "tabswitcher ">
<ul>
<li class= "current "> <a onclick= "JavaScript:tabOff( '2003 '); tabOff( '2004 '); tabOn( '2005 ', event); " title= " " id= "tab2005 "> 2005年 </a> </li>
<li> <a onclick= "JavaScript:tabOff( '2003 '); tabOn( '2004 ', event); tabOff( '2005 '); " title= " " id= "tab2004 "> 2004年 </a> </li>
<li> <a onclick= "JavaScript:tabOn( '2003 ', event); tabOff( '2004 '); tabOff( '2005 '); " title= " " id= "tab2003 "> 2003年 </a> </li>
</ul>
</div>
<div class= "tabpages ">
<div class= "tabpage " id= "2005 ">
</div>
<div class= "tabpage " id= "2004 " style= "display:none; ">
</div>
<div class= "tabpage " id= "2003 " style= "display:none; ">
</div>
</div>
</div> <!-- tabs -->



/****************** css **********************/
/********** 图片我可以邮件发给你 *************/
div.tabs
{
clear:both;
}
div.tabs div.tabpages
{
}
div.tabs div.tabpages div.tabpage
{
position:relative;
float:left;
padding:4px;
border-color:#000;
border-style:solid;
border-width:0 0px 0px 0px;
}

div.tabs div.tabswitcher
{
background:#DAE0D2 url( "../images/bg_tabs.gif ") repeat-x bottom;
float:left;
width:100%;
font-size:9pt;
line-height:normal;
width:100%;
}
div.tabs div.tabswitcher ul
{
float:left;
margin:0;
padding:10px 0 0 15px;
list-style:none;
width:100%;
}
div.tabs div.tabswitcher li
{
float:left;
background:url( "../images/left.gif ") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
div.tabs div.tabswitcher a
{
float:left;
display:block;
background:url( "../images/right.gif ") no-repeat right top;
padding:5px 15px 4px 6px;
font-family:宋体,Geogia,Serif;
font-size:small;
text-decoration:none;
font-weight:bold;
color:#765;
cursor:hand;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
/* End IE5-Mac hack */
div.tabs div.tabswitcher a:hover
{
color:#333;
}
div.tabs div.tabswitcher .current
{
background-image:url( "../images/left_on.gif ");
border-width:0;
}
div.tabs div.tabswitcher .current a
{
background-image:url( "../images/right_on.gif ");
color:#333;
padding-bottom:5px;
}

[解决办法]
up-jf
[解决办法]
用个SEESION,应该可以

读书人网 >asp.net

热点推荐

触屏版 | 电脑版

读书人网 m.reader8.net