PDA

View Full Version : Drop date down to new line in gAjax RSS Pausing Scroller



arshada
11-14-2007, 12:49 PM
gAjax RSS Pausing Scroller (hosted)

http://www.dynamicdrive.com/dynamicindex18/gajaxpausescroller.htm


I have successfully implemented the code onto my website (as per example 3) and noticed that the date is showing directly after the main title of the rss item.

eg:
TITLE date
snippet..

I would like to have each item displayed on its own line. How can I achieve this as i cant see any way of doing it by looking at the code in the JS files or in the html itself. Am i missing something?

Hope someone can help as this is the only thing keeping me back from using the code.

regards

Adeel.

ddadmin
11-14-2007, 11:04 PM
The easiest way is probably just to use CSS to cause the "date" field to display on its own line:


.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
display: block;
}

The code in red is new. If that doesn't produce the desired effect, remove it, and just edit the .js file directly to do this:


rssoutput+=itemcontainer + itemtitle + " " + itemlabel + "<br />" + itemdate + "<br />\n" + itemdescription + itemcontainer.replace("<", "</") + "\n\n"

You can pretty much customize the formatting of the output any way you want by editing function formatrssmessage() similar to the above.

arshada
11-15-2007, 03:38 PM
Perfect. Thank you for your quick reply. It worked like a charm.

Now that I have applied the changes, I have found that the loading image, even though its pointing to the right place, seems to show up as a small x .ie. not found. I have made sure the image is linked by writing the complete address including http://www.xxxxx.com but its still refuses to load.

Any idea of what could be happening?

arshada
11-15-2007, 03:46 PM
Is there a way to completely disable the image?

thanks again

ddadmin
11-15-2007, 10:32 PM
Do you mean the "loading" status image that gets shown while the feed is being fetched? If you wish to disable this image, inside gfeedfetcher.js, find and comment out the below line:


//this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)'