<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax与网页交互动态添加删除数据</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="doma.js" type="text/javascript"></script>
</head>
<body onload="javascript:loadsite();">
<script type="text/javascript">
function turn(e) {
if(e==simg){
if($(e).src.substr($(e).src.length-5,5)=="1.gif")//注意,这里之所以是5,是因为1.gif一共五个字符,如果这个图片路径改掉以后数字要相应的修改。
{
$(e).src="2.gif";
$$(box_1).style.display="none";
return false;
}
if($(e).src.substr($(e).src.length-5,5)=="2.gif")
{
$(e).src="1.gif";
$$(box_1).style.display="block";
return false;
}
}
if(e==make){
if($(e).innerHTML=="定制")
{
$$(e).innerHTML="结束定制";
$$(maker).style.display="block";
$$("center_box").load("ajax.asp?action=edit");
return false;
}
if($(e).innerHTML=="结束定制")
{
//加一个随机数防止缓存//////////////////////////////
var number = Math.random();
number = number * 1000000000;
number = Math.ceil(number);
$(e).innerHTML="定制";
$$(maker).style.display="none";
$$("center_box").load("ajax.asp?ranum="+number);
return false;
}
}
}
function addsite(){
var sitename = form.sitename.value;
var siteurl = form.siteurl.value;
DOMAssistant.AJAX.get("ajax.asp?action=add&sitename="+sitename+"&siteurl="+siteurl,null);
addsitethen();
}
function del(e){
DOMAssistant.AJAX.get("ajax.asp?action=del&id="+e,delsitethen(e));
}
function delsitethen(e){
//alert("删除网站成功!");
$$("li"+e+"").remove();
}
function addsitethen(){
//alert("添加网站成功!");
var sitename = form.sitename.value;
var siteurl = form.siteurl.value;
form.sitename.value="";
form.siteurl.value="http://";
// $$("center_box").create("li", null, true, "<a href='"+siteurl+"' target='_blank'>"+sitename+"</a>");
turn(make);
}
function loadsite(){
$$("center_box").load("ajax.asp");
}
</script>
<div id="box">
<div id="box_title"><div id="spic"><img src="1.gif" id="simg" onclick="javascript:turn(simg);" border="0" /></div><div id="make" onclick="javascript:turn(make);">定制</div><h3>网页设计</h3></div>
<div id="box_1" style="display:block;">
<div id="maker" style="display:none;"><form style="padding:0px; margin:0px;" name="form"><div id="sitename">网站名称:<input style="WIDTH: 140px" name="sitename" /></div><div id="siteurl">网站地址:<input style="WIDTH: 140px" name="siteurl" value="http://" /></div><div id="sitesub"><input onclick="addsite()" type="button" name="ok" value="添加网站" /></div></form></div>
<ul id="center_box">
</ul>
</div>
</div>
</body>
</html>