How to add style to a script

[Ponder]

1) Script Title: Mike's DHTML scroller

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

3) Describe problem: Found this but can't get it to work. Can only see the scroll box on the page but nothing is moving and it appears that the text and links that are to be scrolling are stacked up on top of each other in the box....not moving.

Working fine on the DD page but I can't seem to get it to work. Any Ideas? Is there a more recent script?


Thanks for helping..

[ajfmrf]

please post a link to your page so people can see what is going on.

Other wise it would be a guess as to why it won't work.

[Ponder]

Here's a link to where we are trying it out.....

http://www.georgiaponds.net/testimonials.php

Thanks very much....

Ponder

[jscheuer1]

I'd go with:

http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

Then you can use ordinary css to style the contents.

[Ponder]

Thanks John for that suggestion....

Working on that....Ponder

[jscheuer1]

Are you familiar with css?

[Ponder]

Just a bit....but I did install the scroller you suggested on some pages....and I found a site that outlined a lot of how to use css with this particular scroller.......so i tried some if it for color, fonts etc....and got the hang of it somewhat....

Seems like this scroller, since it does not have any ext. script to park in a server file, may take up a lot of space as all the code is on the pages....

I prefer the structures that provide for ext. files and small amounts of code on the page....but maybe it does not make any difference....I am not experienced enough to know....

Ponder

[jscheuer1]

That's (teaching yourself the css you need for this) very good.

You can make almost everything about this script external. I'd start with the main script (right click and 'Save As'):

Attachment 4580

Put it in the same folder as your page(s) that use it. Now you can reference it on your page as:

<script src="pausescroller.js" type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

Or you can put it in a different folder, just list its path in the src attribute, ex:

<script src="js/pausescroller.js" type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

You can use the absolute path if you like. Just make sure that you put the above external tag on your page in the same spot where the script would have been had you left it as an internal script.

As for the css, that can all go in an external stylesheet. If you need help with how that's done, or have any other questions, let me know.

[jscheuer1]

I went a little overboard with this and modified the script a bit so the scroller contents can go on the page in the body. I also made everything external (right click and 'Save As'):

Attachment 4581

Unzip it to a separate folder and view in the browser.

All script configuration is done on the page. All style configuration is done in the external css file.

Any questions, feel free to ask.

[Ponder]

Hi John.

I'm just now catching up to your posts....and help....Many Thanks.....

It will take me a few readings and some trial and Error to see and understand what you have put together....but if I can get min on the page and max in folders, then that would be great.

will advise....Thank You..Ponder