图层的显示与隐藏

Question

写个标志位 flag<script language="javascript"> 
var flag = false;//是否查看标示;
function showDiv(objId){ 
  var objDiv=document.getElementById(objId); 
  if(!flag){
    if(objDiv.style.display=="none"){ 
      objDiv.style.display=""; 
      flag = true;
    }else{ 
      objDiv.style.display="none"; 
    }
  } 
} 
</script>

Answer 1

把DIV的ID存到cookie里
但是客户端禁止了cookie，就只有放到数据库或文件里了
下面的存入cookie的代码<div align="center" id="Q2"> <a href="javascript:showDiv('Q1');">查看Q1</a> <a href="javascript:showDiv('Q3');">查看Q3</a> </div> 
<div id="Q1" align="center" style="display:none" > 
Q1Q1Q1Q1Q1Q1Q1
</div> 
<div id="Q3" align="center" style="display:none" > 
Q3Q3Q3Q3Q3Q3Q3Q3Q3Q3
</div> 
<br/> </body> 
<script language="javascript">
function showDiv(objId){
// 得到cookie
var divIds = getCookie("divIds"); var objDiv=document.getElementById(objId);
if(objDiv.style.display=="none"){
objDiv.style.display="block";
// 保存
if(divIds != null){
// cookie 里是否记录了当前div
if(divIds.indexOf(objId) >= 0){
// 不做任何操作
}else{
divIds += objId + "[fenge]";
}
}else{
divIds = objId + "[fenge]";// 这里用 "fenge" 做分隔符，可以改变
}
}else{ 
objDiv.style.display="none";
// 删除
if(divIds != null){
// cookie 里是否记录了当前div
if(divIds.indexOf(objId) >= 0){
var req = new RegExp(objId + "\\[fenge\\]","g");
divIds = divIds.replace(req,"");
}else{
// 不做任何操作
}
}
}

SetCookie("divIds",divIds);
}// 初始化，读取所有应该显示的div
window.onload=function(){
var divIds = getCookie("divIds");
var divArray = null;
if(divIds != null){
divArray = divIds.split("[fenge]");
for(var i = 0;i < divArray.length;i++){
if(divArray != ""){
try{
document.getElementById(divArray[i]).style.display="block";
}catch(e){}
}
}
}
}//写cookies函数
//两个参数，一个是cookie的名称，一个是值
function SetCookie(name,value)
{
var Days = 30; //此 cookie 将被保存 30 天
var exp  = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}//读取cookies函数
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return null;
}//删除cookie
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}//delCookie("divIds");
</script>