您的位置:首页> 日志> 前端技术 正文
DTOP

实用的纠错表单

heiying123 | 2011年11月30日 |

>>收藏本文 已有 0条评论

很多网站为了提高与用户的互动性,增加了一个纠错的功能,其实也就是用户发现问题之后通过表单的形式提交给管理员,今天介绍一个很实用的纠错表单。通常会在在每个页面的底部插入这样一段话和代码。

如果您在本页面发现错误,请先用鼠标选择出错的内容片断,然后同时按下“CTRL”与“ENTER”键,以便将错误及时通知我们。

<script type="text/javascript" language="JavaScript">
document.onkeydown = keyDown;
function keyDown(e)
{
    var e=(typeof event!="undefined")?window.event:e;   // IE : Firefox
    var s=(document.getSelection)?document.getSelection():document.selection.createRange().text;
    if(e.ctrlKey && e.keyCode==13){
        if (s!="")
        {
            window.open("/webform.aspx?workcategoryid=3&customformid=111","","width=1000,height=800");
        }else{
            alert("请先用鼠标选择出错的内容片断!");
            return false;
        }
    }
}
</script>
 

然后借助动易系统的自定义表单功能,制作一个表单,生成一个前台模板,在模板里插入以下代码

<script language="JavaScript" type="text/javascript">
document.getElementById("RepModel_ctl03_ctl00_Field_ModelControlID_TxtSingleLine").value=window.opener.location.href;
document.getElementById("RepModel_ctl01_ctl00_Field_ModelControlID_TxtTitle").value=window.opener.document.title;
if (parent.document.getSelection)
{
 document.getElementById("RepModel_ctl07_ctl00_Field_ModelControlID_TxtMultiple").value=window.opener.document.getSelection();
}else{
 document.getElementById("RepModel_ctl07_ctl00_Field_ModelControlID_TxtMultiple").value=window.opener.document.selection.createRange().text;
}
</script>

这样就可以达到前台选中错误内容然后同时按下“CTRL”与“ENTER”键弹出纠错表单的效果,并且错误位置,错误地址,可以自动获取到表单里,无需手动添加,效果如下: