Friday 25 July 2003 4:26:03 am

Hi.

I'm using a javascript in order to load a new image every time my site is reloaded, and it goes like this:

{literal}
<SCRIPT LANGUAGE="Javascript"><!--

function image() {
};

image = new image();
number = 0;

// imageArray
image[number++] = "<img src='http://www.full_url.no/images/image1.jpg' border='0'>"
image[number++] = "<img src='http://www.full_url.no/images/image2.jpg' border='0'>"
image[number++] = "<img src='http://www.full_url.no/images/image3.jpg' border='0'>"
image[number++] = "<img src='http://www.full_url.no/images/image4.jpg' border='0'>"
image[number++] = "<img src='http://www.full_url.no/images/image5.jpg' border='0'>"
image[number++] = "<img src='http://www.full_url.no/images/image6.jpg' border='0'>"

// keep adding items here...

increment = Math.floor(Math.random() * number);

document.write(image[increment]);

//--></SCRIPT>
{/literal}

I think that the key to your problem might be that you're not linking to the image with a full URL.

Regards Bjørn

Friday 25 July 2003 6:04:38 am

...thanks guys... i don't know what i'm doing wrong here, but i still can't make it work... grrr...

but Paul, apparently it helped using the reference you suggested.. using:

{literal}
<script language="JavaScript1.2" src={'design/demo/javascripts/rollover.js'|ezurl}></script>
{/literal}

I can actually see the entire page with all the content and not just the background colour as with the other reference... funny in a way as http://www.ez.no/developer/ez_publish_3/documentation/customization/tips_tricks/javascript_in_templates
suggests that you use
<SCRIPT SRC={"javascripts/rollover.js"|ezdesign} TYPE="text/javascript" LANGUAGE="JavaScript"/>
...

The rollover still doesn't work however.. the image shows up (uni2logogrey.gif), but it does not change into uni2logo.gif when hovering the mouse over it..

i tried changing the line from:

<A HREF="http://www.uni2.dk" TARGET="_blank" onMouseOver="return skiftBillede('uni2logogrey','billede2')" onMouseOut="return skiftBillede('uni2logogrey','billede1')"><IMG SRC={"uni2logogrey.gif"|ezimage} NAME="uni2logogrey" BORDER="0" HEIGHT="20" WIDTH="54" /></A>

to:

{literal}<A HREF="http://www.uni2.dk" TARGET="_blank" onMouseOver="return skiftBillede('uni2logogrey','billede2')" onMouseOut="return skiftBillede('uni2logogrey','billede1')"><IMG SRC="http://www.full_url.com/design/demo/images/uni2logogrey.gif" NAVN="uni2logogrey" BORDER="0" HEIGHT="20" WIDTH="54"></A>{/literal}

and I also changed the src's in 'rollover.js' to the full url as you suggested Bjørn...

...but it still doesn't work...

I use IE6 and Opera once in a while just for testing purposes...

I never thought I would have to use an entire day just making a simple rollover (and not even succeeding)... I get tired already thinking of all the time I have to put into the dhtml menu.. haha... but I have to make it work! It must be possible?!

Time for weekend... :-)

Cheers,
Morten.

Tuesday 29 July 2003 12:13:50 am

Hi Jan,

the source should be ok... when I enter the path in my browser i'm asked if i want to open or save the file 'rollover.js'.

i tried using plain html to include the script as you suggested:

<SCRIPT SRC="design/mydesign/javascripts/rollover.js TYPE="text/javascript" LANGUAGE="JavaScript"/>

but that didn't work.. again i just got the background colour of the site and no content...

I'm about to give up here, though I really hoped I could have a dhtml menu on the site.. but that's probably going to be even more problematic than putting in a simple rollover... :-(

Thanks for your help anyway!

Regards.
Morten.