ComposerRyan — Tue, 28 Sep 2004 00:54:20 +0000

Thanks Suzanne for helping me out - I really appreciate it. Keep up the great work!

By the way, I noticed that you now have 5,678 posts...that is amazing and all of your help means a lot to me and the community.

Ryan

Suzanne — Tue, 28 Sep 2004 00:14:27 +0000

The html stays the same in the links that calls the function. You don't need to do anything put keep:

<a href="http://www.mysite.com/index.php" onMouseOver="onPictureRollover1A40463Over(this)" onMouseOut="onPictureRollover1A40463Out(this)"><img id="PictureRollover1" height=61 width=141 src="http://www.mysite.com/aabutton_links1.jpg" vspace=0 hspace=0 align="TOP" border=0 name=PictureRollover1A40463></a>

Where it is and move the <script> tags off the page into the new file.

The browser will read the JavaScript functions and know them when the user gets to the link.

ComposerRyan — Tue, 28 Sep 2004 00:06:26 +0000

But if I call it in the head, how do I know where it will display on my page? Do I use a php include command?

Suzanne — Tue, 28 Sep 2004 00:00:34 +0000

You have endless piles of this:

&lt;script language="JavaScript"&gt;<!--
function onPictureRollover3A22163Over() {}
function onPictureRollover3A22163Out() {}
//-->&lt;/script&gt;
&lt;script language="JavaScript"&gt;<!--
graphic1PictureRollover3A22163 = new Image()
graphic1PictureRollover3A22163.src = 'http://www.mysite.com/aabutton_about1.jpg';
graphic2PictureRollover3A22163 = new Image()
graphic2PictureRollover3A22163.src = 'http://www.mysite.com/aabutton_about2.jpg';
function onPictureRollover3A22163Over() {
document.PictureRollover3A22163.src=graphic2PictureRollover3A22163.src;
}
function onPictureRollover3A22163Out() {
document.PictureRollover3A22163.src=graphic1PictureRollover3A22163.src;
}
//-->&lt;/script&gt;

You don't need a new function for each image. But if you're not familiar with JavaScript, just pull it all out and put it in a file named rollover.js without the HTML tags like this:

function onPictureRollover3A22163Over() {}
function onPictureRollover3A22163Out() {}

graphic1PictureRollover3A22163 = new Image()
graphic1PictureRollover3A22163.src = 'http://www.mysite.com/aabutton_about1.jpg';
graphic2PictureRollover3A22163 = new Image()
graphic2PictureRollover3A22163.src = 'http://www.mysite.com/aabutton_about2.jpg';
function onPictureRollover3A22163Over() {
document.PictureRollover3A22163.src=graphic2PictureRollover3A22163.src;
}
function onPictureRollover3A22163Out() {
document.PictureRollover3A22163.src=graphic1PictureRollover3A22163.src;
}

Then you can worry about tidying it up later when you're more familiar with JavaScript.

ComposerRyan — Mon, 27 Sep 2004 23:51:16 +0000

What do you mean by "pull the Javascript into a single function"?

I appreciate your help Suzanne.

Ryan

Suzanne — Mon, 27 Sep 2004 23:44:47 +0000

Pull the JavaScript into a single function, store that in a separate file, and include the file in the head of the page instead.