JavaScript Forum

**JoachimA** · 12-29-2010, 04:00 PM

Hello all

I made a Javascript long time ago.
Now I need to move the JS to another website, but the problem is, when I try to move it, it won't work.
I went to w3school, to make sure it was possible to get a JS to work on the new place and it worked well, so I do something wrong in my copy/paste.

I would really appreciate if anyone could tell me what I have to copy to make it work on the new website.
The JS is on www.danish-matchrace.dk and as you probably know you can see the JS in sources (it should be in the top of the source)

I hope someone can help.

Joachim

**chrishirst** · 12-29-2010, 04:36 PM

And what is it supposed to do?

So we can probably tell what it isn't doing.

**JoachimA** · 12-29-2010, 07:29 PM

Oh I'm sorry I didn't described clearly.

Well- I have it on my site now, and I need to get the same JS to my new site.
Problem is: When I copy paste it to the new site, it doesn't show up.
I think I miss something when I copy it, but I tried almost everything, so I ask for what/how much and I need to copy from the html sources?

**PaulW** · 12-31-2010, 04:17 PM

Which is the site with the working js and which is the non-working? What exactly do you mean by "not working"? Does it misfunction or what?

**JoachimA** · 01-01-2011, 07:54 AM

It is working on the website on the link I wrote in the first post.
I need to move it from this website (the link) to a new website.

When I try to move it from the linked website to the new site it doesn't work.
What happen is simply: Nothing shows up.

What I ask for is: If someone could check the sources from the link and tell me what I have to copy, as I think I don't get it all included in my copy/paste.

**PaulW** · 09:18 AM

Okay, there are three components to the task. (1) Copy everything in the head from open to close of the script tag. (2) Create a directory called script in the root directory of the new site and add images -- according to current script they should be 1.jpg, 2.jpg up to 11.jpg. (3) Add the onLoad call to your new body tag

**JoachimA** · 06:28 PM

I tried to follow the steps and this is what I inserted, but it still doesn't work:

HTML Code:

<script type='text/javascript' language='javascript'>  
<!-- 
var interval = 4000; 
var random_display = 0;
var image_dir = ""
var ImageNum = 0;
imageArray = new Array();
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/1.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/2.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/3.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/4.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/5.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/6.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/7.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/8.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/9.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/10.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/11.jpg");
 
var number_of_image = imageArray.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
ImageNum = randNum(0, number_of_image-1);
}
else {
ImageNum = (ImageNum+1) % number_of_image;
}
var new_image = get_ImageItemLocation(imageArray[ImageNum]);
return(new_image);
}
function getPrevImage() {
ImageNum = (ImageNum-1) % number_of_image;
var new_image = get_ImageItemLocation(imageArray[ImageNum]);
return(new_image);
}
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}

//   -->
</script>
</head>
<body bgcolor=#8096ad onload="rotateImage('rImage')">

**PaulW** · 02:39 PM

Sorry, should have said, you need an image tag with the name rImage - if you look at the working page you'll see img src=... name ="rImage" The javascript puts the random selection there.

**JoachimA** · 06:27 PM

We are getting closer!

Now picture 1.jpg shows up, BUT the script doesn't change picture..

It is now as follow:

HTML Code:

<script type='text/javascript' language='javascript'>  
<!-- 
var interval = 4000; 
var random_display = 0;
var image_dir = ""
var ImageNum = 0;
imageArray = new Array();
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/1.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/2.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/3.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/4.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/5.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/6.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/7.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/8.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/9.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/10.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "/Test/images/script/11.jpg");
 
 
var number_of_image = imageArray.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function randNum(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
ImageNum = randNum(0, number_of_image-1);
}
else {
ImageNum = (ImageNum+1) % number_of_image;
}
var new_image = get_ImageItemLocation(imageArray[ImageNum]);
return(new_image);
}
function getPrevImage() {
ImageNum = (ImageNum-1) % number_of_image;
var new_image = get_ImageItemLocation(imageArray[ImageNum]);
return(new_image);
}
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}

//   -->
</script>
<body onload="rotateImage('rImage')">
<img style="margin-top: 0px" src="/Test/images/script/1.jpg" width="250" name="rImage"/>

**chrishirst** · 01-02-2011, 06:33 PM

Check your spelling and the case of the paths & names.

*nix servers are case SENSITIVE "Test" and "test" are NOT the same.