Virtually no limit. There might be bandwidth/loading time issues, or not. Sooner or later, as long as they're all valid feeds, they should load.
To separate them into groups, if all of the feed names are different, only initialize the feeds object for the first group:
Code:
<script type="text/javascript">
var feeds = {};
(function(){ // group 1
var feednames = ['bbc', 'cnn', 'bing', 'google'];
for(var i = 0; i < feednames.length; ++i){
feeds[feednames[i]] = new rssdisplaybox(feednames[i], feednames[i] + 'id', 'someclass');
feeds[feednames[i]].set_items_shown(10); //show 10 entries from feed
feeds[feednames[i]].start(); //Required: start script
}
})();
</script>
Then elsewhere, later on in the page:
Code:
<script type="text/javascript">
(function(){ // group 2
var feednames = ['cbs', 'reuters', 'espn', 'mlb'];
for(var i = 0; i < feednames.length; ++i){
feeds[feednames[i]] = new rssdisplaybox(feednames[i], feednames[i] + 'id', 'someclass');
feeds[feednames[i]].set_items_shown(10); //show 10 entries from feed
feeds[feednames[i]].start(); //Required: start script
}
})();
</script>
But if one or more of group 1 will also be in group 2, you may need a new feeds object (group 1 may remain the same, group 2 would be like):
Code:
<script type="text/javascript">
var feeds2 = {};
(function(){ // group 2
var feednames = ['bbc', 'cnn', 'bing', 'google', 'cbs', 'reuters', 'espn', 'mlb'];
for(var i = 0; i < feednames.length; ++i){
feeds2[feednames[i]] = new rssdisplaybox(feednames[i], feednames[i] + 'id', 'someclass');
feeds2[feednames[i]].set_items_shown(10); //show 10 entries from feed
feeds2[feednames[i]].start(); //Required: start script
}
})();
</script>
Bookmarks