(1)如何利用js文件在Lerx 1.0门户系统获取指定栏目的文章列表?
提取文件可以通过toplist.jsp这个文件来产生的。通过这个文件加入适当的参数再编写一个小小的js文件(编写js文件的目的是可以在您的页面中根据您的页面css样式进行显示)即可实现定制。不输入参数或参数为空将使用默认值。传递的参数及说明如下:
Ø class 栏目ID号,多个用_来合并.如:class=37_38_92 o 排序方式 0以最新更新(按录入时间) 1取最热文章(按点击率) 2按日平均点击率 默认为0
Ø n 提取新闻条数,默认为10
Ø p 新闻标题前是否有个小圆点“·”,1显示,0不显示。默认为1,即显示小圆点。本参数仅对传统table架构有效。
Ø t 提取长标题或是精简标题(精简为空将取长标题) 0精简标题 1长标题
Ø s 起始显示记录序号参数传递 默认值为0(显示记录为从s-1开始,如0是从第1个,5是从第4个)
Ø c 数据列表形式参数传递 0=表格 1=css(li) 0将生成< td >数据行< /td >< /tr >,1将生成< li >< /li >格式
Ø d 是否在新闻标题后显示更新时间,时间显示格式为MM/dd,如“09/30”。1显示,0不显示。默认为0,即不显示。
Ø v 是否显示浏览数 0不显 1显 默认为0
Ø l 标题截取长度。0不截取即完整显示,其它数字即根据参数值进行截取,并在标题后加…以示标题长度被截取。
Ø navshow 是否显示栏目名称。默认为0,不显示。
说明:传递参数时多个参数用&符号分隔。了解了上述参数后,我们可以动手编写一个小小的js文件了。通过记事本就可以完成。在记事本中输入以下内容再保存为后缀为.js的文件。
document.write("<scriptlanguage=javascript src='http://www.lerx.com/toplist.jsp?class=5_8'>
</script>");<//textarea></center>
上面没有加参数,下面我们来加一下参数。比如:我想显示6条,截取11个字符。不显示小圆点,并且显示更新时间。js文件内容代码如下:<br><br>
<center><textarearows="4" name="S1"cols="100">document.write("<script language=javascriptsrc='http://www.lerx.com/toplist.jsp?class=5_8&n=6&l=11&p=0&d=1'></script>");<//textarea></center>
将上述代码存为js文件后,我们可以上传到在互联网上可以访问的目录地址中,建议建立一个名为js的目录来专门保存js文件。
(2)图片专题:
假定在本系统中栏目id为3的是图文报道。那就先在里面发表几篇文章就是了,发文的时候关键是必须在缩略图选项中设定图片的URL,为了美观且不影响访问速度,请将图片裁剪成长450像素宽253像素后上传再贴url至缩略图地址中。
到后台,找内容管理中的栏目管理,修改栏目id为3的栏目属性。选中首页专题列表,显示数目设为5。提交,保存。
到后台,主站风格模板,找到点说明为“栏目专题Flash循环体”的变量标签NavFlashArrayLoopBody,点击详情,如果是下面的代码就不用改了(大多数Flash图片一般都用这种方式),不是就照这样贴进去就行了:
new Array("{$$LoopArticleTitle$$}","{$$LoopArticlesHrefURL$$}","{$$LoopArticlesImgURL$$}")
<!--图片新闻切换开始 --><DIV id=jdt></DIV>
<SCRIPT language=javascript type=text/javascript>
var titles='';
var imgs='';
var urls='';
var imgArr = new Array({$$FlashArrayCode,3$$});
for(var i=0; i<imgArr.length; i++){
if (i==0)
{
titles+=imgArr[i][0];
urls+=imgArr[i][1];
imgs+=imgArr[i][2];
}
else
{
titles+='|'+imgArr[i][0];
urls+='|'+imgArr[i][1];
imgs+='|'+imgArr[i][2];
}
}
var pw =450;
var ph = 253;
var sizes = 14;
var Times = 4000;
var umcolor = 0xFFFFFF;
var btnbg =0xFF7E00;
var txtcolor =0xFFFFFF;
var txtoutcolor = 0x000000;
var flash = new SWFObject('/templates/default/swf/focus.swf', 'mymovie', pw, ph, '7', '');
flash.addParam('allowFullScreen', 'true');
flash.addParam('allowScriptAccess', 'always');
flash.addParam('quality', 'high');
flash.addParam('wmode', 'Transparent');
flash.addVariable('pw', pw);
flash.addVariable('ph', ph);
flash.addVariable('sizes', sizes);
flash.addVariable('umcolor', umcolor);
flash.addVariable('btnbg', btnbg);
flash.addVariable('txtcolor', txtcolor);
flash.addVariable('txtoutcolor', txtoutcolor);
flash.addVariable('urls', urls);
flash.addVariable('Times', Times);
flash.addVariable('titles', titles);
flash.addVariable('imgs', imgs);
flash.write('jdt');
</SCRIPT>
<!--图片新闻切换结束 -->
(3)图片滚动效果
同上步骤,修改最后的内容
<!--图片滚动start -->
<div>
<iframe id="fls_frm" src="about:blank" border="0" height="0" width="0" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" style="margin-top:0px;"></iframe>
<script type="text/javascript">
var fls_width = 305; // 图片宽
var fls_height = 240; // 图片高
var fls_imgUrl = new Array();
var fls_imgLink = new Array();
var fls_imgText = new Array();
var fls_imgAlt = new Array();
if (fls_width==0 || fls_width<160){
fls_width=305;
fls_height=240;
}
if (fls_height==0){
fls_height=fls_width*3/4;
}
fls_height=fls_height+16;
var imgArr = new Array({$$FlashArrayCode,37$$});
function playSlide()
{
for(var slideIndex=0; slideIndex<imgArr.length; slideIndex++){
fls_imgUrl[slideIndex+1] = imgArr[slideIndex][2];
fls_imgLink[slideIndex+1] = imgArr[slideIndex][1];
fls_imgText[slideIndex+1] = "<a href='"+ imgArr[slideIndex][1] +"' target='_blank'>"+ imgArr[slideIndex][0] +"</a>";
fls_imgAlt[slideIndex+1] = imgArr[slideIndex][0];
}
}
if (imgArr.length>0){
var o_frm = document.getElementById("fls_frm");
o_frm.height = fls_height;
o_frm.width = fls_width;
playSlide();
if(navigator.appName == "Netscape"){
o_frm.contentWindow.location.href="frm_flash.htm";
}else{
o_frm.src="frm_flash.htm";
}
}
</script> </div>
<!--图片滚动over -->
(4)用户登录
<script language=javascript src='./member_area_for_js.jsp?style=2009新版'></script>
(5)定制其他模块思路:
---1)采用webservice和jquery通信。纯JS输出内容
---2) FLEX技术和webservice
---3)直接类似上边,写JSP,然后输出<script language=javascript src='./member_area_for_js.jsp?style=2009新版'></script>