📄 rssreader.jsp
字号:
<html>
<head>
<%@ page contentType="text/html;charset=gb2312"%>
<%@ page import="book.rssreader.*"%>
<title>RSS 阅读器</title>
<script src="rss.js" type="text/javascript"></script>
<script type="text/javascript">
function readRSS ( url, divId )
{
new RSSReader_ajax(url,5,divId);
}
var ajaxObject;
function ajax_add ()
{
var url = document.subscribe.feedURL.value;
if (url=="")
{
alert("请填入RSS链接地址！");
return;
}
var name = document.subscribe.feedName.value;
if (name=="")
{
alert("请填入标签名称！");
return;
}
ajaxObject= createAjaxObj();
ajaxObject.onreadystatechange=function()
{
changFunction();
}
var submitURL="addfeed?url="+url+"&name="+name;
ajaxObject.open('POST', submitURL, true);
ajaxObject.send(null);
}
function changFunction()
{
if (ajaxObject.readyState == 4)
{ //if request of file completed
if (ajaxObject.status==200)
{ //if request was successful
//var text=ajaxObject.responseText;
parsefeed();
}
}
}
function parsefeed()
{
var xmlDoc=ajaxObject.responseXML;
var url = xmlDoc.getElementsByTagName("url")[0].firstChild.nodeValue;
var name = xmlDoc.getElementsByTagName("name")[0].firstChild.nodeValue;
var id =document.getElementById("leftcolumn");
var aTag = document.createElement("A");
var txt = document.createTextNode(name);
aTag.appendChild(txt);
aTag.href="javascript:readRSS('"+url+"','rightcolumn')";
id.appendChild(aTag);
}
</script>
<style type="text/css">
#leftcolumn{
float:left;
width:250px;
height: 400px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;
background-color:#E8F2FE;
}
#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}
#leftcolumn a:hover{
background-color: #FFFF80;
}
#rightcolumn{
float:left;
width:500px;
min-height: 550px;
border: 3px solid black;
margin-left: 2px;
padding: 5px;
padding-bottom: 8px;
vertical-align:top;
background-color:#E8F2FE;
}
* html #rightcolumn{ /*IE only style*/
height: 550px;
background-color:#E8F2FE;
}
#bottom{
float:left;
width:250px;
height: 100px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;
background-color:#E8F2FE;
}
#top{
float:left;
width:758px;
height: 100px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;
background-color:#E8F2FE;
}
.rsstitle{ /*title 元素的风格*/
font-weight: bold;
}
.rsstitle a{ /*title元素的链接风格*/
font-weight: bold;
font-size:14px;
color:#3354AA;
}
.rssdate{ /*时间显示风格*/
color: gray;
font-size: 85%;
}
.rssdescription{ /*描述外观风格*/
color:#7D804F;
font-size:12px;
}
</style>
</head>
<body>
<div style="clear: left; margin-bottom: 1em"></div>
<table width="760" border="0" align=center>
<tr>
<td colspan=2><h4>Simple RSS Reader</h4>
</td>
</tr>
<tr>
<td width="300" valign=top>
<div id="leftcolumn">
<%
out.print(RssUtil.renderRSSList());
%>
</div>
</td>
<td colspan="2" rowspan="2" valign=top>
<div id="rightcolumn">Content</div>
</td>
</tr>
<tr>
<td>
<div id="bottom">
<form name=subscribe method=post action="">
添加feed:<BR>
RSS URL: <input type=text name="feedURL" value="" /><BR>
显示标签:<input type=text name="feedName" value="" />
<BR>
<input type=button name="add" value="添加" onclick="ajax_add()" />
<input type=reset name="cancel" value="取消" />
</form>
</div>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -