Ajax XML Ticker not working in IE7

[thehappyappy]

1) Script Title: Ajax XML Ticker (txt file source)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ajaxticker.htm

3) Describe problem: The ticker is great and it works perfectly in Safari and Firefox, but it doesn't seem to be working in IE. I have IE7 and it doesn't show anything at all.

[ddadmin]

In IE, you need to run the script- as with any Ajax script- online in order to work. Running the script offline on your own hard drive won't work.

[thehappyappy]

Sorry to sound so stupid, but How do I do that? I've uploaded everything and was testing live. Is this not how I do it? I've included a link to the site so you can see what I mean

[ddadmin]

In your CSS, make sure you've defined an explicit width for either the ID or CSS Classname used by this script:

var xmlfile="counter.txt" //path to ticker txt file on your server:

new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")

So for example, you might have something like the following in the HEAD of your page:

<style type="text/css">

#ajaxticker1{
width: 150px;
}

</style>

The counter shows up already in IE6 btw, just not IE7.

[thehappyappy]

Thanks, I'll look at changing that. I've put the css in it's own file and linked that to the pages because the ticker will work across the site, but that wouldn't make a difference though, would it?

[ddadmin]

So one of your external CSS files already have a CSS rule(s) that applies an explicit width to the ticker? If so that should work the same as the code I posted above, yes...

[thehappyappy]

I've checked the width and it's set to 139px, but it's still not working.
The full css is:

#ajaxticker1{
width: 139px;
height: 32px;
border: 0px ridge black;
vertical-align:middle;
color: #CCFF00;
font-size: 18px;
letter-spacing: 9px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
width: 139px;
height: 32px;
border: 0px ridge black;
line-height: 32px;
padding-left: 22px;
color: #CCFF00;
font-size: 18px;
letter-spacing: 9px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

Thanks for helping with this

[ddadmin]

Hmm that's bizarre. Just to rule out the fading effect being the issue in IE7, try disabling it in the script:

new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")

To do that, remove the part in red above.

[thehappyappy]

Nope that didn't work either. It's still not show up in IE7. I cannot understand why it's not working in ie7 although I've just noticed a problem even the recommend friend isn't visible in IE7, but it is in 6. I think that for some reason the css isn't being read in IE7, but is in 6

[ddadmin]

I just checked your external .CSS files for the #ajaxticker1 ID, which I found here: http://bubbledev.phonesaved.com/extr...tic/ticker.css There's no width attribute defined within it though?