关于奇矩互动奇矩互动招贤纳士奇矩互动优质虚拟主机Discuz!商业用户享有本站VIP服务LAMP环境配置手册(CentOS5.1)
发新话题
打印

动态表单的使用

本主题由 lulu 于 2008-4-7 00:20 移动

动态表单的使用

复制内容到剪贴板
代码:
<script>
function $(s){//返回对象
        return document.getElementById(s);
}
function on_it(obj){
        obj.style.backgroundColor = "#98AB6F";
        $('content').innerHTML="鼠标移在上面";
}
function move_it(obj){
        obj.style.backgroundColor = "#ffffff";
        $('content').innerHTML="鼠标从上面移走";
}
function click_it(obj){
        obj.style.backgroundColor = "red";
        $('content').innerHTML="单击";
}
function dbclick_it(obj){
        var obj_id="f"+obj.id;
        var str='<input id="' + obj_id + '" type="text" name="textfield" value="' + obj.innerHTML+ '" /><input name="b1" type="button" id="b1" value="修改" onclick=edit("'+obj.id+'") /><input name="b2" type="button" id="b2" value="取消" onclick=del("'+obj.innerHTML+'","' + obj.id + '")  />';
        obj.innerHTML=str;
}
function edit(v){
        $(v).innerHTML=$("f"+v).value;
}
function del(s,id){
        $(id).innerHTML=s;
}
</script>
<div id="x" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="x2" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="x3" onmouseover="on_it(this)" onmouseout="move_it(this)" onclick="click_it(this)" onDblClick="dbclick_it(this)">xxx</div>
<div id="content">123</div>

TOP

发新话题