Helpful Information
 
 
Category: CSS Help
CSS and scrolling text

Can anyone tell me where I can get some info on CSS? Specifically I am trying to create sort of a news page, which will have a box that contains news articles that slowly scroll upwards until they disppear and then raeppear at the bottom at the bottom of the box again. I know this can be done with CSS and I've kind of accomplished what I want. The problem is that I'm using seperate elements for each article title. Therefore, only one article title scrolls through the box at the time since I can only make one element visible. Mabye, it will make more sense when you see my code. I want to basically be able to have the other news article titles begin to scroll underneath each other, not having to wait for the news article title above it to finish scrolling before the next article enters the box. I hope this makes sense! here is the code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

function init() {
nos = 1;
items = 6;
posY = 130;
scroller();
}

function scroller() {
if (nos == items + 1) {
nos = 1;
}
elemID = 'elem'.concat(nos);
objDOM = document.all[elemID].style;

objDOM.visibility = "visible";
posY -= 1;
objDOM.top = posY;
if (posY <= 50) {
objDOM.visibility = "hidden";
posY = 130;
nos += 1;
}
setTimeout ("scroller()",10);
}
// -->
</SCRIPT>

<STYLE TYPE="text/css">
<!--
#elem1 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#elem2 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#elem3 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#elem4 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#elem5 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#elem6 {position:absolute; visibility:hidden; left:35;
top:0; z-index:5}
#screen {position:absolute; visibility:visible; left: 20px;
top:50px; z-index:0}
-->
</STYLE>
</HEAD>

<BODY onLoad="init()">

<DIV ID="elem1"><FONT COLOR="#000000">
News & Events- article 1
</FONT></DIV>

<DIV ID="elem2"><FONT COLOR="#000000">
News & Events- article 2
</FONT></DIV>

<DIV ID="elem3"><FONT COLOR="#000000">
News & Events- article 3
</FONT></DIV>

<DIV ID="elem4"><FONT COLOR="#000000">
News & Events- article 4
</FONT></DIV>

<DIV ID="elem5"><FONT COLOR="#000000">
News & Events- article 5</FONT></DIV>

<DIV ID="elem6"><FONT COLOR="#000000">
News & Events- article 6</FONT></DIV>

<DIV ID="screen">
<TABLE WIDTH=350 HEIGHT=120 BORDER=0 BGCOLOR=#808080>
<TD></TD></TABLE>
</DIV>

</BODY>
</HTML>

Did you ever get this sorted?

Got an example to show?

I have a similar requirement and am not sure to go with a Flash based method so I would be interested if you achieved the results you want with idea/method you used.


Can anyone tell me where I can get some info on CSS? Specifically I am trying to create sort of a news page, which will have a box that contains news articles that slowly scroll upwards until they disppear and then raeppear at the bottom at the bottom of the box again. I know this can be done with CSS and I've kind of accomplished what I want. The problem is that I'm using seperate elements for each article title. Therefore, only one article title scrolls through the box at the time since I can only make one element visible. Mabye, it will make more sense when you see my code. I want to basically be able to have the other news article titles begin to scroll underneath each other, not having to wait for the news article title above it to finish scrolling before the next article enters the box. I hope this makes sense! here is the code:
.....

This thread was from June of 2000. Please avoid posting in non-stickied threads over two months old.

Are you aware of the accessibility issues caused by scrolling text? (http://www.w3.org/TR/WAI-WEBCONTENT/#q33)

Check this out. (http://onlinetools.org/tools/domnews/)

This thread was from June of 2000. Please avoid posting in non-stickied threads over two months old.

Are you aware of the accessibility issues caused by scrolling text? (http://www.w3.org/TR/WAI-WEBCONTENT/#q33)


Sorry about that... I got there via a Google Search so it was after my post that I realized the date.

I did however trace the post and code to get these results:

Nice scroller (http://www.softcomplex.com/products/tigra_scroller/demo1.html)

It's a product that does a pretty good job as a Dynamic Scroller.
Hopefully this makes the topic more relevant and someone else benefits.

The one I linked to is better. It uses unobtrusive JavaScript.

The one I linked to is better. It uses unobtrusive JavaScript.

I guess you mean when it's actually working...

""Warning: main() [function.main]: URL file-access is disabled in the server configuration in /mnt/gs01/herd02/4450/domains/onlinetools.org/html/tools/domnews/index.php on line 112""


I'll have to check back later I guess.

Yeah, the the PHP code that generates the X/HTML for the demo is broken. I sent him an email about it.

Yeah, the the PHP code that generates the X/HTML for the demo is broken. I sent him an email about it.

He's not big on instructions so not sure if it will work for me... Feeding the contents from a php page is what I need though.

Thanks for the info I will check out that site a bit further and see if it will work for my needs.










privacy (GDPR)