Results 1 to 7 of 7

Thread: gAjax RSS Feeds Displayer problem

  1. #1
    Join Date
    Sep 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default gAjax RSS Feeds Displayer problem

    i am trying to use this Rss feeder on my website but i can't seem to get it to work

    here are my files could someone please review them and tell me where i am going wrong

    Thanks in advance

    code i placed where i want the feed to load
    Code:
    <script type="text/javascript">
    
    var newsfeed=new gfeedfetcher("example1", "example1class", "_new")
    newsfeed.addFeed("BBC", "http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/technology/rss.xml") //Specify "label" plus URL to RSS feed
    newsfeed.displayoptions("snippet datetime") //show the specified additional fields
    newsfeed.setentrycontainer("p") //Display each entry as a paragraph
    newsfeed.filterfeed(8, "date") //Show 8 entries, sort by date
    newsfeed.init() //Always call this last
    
    </script>


    the
    Code:
    // -------------------------------------------------------------------
    // gAjax RSS Feeds Displayer- By Dynamic Drive, available at: http://www.dynamicdrive.com
    // Created: July 17th, 2007 Updated: n/a
    // -------------------------------------------------------------------
    
    var gfeedfetcher_loading_image="images/indicator.gif" //Full URL to "loading" image. No need to config after this line!!
    
    google.load("feeds", "1") //Load Google Ajax Feed API (version 1)
    
    function gfeedfetcher(divid, divClass, linktarget){
    	this.linktarget=linktarget || "" //link target of RSS entries
    	this.feedlabels=[] //array holding lables for each RSS feed
    	this.feedurls=[]
    	this.feeds=[] //array holding combined RSS feeds' entries from Feed API (result.feed.entries)
    	this.feedsfetched=0 //number of feeds fetched
    	this.feedlimit=5
    	this.showoptions="" //Optional components of RSS entry to show (none by default)
    	this.sortstring="date" //sort by "date" by default
    	document.write('<div id="'+divid+'" class="'+divClass+'"></div>') //output div to contain RSS entries
    	this.feedcontainer=document.getElementById(divid)
    	this.itemcontainer="<li>" //default element wrapping around each RSS entry item
    }
    
    gfeedfetcher.prototype.addFeed=function(label, url){
    	this.feedlabels[this.feedlabels.length]=label
    	this.feedurls[this.feedurls.length]=url
    }
    
    gfeedfetcher.prototype.filterfeed=function(feedlimit, sortstr){
    	this.feedlimit=feedlimit
    	if (typeof sortstr!="undefined")
    	this.sortstring=sortstr
    }
    
    gfeedfetcher.prototype.displayoptions=function(parts){
    	this.showoptions=parts //set RSS entry options to show ("date, datetime, time, snippet, label, description")
    }
    
    gfeedfetcher.prototype.setentrycontainer=function(containerstr){  //set element that should wrap around each RSS entry item
    this.itemcontainer="<"+containerstr.toLowerCase()+">"
    }
    
    gfeedfetcher.prototype.init=function(){
    	this.feedsfetched=0 //reset number of feeds fetched to 0 (in case init() is called more than once)
    	this.feeds=[] //reset feeds[] array to empty (in case init() is called more than once)
    	this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)'
    	var displayer=this
    	for (var i=0; i<this.feedurls.length; i++){ //loop through the specified RSS feeds' URLs
    		var feedpointer=new google.feeds.Feed(this.feedurls[i]) //create new instance of Google Ajax Feed API
    		var items_to_show=(this.feedlimit<=this.feedurls.length)? 1 : Math.floor(this.feedlimit/this.feedurls.length) //Calculate # of entries to show for each RSS feed
    		if (this.feedlimit%this.feedurls.length>0 && this.feedlimit>this.feedurls.length && i==this.feedurls.length-1) //If this is the last RSS feed, and feedlimit/feedurls.length yields a remainder
    			items_to_show+=(this.feedlimit%this.feedurls.length) //Add that remainder to the number of entries to show for last RSS feed
    		feedpointer.setNumEntries(items_to_show) //set number of items to display
    		feedpointer.load(function(r){displayer._fetch_data_as_array(r)}) //call Feed.load() to retrieve and output RSS feed
    	}
    }
    
    
    gfeedfetcher._formatdate=function(datestr, showoptions){
    	var itemdate=new Date(datestr)
    	var parseddate=(showoptions.indexOf("datetime")!=-1)? itemdate.toLocaleString() : (showoptions.indexOf("date")!=-1)? itemdate.toLocaleDateString() : (showoptions.indexOf("time")!=-1)? itemdate.toLocaleTimeString() : ""
    	return "<span class='datefield'>"+parseddate+"</span>"
    }
    
    gfeedfetcher._sortarray=function(arr, sortstr){
    	var sortstr=(sortstr=="label")? "ddlabel" : sortstr //change "label" string (if entered) to "ddlabel" instead, for internal use
    	if (sortstr=="title" || sortstr=="ddlabel"){ //sort array by "title" or "ddlabel" property of RSS feed entries[]
    		arr.sort(function(a,b){
    		var fielda=a[sortstr].toLowerCase()
    		var fieldb=b[sortstr].toLowerCase()
    		return (fielda<fieldb)? -1 : (fielda>fieldb)? 1 : 0
    		})
    	}
    	else{ //else, sort by "publishedDate" property (using error handling, as "publishedDate" may not be a valid date str if an error has occured while getting feed
    		try{
    			arr.sort(function(a,b){return new Date(b.publishedDate)-new Date(a.publishedDate)})
    		}
    		catch(err){}
    	}
    }
    
    gfeedfetcher.prototype._fetch_data_as_array=function(result){
    	var thisfeed=(!result.error)? result.feed.entries : "" //get all feed entries as a JSON array or "" if failed
    	if (thisfeed=="") //if error has occured fetching feed
    		alert("Google Feed API Error: "+result.error.message)
    	for (var i=0; i<thisfeed.length; i++) //For each entry within feed
    		result.feed.entries[i].ddlabel=this.feedlabels[this.feedsfetched] //extend it with a "ddlabel" property
    	this.feeds=this.feeds.concat(thisfeed) //add entry to array holding all feed entries
    	this._signaldownloadcomplete() //signal the retrieval of this feed as complete (and move on to next one if defined)
    }
    
    gfeedfetcher.prototype._signaldownloadcomplete=function(){
    	this.feedsfetched+=1
    	if (this.feedsfetched==this.feedurls.length) //if all feeds fetched
    		this._displayresult(this.feeds) //display results
    }
    
    
    gfeedfetcher.prototype._displayresult=function(feeds){
    	var rssoutput=(this.itemcontainer=="<li>")? "<ul>\n" : ""
    	gfeedfetcher._sortarray(feeds, this.sortstring)
    	for (var i=0; i<feeds.length; i++){
    		var itemtitle="<a href=\"" + feeds[i].link + "\" target=\"" + this.linktarget + "\" class=\"titlefield\">" + feeds[i].title + "</a>"
    		var itemlabel=/label/i.test(this.showoptions)? '<span class="labelfield">['+this.feeds[i].ddlabel+']</span>' : " "
    		var itemdate=gfeedfetcher._formatdate(feeds[i].publishedDate, this.showoptions)
    		var itemdescription=/description/i.test(this.showoptions)? "<br />"+feeds[i].content : /snippet/i.test(this.showoptions)? "<br />"+feeds[i].contentSnippet  : ""
    		rssoutput+=this.itemcontainer + itemtitle + " " + itemlabel + " " + itemdate + "\n" + itemdescription + this.itemcontainer.replace("<", "</") + "\n\n"
    	}
    	rssoutput+=(this.itemcontainer=="<li>")? "</ul>" : ""
    	this.feedcontainer.innerHTML=rssoutput
    }

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question, in this case, http://www.dynamicdrive.com/dynamici...sdisplayer.htm

    When including the script in HEAD section of your page, did you remember to input your API Key code:

    Code:
    <script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY">
    </script>
    ? You can get your key here.

  3. #3
    Join Date
    Sep 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ohh sorry i didnt know about the posting format

    and yea i did put my API Key code in the page header

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.

  5. #5
    Join Date
    Sep 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ok click here it is ment to appear under the latest news section but its not

  6. #6
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    You forgot to close the <style> tag.

    Code:
    <style type="text/css">
    <!--
    body {
    	margin-top: 0px;
    }
    -->
    </style>
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA7g9hBbbfv1yAKnIobPuv8xQTQvR8iaGR1b9Tk1lNsGDO97KoxBQfvbeQAJYT8DD4zrfBL2pSqjF5-g">
    </script>
    
    <script type="text/javascript" src="gfeedfetcher.js">
    
    /***********************************************
    * gAjax RSS Feeds Displayer- (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  7. #7
    Join Date
    Sep 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ohhh it works now, nice script

    Thanks a lot for your help
    Last edited by cbleep; 09-05-2007 at 09:17 AM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •