在线交流功能模块的实现Word格式.docx
《在线交流功能模块的实现Word格式.docx》由会员分享,可在线阅读,更多相关《在线交流功能模块的实现Word格式.docx(12页珍藏版)》请在冰豆网上搜索。
在网络中心的站点上还实现了在线报名的功能
图三
这样就将表单和文章相关联起来。
对于报名的人员信息可以在后台进行统计,将报名记录导出成Excel表格。
现在后台提供的在线交流的表单如图:
其中回复人和回复内容是隐藏的一个节在页面上是不显示的。
但是在后台的话,是可以看到的,仅用于管理员对浏览者所提出的问题作以回答。
三功能实现
1新建栏目
为了实现这种功能,需在后台建立一个表单栏目。
具体步骤如下:
对于两个模板,暂时先不添加,等后面把模板做好后再设置该栏目的问题提交概览模板和问题列表概览模板。
栏目建立完成后,就需要在网站的细览页面和二三级的概览的静态HTML页面的基础之上进行在线留言页面的编写。
2提交问题概览页的实现
实现概览页面的方式有两种方式:
1.直接将表单写在页面上
这种方式是表单功能最常用的方式
<
tablewidth="
701"
border="
0"
align="
center"
cellpadding="
cellspacing="
>
<
tr>
tdalign="
valign="
top"
TRS_INFOVIEWRESETBUTTON="
true"
VERIFYCODE="
TRS_INFOVIEWSUBMIT>
inputtype="
button"
name="
SubmitButton"
value="
&
nbsp;
提交&
"
style="
font-family:
Verdana,Arial,Helvetica,sans-serif;
padding:
3px;
ResetButton"
重写&
/TRS_INFOVIEWSUBMIT>
br>
/TRS_INFOVIEW>
/td>
/tr>
/table>
只需要在概览页面上相应的地方加上这样一个table即可。
在网站群实施的时候,所长信箱等栏目就是这种方式实现的,可以加以参考。
需要注意的是:
在用这种方式实施的时候,由于系统表单功能与html页面的兼容性还存在一定的问题。
所以需要把模板的第一句既
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
替换成
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
这样就能实现这样的表单的功能。
不需要再做任何配置即可实现页面功能。
现在只需要对页面的布局,进行适当的调整即可。
2.表单只是在后台进行管理
这种方式,需要把表格设计在页面里参考代码如下:
scriptsrc="
${root_path}images/infoview/prototype.js"
language="
JavaScript"
ignoreapd="
1"
/script>
${root_path}images/infoview/com.trs.util/Common.js"
${root_path}images/infoview/com.trs.crashboard/wcmcrashboard/WCMCrashBoard.js"
scriptlanguage="
javascript"
--
functionisEmail(str)//判断邮箱的格式是否正确
{
res=/^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;
varre=newRegExp(res);
return!
(str.match(re)==null);
}
functioncheck()//对填写邮箱的那个input控件进行检测,格式是否正确,是否为空等。
{
str=document.frmAction.email.value.replace(/(^\s*)|(\s*$)/g,"
);
if(str==null||str=="
)
{document.frmAction.email.focus();
alert("
邮件不能为空!
returnfalse;
elseif(!
isEmail(str))
{alert("
邮箱格式不正确"
document.frmAction.email.focus();
}
else
returntrue;
functionverifycodevalid()//提交表单执行的一个函数。
特别是不要对else以下的代码做任何修改。
if(!
check())
else{
varsVerifyCodeURL="
${root_path}images/infoview/infoview_verify_code.htm"
;
vardialogVerifyCode=TRSDialogContainer.register("
VerifyCodeDialog"
'
\u8BF7\u586B\u5199\u6821\u9A8C\u7801'
sVerifyCodeURL,'
180px'
130px'
true);
dialogVerifyCode.onFinished=function(_args){
varsVerifyCode=_args||"
document.getElementById('
verifycode'
).value=sVerifyCode;
varfrmAction=document.getElementById('
frmAction'
frmAction.onsubmit="
returntrue;
frmAction.submit();
};
varsInfogateVerifyCodeURL="
TRSDialogContainer.display("
sInfogateVerifyCodeURL);
returnfalse;
}//-->
550"
bordercolor="
#CCCCCC"
formtarget="
_top"
action="
frmAction"
id="
onSubmit="
returnverifycodevalid();
method="
post"
tr>
tdwidth="
162"
height="
30"
主题:
td>
text"
name"
size="
55"
/>
电子邮件:
td>
email"
padding-top:
10px;
留言内容:
textareaname="
content"
cols="
59"
rows="
5"
/textarea>
br/>
tdcolspan="
2"
submit"
Submit"
提交"
<
inputvalue="
114"
SiteId"
type="
hidden"
61529"
ChannelId"
74"
InfoViewId"
inputname="
DocumentId"
UTF-8"
encoding"
verifycode"
/form>
这这个table替换第一种方式中的table即可实现这种功能。
但是在使用这种方式的时候,要注意以下几点:
1.系统自带的js代码