TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 884
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 378
  • Total: 378

Adding auto-scroll to a existing block?

Started by Lum-chan, January 20, 2011, 03:33:25 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Lum-chan

I tried to get the attached code to be autoscrolling with the suggestions made on this board but they all want me to edit the code of the TP files itself.

I've added the block-code as an attachment.

Link to my site: http://forum.lum-chan.com
SMF version: SMF 1.1.12
TP version: TP 1.0RC1
Default Forum Language: English
Theme name and version: Default with color variation
Browser Name and Version: Firefox 3.6.13
Mods installed: No mods for TP itself...
Related Error messages: none

Is there a way to get the code as autoscrolling and stops scrolling when you move the mouse over the links in the block-code itself?

Any help would really be appriciated. Thanks in advance.

btw. I'm much of a rookie in php, sorry

IchBin

This should work. You can add whatever options you need to the <marquee> tag.

Lum-chan

I think I have a working solution. My only concern is the correct position of the <marquee> and </marquee> tags.
As far as I can see, it works like a charm, in Internet Explorer and in Firefox too \(^_^)/

Lum-chan

#3
Just upgraded IE 6.x to IE 8.0 but now the auto-scroller starts but stops after a few lines, most of the time it displays just 1-3 lines.

The odd thing is the correct working in FireFox 3.6.13 and in Internet Explorer 6.x. I just don't get it. I've upgraded to IE 8.x due to some lay-out testing but normally I use Firefox. I know, most of the visitors might use IE over FF but I'd like to have the scroller working for IE 8.x or higher.

What did I miss/do wrong with the marquee tags?

[edit]
After doing some research, it looks like IE chokes a bit on this scroller, perhaps in combination with the other scroller for the Shoutbox.
I have changed the marque options a bit and it makes it a bit less CPU power consuming:
<marquee behavior="scroll" direction="up" height="400px" onmouseover='this.stop()' onmouseout='this.start()' scrollamount="2" scrolldelay="10">

Strange point is the scroller of the Shoutbox keeps scrolling without any hickups. The Recent Topic scroller has many hiccups while scrolling.

Firefox seems to handle this a lot better.... Maybe I should suggest to use Firefox 3.6.13 over IE 8 or higher for visiting my site, but that's not really friendly to the visitors...

[/edit]

Any suggestions?

IchBin

I'm afraid you aren't going to get much javascript help on this site. Nobody I know here know's much about it. You'd be better off seeking help from a javascript site to see if they can tell you why IE is choking on it.

Lum-chan

Maybe I wasn't clear enough but it's not the javascript part (which is used for the TP Shoutbox) but the scrolling part of the Recent Topics block.

The Shoutbox is working correctly in IE but the scrolling part for the Recent Topics only in IE is not running as smoothly as I wished it.

IchBin

The scrolling javascript code from the shoutbox is likely conflicting. Especially if the shoutbox scrolling looks find and the recent topics doesn't.

ZarPrime

Yeah, Ichbin is probably correct about there being a conflict.  Try turning off the Shoutbox scrolling and see if that fixes the scrolling in the other block.  Of course, there could also be another block that is conflicting as well.

ZarPrime

Lum-chan

I'll look into this. I still think IE sucks big time on when displaying scrollers. It looks/works good and smoothly when running in Firefox.

Let's see if I can fix this

[edit]
I disabled the shoutbox and tried again in IE. Runs a bit better now but still a bit jerky. When both are enabled, how do they both show on your browser? Could be a PC problem on my side of the story?
[/edit]

This website is proudly hosted on Crocweb Cloud Website Hosting.