Znalazłem poniższy skrypt w sieci. Problem polega na tym: w pliku XML znajdą się jakieś artykuły nawet do tysiąca znaków. Jak zrobić coś takiego żeby pokazywał się tytuł artykułu oraz wstęp jakieś 50-100 znaków. A po kliknięciu w artykuł czy link "więcej", w nowym oknie pokazywałaby się pełna treść artykułu.
<script language="javascript"> window.onload = function()
{
ReadRSS('cnn_tech_rss.xml','rssBodyTemplate','rssTitleTemplate');
}
<div id="rssTitleTemplate"> <a href="(::Link::)"><h1>(::Description::)
</h1></a> <div id="rssBodyTemplate"> <a href="(::Link::)"><b>(::Title::)
</b></a> <font size="-1">(::Description::)
</font>
function Replace(totalValue,oldValue,newValue)
{
while(totalValue.indexOf(oldValue) > -1)
totalValue=totalValue.replace(oldValue,newValue);
return totalValue;
}
/* Get XML Node
(Parameters) TagName:'XML Element' node:'Element row number' */
function getNode(TagName, node)
{
var currentNode = (node == null) ? xmlDoc.getElementsByTagName(TagName) :
items[node].getElementsByTagName(TagName);
if(currentNode.length > 0)
return currentNode[0].firstChild.nodeValue;
}
/* Load XML Object
(Parameters) rssFeed:'RSS File' Body:'Layer for RSS Body' Title:'Layer for RSS Title' */
function ReadRSS(rssFeed, Body, Title)
{
rssTitle = document.getElementById(Title);
rssBody = document.getElementById(Body);
try
{
if (document.all)
{
var errorHappendHere = "Check Browser and security settings";
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}
else
{
var errorHappendHere = "Apparently one cant read remote xml via firefox, please copy the file to your server";
xmlDoc = document.implementation.createDocument("","",null);
}
xmlDoc.async=false;
xmlDoc.load(rssFeed);
items=xmlDoc.getElementsByTagName('item');
SetRSSTemplates();
}
catch(e)
{
rssTitle.innerHTML = 'Error occured';
rssBody.innerHTML = 'Thrown Error:'+e.message+"
<br/>Note: "+errorHappendHere;
}
}
/* Set HTML Template
Did it this way to make the look and feel of the feed easy customizable, dont like mixing
layout with code. */
function SetRSSTemplates()
{
if (rssBody)
{
var buffer = "";
for(var i=0; i< items.length; i++)
{
var output = (document.all) ? Replace(rssBody.innerHTML,"(::Link::)",getNode('link',i))
: Replace(rssBody.innerHTML,"%28::Link::%29",getNode('link',i));
output = Replace(output,"(::Title::)",getNode('title',i));
output = Replace(output,"(::Pubdate::)",getNode('pubDate',i));
output = Replace(output,"(::Description::)",getNode('description',i));
buffer+=output;
}
rssBody.innerHTML = buffer;
}
if (rssTitle)
{
var output = Replace(rssTitle.innerHTML,"(::Title::)",getNode('title'));
output = (document.all) ? Replace(output,"(::Link::)",getNode('link'))
: Replace(output,"%28::Link::%29",getNode('link'));
output = Replace(output,"(::Description::)",getNode('description'));
rssTitle.innerHTML = output;
}
}
<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0">
<channel>
<title>CNN.com - Technology1</title>
<link>http://www.wp.pl</link>
<description>CNN.com delivers up-to-the-minute news and information on the latest top stories, weather, entertainment, politics and more.</description>
<language>en-us</language>
<copyright>Š 2006 Cable News Network LP, LLLP.</copyright>
<pubDate>Tue, 01 Aug 2006 21:41:01 EDT</pubDate>
<ttl>10</ttl>
<image>
<title>CNN.com - Technology</title>
<link>http://www.cnn.com/rssclick/TECH/?section=cnn_tech</link>
<url>http://i.cnn.net/cnn/.element/img/1.0/logo/cnn.logo.rss.gif</url>
<width>144</width>
<height>33</height>
<description>CNN.com delivers up-to-the-minute news and information on the latest top stories, weather, entertainment, politics and more.</description>
</image>
<item>
<title>Cell phones: A new tool in the war-zone blogosphere </title>
<link>http://www.cnn.com/rssclick/2006/TECH/internet/08/01/newblogs/index.html?section=cnn_tech</link>
<description>Pundits and political junkies may have put blogs on the map. But now individuals all over the planet are using new blogging tools to share gritty, uncensored information.</description>
<pubDate>Tue, 01 Aug 2006 16:06:17 EDT</pubDate>
</item>
<item>
<title>Site offers death alerts for baby boomers</title>
<link>http://www.cnn.com/rssclick/2006/TECH/internet/08/01/babyboomers.reut/index.html?section=cnn_tech</link>
<description>Read full story for latest details.</description>
<pubDate>Tue, 01 Aug 2006 11:06:35 EDT</pubDate>
</item>
<item>
<title>Gaming expo collapses under its own weight</title>
<link>http://www.cnn.com/rssclick/money/2006/08/01/commentary/column_gaming/index.htm?section=cnn_tech</link>
<description>The dueling - and deafening - two-story tall speakers of Electronic Arts and Activision have fought their last battle. E3, the industry's annual trade show, which is known for its overwhelming sights, sounds and excess, is scaling down.</description>
<pubDate>Tue, 01 Aug 2006 18:28:37 EDT</pubDate>
</item>
<item>
<title>Sony at 60: Looking for a jolt of electricity</title>
<link>http://www.cnn.com/rssclick/2006/TECH/biztech/07/31/sonyat60.ap/index.html?section=cnn_tech</link>
<description>Read full story for latest details.</description>
<pubDate>Mon, 31 Jul 2006 11:36:19 EDT</pubDate>
</item>
<item>
<title>Metallica, long resistant, joining iTunes</title>
<link>http://www.cnn.com/rssclick/2006/SHOWBIZ/Music/07/28/metallica.itunes.ap/index.html?section=cnn_tech</link>
<description>Read full story for latest details.</description>
<pubDate>Fri, 28 Jul 2006 17:02:41 EDT</pubDate>
</item>
<item>
<title>Microsoft: Vista shipments on track, for now</title>
<link>http://www.cnn.com/rssclick/2006/TECH/ptech/07/28/microsoft.vista.reut/index.html?section=cnn_tech</link>
<description>Read full story for latest details.</description>
<pubDate>Fri, 28 Jul 2006 11:23:26 EDT</pubDate>
</item>
<item>
<title>Your cell phone is so money</title>
<link>http://www.cnn.com/rssclick/2006/TECH/ptech/07/28/nfc.chip/index.html?section=cnn_tech</link>
<description>Forgot your wallet? You'll need a better excuse than that for passing on the check. By next year, you'll be able to pay simply by swiping your cell phone a few inches from a cash register, with a new wireless standard called Near Field Communication. </description>
<pubDate>Fri, 28 Jul 2006 16:06:04 EDT</pubDate>
</item>
<item>
<title>Review: 'Micro Machines' swaps quality for quantity</title>
<link>http://www.cnn.com/rssclick/2006/TECH/fun.games/07/28/micro.machines/index.html?section=cnn_tech</link>
<description>Racing games come in all shapes and sizes -- from authentic NASCAR and Formula 1 driving simulations to urban street racing challenges to over-the-top arcade handling on fantasy tracks.</description>
<pubDate>Fri, 28 Jul 2006 16:17:47 EDT</pubDate>
</item>
</channel>
</rss>
Czytnik RSS, Wyświetlanie pełnej treści artykułu w nowym oknie.
11.08.2011, 17:56:02
