解析讓圖片頻道也調(diào)用AJAX評論的步驟

2024-09-10 21:56:12

字體：大中小

供稿：網(wǎng)友

第一步：添加{$MY_ajax圖片評論}標(biāo)簽

此標(biāo)簽的內(nèi)容可以仿文章的這個(gè)ajax評論標(biāo)簽，需要注意的是要把文章ajax評論標(biāo)簽里的所有“Article”字樣的代碼都要替換成“Photo”，或復(fù)制以下的代碼：

<STYLE type=text/css>.commentTable
{
padding:5px; border:#98d0f8 1px solid; text-align:center;
}
.commentTable th
{
color:#008000;
}
.commentTable th, .commentTable td
{
border-right:#98d0f8 1px solid;border-bottom:#98d0f8 1px solid;
}
td.commentPager
{
border:none;
}
td.commentTdEnd,th.commentTdEnd
{
border-right:none;
}
.commentTitle
{
background:#e7f5fe;
}
.commentListOver
{
background:#f3f9f4;
}
</STYLE>
<script language="javascript">
function SetWinHeight(obj)
{
var iComment=obj;
if (document.getElementById)
{
if (iComment && !window.opera)
{
   if (iComment.contentDocument && iComment.contentDocument.body.offsetHeight)
    iComment.height = iComment.contentDocument.body.offsetHeight;
   else if(iComment.Document && iComment.Document.body.scrollHeight)
    iComment.height = iComment.Document.body.scrollHeight;
}
}
}
function ShowComment() {
var pars;
var ModuleName = "{$ChannelDir}";
var InfoID = "{$PhotoID}";
var Titlelen = ""; //內(nèi)容摘要長度，默認(rèn)是20
var Tablelen = ""; //調(diào)用表格寬度，如100%或760
var MaxPerPage = 2; //每頁調(diào)用數(shù)量
pars="ModuleName="+ModuleName+"&InfoID="+InfoID+"&Titlelen="+Titlelen+"&Tablelen="+Tablelen+"&MaxPerPage="+MaxPerPage;
new Ajax.Updater(
"leaveMsgList",
"{$InstallDir}Include/PowerEasy.Comment_Ajax.asp?rnd="+Math.random(),
{
method:"get",
parameters :pars,
evalScripts :true,
asynchronous:true
});
}
function ajaxPager(pars)
{
new Ajax.Updater(
"leaveMsgList",
"{$InstallDir}Include/PowerEasy.Comment_Ajax.asp",
{
method:"get",
parameters: pars
});
}
</script>
<div id=leaveMsgList>數(shù)據(jù)載入中，請稍后…… </div>
<script type="text/javascript">
ShowComment();
</script>
<script type="text/javascript">
if ({$ClassID}==-1)
{}
else
{
document.write ("<IFRAME id=iComment name=iComment src='{$InstallDir}{$ChannelDir}/Comment.asp?PhotoID={$PhotoID}' frameBorder=0 width='100%' scrolling=no onload=Javascript:SetWinHeight(this)></IFRAME>")
}
</script>

第二步：修改圖片頻道的內(nèi)容頁模板

1、在<head>..</head>之間添加以下三行JS調(diào)用代碼

2、然后在<body>相應(yīng)的位置里設(shè)置調(diào)用第一步添加好了的{$MY_ajax圖片評論}標(biāo)簽

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>{$PageTitle}</title>
<link href="{$InstallDir}Images/favicon.ico" type="image/x-icon" rel="icon">
<link href="{$InstallDir}Images/favicon.ico" type="image/x-icon" rel="shortcut icon">
{$ShowJS_Comment}
<script language=javascript>
function refreshimg(){
document.all.checkcode.src='../Inc/CheckCode.asp?'+Math.random();
}
</script>
<script language='JavaScript' type='text/JavaScript'>
   function Check()
   {
    if (document.form1.Name.value=='')
    {
     alert('請輸入姓名！');
     document.form1.Name.focus();
     return false;
    }
    if (document.form1.Email.value=='')
    {
     alert('請輸入Email！');
     document.form1.Email.focus();
     return false;
    }
    if (document.form1.Content.value=='')
    {
     alert('請輸入評論內(nèi)容！');
     document.form1.Content.focus();
     return false;
    }