在背景上有<div class="fir" name="div1" onclick="changecolor('div1')">△</div>这样的几个三角形,三角形是必须是可以浮动坐标的(用来做标志),脚本实现的是点击之后变色,要怎么实现将三角形的颜色传递到另一个页面呢?
或者有没什么简单的方法不用div,来实现三角形颜色的传递呢?
在此先谢谢各位大侠的回答!
或者有没什么简单的方法不用div,来实现三角形颜色的传递呢?
在此先谢谢各位大侠的回答!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="windysho" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function changecolor(obj)
{
// $(".fir").css("color","");
//$(obj).css("color","red");
$(".fir").each(function(i,n){
if(n == obj){
$(n).css("color","red");
$("#btn").data("checkedDiv",$(n).attr("id"));
}else{
$(n).css("color","");
}
});
}
function sub(){
var result = $("#btn").data("checkedDiv");
if(result == null){
alert("请选择一个三角形" );
return false;
}
else{
alert("您选择了:" + result);
}
//用ajax保存最好。如果想传递到另外的页面可以这样做:
//在另外一个页面就可以 $_GET["id"]
var url = "http://www.my.com/my.php?id=" + result;
window.location.href = url;}
</script>
<style type="text/css"> </style>
</head> <body>
<div class="fir" id="div1" onclick="changecolor(this)">△</div>
<div class="fir" id="div2" onclick="changecolor(this)">△</div>
<div class="fir" id="div3" onclick="changecolor(this)">△</div> <input id="btn" type="button" onclick="sub()" value="提交" />
</body>
</html>