Question

我在jsp页面中做了5个tab页，每个tab页对应一个div，默认是第一个显示，点击第几个就显示第几个。问题是

现在我想用js来控制，当前显示的tab页（比如第二个）当页面刷新后，不会还原到原来的默认的（第一个tab页），而是依然显示当前tab页，求js代码。附上我的tab页切换代码
<script type="text/javascript">
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
</script>
以及tab页的定义代码
<ul>
<li id="one1" onclick="setTab('one',1,5)" class="hover">
<a href="userQuestionFind.action">全部问题</a>
</li>
<li id="one2" onclick="setTab('one',2,5)">
高悬赏问题
</li>
<li id="one3" onclick="setTab('one',3,5)">
已解决问题
</li>
<li id="one4" onclick="setTab('one',4,5)">
待解决问题
</li>
<li id="one5" onclick="setTab('one',5,5)">
零回答问题
</li>
</ul>
<div id="con_one_1"></div>
<div id="con_one_2"></div>
<div id="con_one_3"></div>
<div id="con_one_4"></div>
<div id="con_one_5"></div>

Answer 1

//用ajax实现
//1)建一文件命名 jsp9.jsp,内容如下：
<%@ page contentType="text/html; charset=GBK" %>
<%
int i=-1;
try
{
i= Integer.parseInt(request.getParameter("state"));
}
catch(Exception e)
{}
session.setAttribute("table_state",""+i);
%>
//2)将上面的代码修改为：
<%
int i=-1;
try
{
i= Integer.parseInt(""+session.getAttribute("table_state"));
}
catch(Exception e)
{}

%>
<script type="text/javascript">

/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}

function callServer(i) {
var url = "jsp9.jsp?state=" + i;
xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}

function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
}
}

function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
callServer(cursel);
}
}

</script>
以及tab页的定义代码
<ul>
<li id="one1" onclick="setTab('one',1,5)" class="hover">
全部问题
</li>
<li id="one2" onclick="setTab('one',2,5)">
高悬赏问题
</li>
<li id="one3" onclick="setTab('one',3,5)">
已解决问题
</li>
<li id="one4" onclick="setTab('one',4,5)">
待解决问题
</li>
<li id="one5" onclick="setTab('one',5,5)">
零回答问题
</li>
</ul>
<div id="con_one_1" style="display:<%=i!=1?"none":""%>">111</div>
<div id="con_one_2" style="display:<%=i!=2?"none":""%>">222</div>
<div id="con_one_3" style="display:<%=i!=3?"none":""%>">333</div>
<div id="con_one_4" style="display:<%=i!=4?"none":""%>">444</div>
<div id="con_one_5" style="display:<%=i!=5?"none":""%>">555</div>

Answer 2

我只有一个想法，代码不太懂。你可以在页面定义一个临时变量，当div变换时，同时给它赋值，刷新时，读取它的值判断js显示哪个div。

Answer 3

用JS来判断！