Forum Moderators: open
But, even when I was exhausted and ready to pay money -- no luck. This morning I installed the Magpie code and it is set up and running just fine.
Someone (much earlier in this sub-forum suggested using the marquee tag to make it scroll. I've tried that with an amended BBC style sheet and now I am so close it hurts. So I've come here.
Where I have the typcal vertical list with 5 or six items in it, I now have a 500px wide 30px high bordered box with the first headline in it, at the left. To me, after so much work, it looks gorgeous. BUT, of course it just sits there.
I want the CNN headlines continuously scrolling one after the other from right to left.
Can anyone help? I would probably have to email you the URLs of the involved pages. So, if some hearty soul wants to help me out, I would be most grateful!
Or, if anyone knows of a commercial product that will create this set up for me--single line, scrolling, configurable bg, fonts, and borders are necessary--and it must be displayable on a web page. I'd love the name of that program. (I've tried RSS Feed Scroller which works in the demos but not for me! Seems to be a bit buggy.
Thanks,
Clair
(I have been through this forum back to 2005, with only that one comment on using a marquee having anything to do with what I'm after.)
Did you have any luck with this one?
I've also bought a couple of XML books -- I'm determined to do this if it takes me the rest of my life! lol
Clair
[news.bbc.co.uk...]
If so I can help you with it no problem
I went to the BBC page and it was very interesting. The news ticker at the top is close, but not what I want. I got excited because the little Listen Live button above that actually performs the way I want when you first load the page-- the whole item scrolls smoothly in from the right, followed by the next one and so on.
However, the ticker that they do have is quite nice. If it's not a big deal, I would love to know how that one works! I figure the more pieces of information I have, as well as practice, will make my project easier in the long run.
If you just add the subdir /blog to the url that is listed in my profile, you will see what I am using there. That's not where I want the long ticker, for design reasons. (The one there is the Advanced RSS Ticker from the dynamic drive site. And, it was close, with being able to format borders, size, type, etc., but of course, no scrolling.
Anyway, I'm really enjoying the JS class I'm taking, -- determination is the mother of learning! or something like that anyway.
I have a bare page with nothing but the ticker I want on it using the marquee code that Jim (from here) sent me -- it functions correctly, but I can't yet figure out how to get it to use a feed -- hence the JS class and the XML books. Again if you just add /ticker2 to my url, you can see it. All the code is in the page, (I was hoping someone would ask to see it, but no one ever did.) This is the one that I referred to in my first msg. as being so close it hurt.
Anyway, I do like the BBC ticker! Perhaps I'll start collecting them. lol
Thanks again for your interest, Micro --
Clair
Here's the code, copy and paste all this into a new page and just put in the url of the feed you want to display, the way I use it on my own site is inside an iframe (yep I know it's sloppy) but you can run it in a normal page without the iframe.
<html>
<head>
<script type="text/javascript">
var sText = ""
var i=0
var iNews=0
var rss = new ActiveXObject("Microsoft.XMLDOM")
rss.async = false
rss.load("http://www.RSS-Feed-URL-HERE)
function GetNewsSource(){
var itemNodes = rss.selectNodes("/rss/channel/item")
var iMax = itemNodes.length
sText = itemNodes.item(iNews).getElementsByTagName("title").item(0).text
myTicker.href = itemNodes.item(iNews).getElementsByTagName("link").item(0).text
ticker()
iNews+=1
if(iNews==iMax){
iNews=0
}
window.setTimeout("GetNewsSource()", (90*sText.length +4000))
}
function ticker(){
i+=1
myTicker.innerText = sText.substring(0,i) + " _"
if(i<sText.length){
window.setTimeout("ticker()",90)
}
else{
i=0
}
}
</script>
</head>
<body bgcolor="#B10000" text="#FFFFFF" link="#FFFFCC" vlink="#FFFFCC" alink="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="GetNewsSource()">
<a id="myTicker" href="" target="_parent"></a>
</body>
</html>
Don't forget to change your body properties and you can add CSS to this too. Good luck.
I will be mucking about with it tomorrow morning. (I get up at 2 a.m.)
Can't wait.
I do think by the time this is over, I will have a nice collection--
did you write this one? If so I'm impressed--the code is small and clean and neat.
I do have one question-- What's this line?
var rss = new ActiveXObject("Microsoft.XMLDOM")
Thanks much, my friend.
Clair
ActiveXObject("Microsoft.XMLDOM acts as an XML Parser but there's probably better ways to do it to be honest.
Have fun.
Nothing but a lovely blank red window comes up and in the error console these two messages, which I have not yet had enough JS to interpret:
ActiveXObject is not defined (on the var rss line)
rss has no properties (on the var itemNodes line)
The feed I'm using is the same I use on my blog page to the cnn-worldnews rss feed.
Will keep messing about.
Cheers,
(AND I don't expect you to do anything at all -- just giving you a report on my morning's fiddling!)
Just have to get myself further along in my JS class! This is what I call a "spur to action"! lol
Thanks for your post though. My question lay dormant for about 6 weeks -- now it has sprung to life with a vengeance!
Clair
When I got the red screen, I of course tried it online, same thing.
Ah well --
