aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes Smooth ticker in IE8: impossible? Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Spring in Action this week in the Spring forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Smooth ticker in IE8: impossible?" Watch "Smooth ticker in IE8: impossible?" New topic
Author

Smooth ticker in IE8: impossible?

Toni Lainez
Greenhorn

Joined: Jun 04, 2011
Posts: 3
Hi everybody,

Le me explain my scenario.

I have a web page generated with PHP which has a lot of divs with rollover effects. It represents a table with more than 200 cells, but is made of divs instead of a table because I've read they are more efficient (specially in IE8 which has turn out my nightmare in this project!)

In the same page I want to put a ticker for user messages with horizontal text scrolling.
I have tried to implement the ticker in different ways: pure Javascript:

http://javascript.about.com/library/bltick2.htm

or with jquery pluggins:

http://remysharp.com/2008/09/10/the-silky-smooth-marquee/
http://jscroller2.markusbordihn.de/example/

Well, the thing is that the ticker works great when the page loads, but as soon as the user starts to move the cursor over the table (rollover effects are triggered) the ticker becomes very jerky in IE8 (Firefox works almost perfect)

After a lot of work tunning my PHP/HTML code I gave up and decided to embed a flash object for the ticker in order to relieve the browser part of the scripting and delegate it to flash. My surprise was that it had the same defect. I am not an expert in how the browser deals with flash objects but I really though it would be a solution.

I've found a example which illustrate the problem.

http://activeden.net/item/xml-news-ticker/7911?redirect_back=true&ref=nhstudio&clickthrough_id=23795538

This a page with a commercial flash object. It's really much more than what I need, but if you try (with IE8) to move the cursor around the right section of the page, over the elements with rollover effects, you'll notice that the ticker becomes less smooth. Imagine that within a page with 200 divs!

Well I know this is a Scripting forum, so my question here is: Is there anything I can do to make this design work as expected (ticker and rollover effects working simultaneously) with javascript?

By the way, I have tried to achieve this with a java applet and the result is that it works perfectly. Anyway I only considerer this as the last option because I want to avoid the inconvenients of using this technology

Thanks a lot!
Toni
Toni Lainez
Greenhorn

Joined: Jun 04, 2011
Posts: 3
No ideas?
Maybe I wasn't specific enough. LET me try again

Is there any way to have in IE8 an element with horizontal text scrolling (like the html marquee tag) which is not interfered by another rollover effects in the same page?

Thanks!
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61433
    
  67

Without rewriting the browser, I know of no way to improve the performance of IE8.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Toni Lainez
Greenhorn

Joined: Jun 04, 2011
Posts: 3
I think it would be out of scope...
I was thinking more of some kind of trick or tip to make IE behaviour similar to Firefox which is infinitely better.
Thanks for the reply anyway
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61433
    
  67

You and me both. I cannot relay how many times IE has had me pulling my already nonexistent hair out.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Smooth ticker in IE8: impossible?