61,112
社区成员
发帖
与我相关
我的任务
分享
<P> </P><P> </P><P> </P><P> </P><P> </P>
<div align=center style="font:14px;color:#0000ff">
loading......
</div>
<html>
<head>
<title>test</title>
<style>
SPAN {cursor:pointer;}
</style>
<SCRIPT LANGUAGE=javascript>
<!--
var imgpath="img/"; //设置图片路径全局变量
var arr=[]; //状态数组(保存每张图片的点击状态)
var o=null; //图片对象数组
var n;
window.onload=function(){
o=document.getElementsByName("frewin")
var url=location.href ;
if(url.indexOf("=")==-1){n="";}
else{ n=url.split("=")[1].toString().replace("&id","");}
//1、一开始,所有的图片都同一样(假设001.JPG)
if(n.length==0){ //没有参数视同刚开始(初始化)
for(var i=0;i<o.length;i++){ //循环改变各图片的SRC
o[i].src=imgpath+"001.JPG"; //所有的图片都同一样(假设001.JPG)
arr[i]=0; //同时初始化状态数组
}
return;//跳出函数
}
else{
arr=n.split("_")
for(var i=0;i<arr.length;i++){ //循环改变各图片的SRC
o[i].src=(arr[i]==0)?imgpath+"001.JPG":imgpath+"002.JPG"; //根据状态调用图片
}
}
var sHTML=document.getElementById("aaa").innerHTML ;
var re=/REPLACENUM/g
sHTML=sHTML.replace(re,n)
document.getElementById("aaa").innerHTML=sHTML;
alert(sHTML)
}
function changeImg(n,id){
/*原来的代码
o[n].src=imgpath+"002.JPG" //更改点击的图片路径
arr[n]=(arr[n]==0)?1:0; //同时反转更改该图片状态
var status=arr[n];
n=arr.join("_")
location.href ="test.htm?n="+n+"&id="+id+"&status="+status
//注意:此时让C/S去解析这个url后写库
//2、其他用户打开,我们根据数据库的状态(状态=0 为001.jpg,状态=1 为002.JPG),自动显示HTML内容:
//根据上述原理,当其他用户打开时,你只需要去监测数据库图片状态,然后循环读出组合为类似"1_0_0_0_0"这样的字符串,
//如:yourVar="1_0_0_0_0"
//然后组合URL:
//url="test.htm?n="+yourVar
//Navigate这个URL就OK了
*/
//=================================新的=======================
var status=(arr[n]==0)?1:0; //确定要更改图片的更改后的状态
n=arr.join("_") //将全部图片的状态数组转换为状态字串
location.href ="myconfirm.htm?n="+n+"&id="+id+"&status="+status
}
//-->
</SCRIPT>
</head>
<div id=aaa>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="80"> </td>
<td width="80"><span id="$105001" onclick="javascript:changeImg(0,this.id);"> <img name=frewin src="" width="80" height="86"> </a> </td>
<td width="25"> </td>
<td width="80"><span id="$105002" onclick="javascript:changeImg(1,this.id);"> <img name=frewin src="" width="80" height="86"></span> </td>
<td width="25"> </td>
<td width="80"><span id="$105003" onclick="javascript:changeImg(2,this.id);"> <img name=frewin src="" width="80" height="86"></span> </td>
<td width="25"> </td>
<td width="80"><span id="$105004" onclick="javascript:changeImg(3,this.id);"> <img name=frewin src="" width="80" height="86"></span> </td>
<td width="25"> </td>
<td width="80"><span id="$105005" onclick="javascript:changeImg(4,this.id);"> <img name=frewin src="" width="80" height="86"></span> </td>
<td width="25"><span id="$105006" > </span> </td>
</tr>
</table>
<div>
</body>
</html>
<P> </P><P> </P><P> </P><P> </P><P> </P>
<P> </P><P> </P><P> </P><P> </P><P> </P>
<div align=center>
loading.................
或放个动画图片
</div>