Inserting script into Dreamweaver page.

**edencorgis** · 03-26-2012, 05:45 PM

1) Script Title: :: Text and Image Crawler v1.5

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

3) Describe problem: I am trying to insert this crawler into a Dreamweaver html page. I have not experience with Javascript, but I have followed the directions carefully. The pictures and text appear, but the animation is not there. What am I doing wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<script type="text/javascript" src="crawler.js">
/* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
updated: 4/2011 for random order option, more (see below)
*/

</script>

</style></head>

<body>

<div class="marquee" id="mycrawler">
Those confounded friars dully buzz that faltering jay. An appraising tongue acutely causes our courageous hogs. Their fitting submarines deftly break your approving improvisations. Her downcast taxonomies actually box up those disgusted turtles.
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '450px',
'background': 'lightyellow',
'border': '1px solid #CC3300'
},
inc: 8, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>

<div class="marquee" id="mycrawler2">
<img src="http://img42.imageshack.us/img42/6331/beachgl.jpg" /> <img src="http://img222.imageshack.us/img222/8854/waterox.jpg" /> <img src="http://img405.imageshack.us/img405/7314/cocovv.jpg" /> <img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" />
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
</script>
<h1></h1>
</div>
</div>
</body>
</html>

**traq** · 03-26-2012, 07:42 PM

is the path to the <script> correct?

Also,

Please use the forum's bbcode tags and indent your code to make it more readable:

for php code............[php] <?php /* code goes here */ ?> [/php]
for html...............[html] .....[/html]
for js/css/other.......[code] code goes here................[/code]

**edencorgis** · 03-27-2012, 02:46 AM

Adrian,
Thanks the script path is correct, and to be honest, I really don't understand what you are asking me to do re: the rest of the reply. I really know nothing about js.

**traq** · 03-27-2012, 03:20 AM

Actually - take a good look at your markup: you have the script inside your style block, so it's not being read as a script.

to clarify, your page looks like this:

HTML Code:

<style>
    <script src="script.js"></script>
    /* .... */
</style>

your script needs to be outside the style element:

HTML Code:

<style>
    /* .... */
</style>
<script src="script.js"></script>

------------------------------

regarding the "BBCode" tags:

use them! they make your posts much easier to read.

for example,

[html]

<!DOCTYPE html>

<html lang="en">

   <head>

     <title>My HTML page!</title>

     <meta charset="UTF-8">

   </head>

   <body>

      <p>I'm using BBCode!</p>

   </body>

</html>

[/html]

becomes:

HTML Code:

<!DOCTYPE html>
<html lang="en">
   <head>
     <title>My HTML page!</title>
     <meta charset="UTF-8">
   </head>
   <body>
      <p>I'm using BBCode!</p>
   </body>
</html>