feedek
Version:
FeedEk is a jQuery plugin for parsing and displaying RSS and Atom feeds. You can obtain feeds easily from any domain. No need for server-side scripts. Feed API is used for fetching RSS/Atom feed data.
159 lines (145 loc) • 4.62 kB
HTML
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<title>FeedEk jQuery RSS/ATOM Feed Plugin Demo | jQuery RSS/ATOM Parser Plugin FeedEk Demo</title>
<link href="css/FeedEk.css" rel="stylesheet" type="text/css" />
<style>
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;background-color: #efefef;font-size: 13px;line-height: 17px ;}
.feedDiv{float: left;padding-right: 35px;}
ul{width: 300px ;}
pre{border:1px dashed #BBB; background-color:#fffcfc}
</style>
</head>
<body>
<div style="padding: 10px;">
<h1>FeedEk Examples</h1>
<div>
<div class="feedDiv">
<p><strong>Basic Example</strong></p>
<div id="divFeed"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 2
});
</pre>
</div>
<div class="feedDiv">
<p><strong>Description Character Limit Example</strong></p>
<div id="divFeed2"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 3,
ShowDesc: true,
ShowPubDate: false,
DescCharacterLimit: 100
});
</pre>
</div>
<div class="feedDiv">
<p><strong>Multiple Feed Url Example</strong></p>
<div id="divFeed3"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: ['http://feeds.bbci.co.uk/news/rss.xml',
'https://www.espn.com/espn/rss/news'],
MaxCount: 4
});
</pre>
</div>
<div style="clear: both"></div>
</div>
<h2>Examples with date format</h2>
<div>
<div class="feedDiv">
<div id="divFeed4"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 2,
DateFormat: 'd',
DateFormatLang:'en'
});
</pre>
</div>
<div class="feedDiv">
<div id="divFeed5"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 2,
DateFormat: 'D',
DateFormatLang:'fr-FR'
});
</pre>
</div>
<div class="feedDiv">
<div id="divFeed10"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 2,
DateFormat: 'MM-dd-yyyy HH:mm',
DateFormatLang:'en'
});
</pre>
</div>
<div style="clear: both"></div>
</div>
<hr />
<div>
<div class="feedDiv">
<div id="divFeed11"></div>
<strong>Code</strong>
<pre>
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss',
MaxCount: 2,
DateFormat: 'dd MMMM yyyy',
DateFormatLang: 'en'
});
</pre>
</div>
<div style="clear: both"></div>
</div>
</div>
<p><a href="https://jquery-plugins.net/FeedEk/FeedEk.html">FeedEk Plugin Page</a> <a href="https://jquery-plugins.net/FeedEk/FeedEk_demo.html" >Demo</a> <a href="https://github.com/enginkizil/FeedEk" >Github</a></p><br/><br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/FeedEk.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#divFeed').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 2
});
$('#divFeed2').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 3, ShowDesc: true, ShowPubDate: false, DescCharacterLimit: 100
});
$('#divFeed3').FeedEk({
FeedUrl: ['http://feeds.bbci.co.uk/news/rss.xml','https://www.espn.com/espn/rss/news'],
MaxCount: 4
});
$('#divFeed4').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 2, DateFormat: 'd', DateFormatLang: 'en'
});
$('#divFeed5').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 2, DateFormat: 'D', DateFormatLang: 'fr-FR'
});
$('#divFeed10').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 2, DateFormat: 'MM-dd-yyyy HH:mm', DateFormatLang: 'en'
});
$('#divFeed11').FeedEk({
FeedUrl: 'https://jquery-plugins.net/rss', MaxCount: 2, DateFormat: 'dd MMMM yyyy', DateFormatLang: 'en'
});
});
</script>
</body>
</html>