I am putting together a 3-column page and I am want to show a local news RSS in the "left" column under my navigational menu.
As recommended, I downloaded what I need from Dynamic Drive and added it to my page, but it's not wokring. I am hoping that the experts here can help me to get this squared away and working.
What I downloaded is
HERE.
I have not worked with scripts yet so I have no clue what I am doing. Can anyone help me out here with this?????
Anyway, here is the HTML:
</div>
<div class="news">
<script type="text/javascript">
var cssfeed=new gfeedfetcher("example1", "example1class", "")
cssfeed.addFeed("CSS Drive", "http://www.thepittsburghchannel.com/news/topstory.rss") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("li") //Display each entry as a list (li element)
cssfeed.filterfeed(10, "title") //Show 10 entries, sort by date
cssfeed.init() //Always call this last
</script>
</div>
And here is the CSS:
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA4JQq9H3mwY70Hnjckda0ThSNU_hnZ9bm 3pgrNOb287VQ6sa5hRQpck1NARAdPHG4WsQr0K-5Out-Nw">
</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>
<style type="text/css">
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}
.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}
#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}
code{ /*CSS for insructions*/
color: red;
}
</style>
You can see what I am trying to do
HERE.
Thanks,
Vance