Viewing Thread:
"External Javascript"

Okay, after doing lots of stuff with PHP, I'm making a (very) brief foray into JavaScript...

I've made two simple functions to hide / unhide divs based on what area of a page is moused over. They work fine when I shove the functions themselves in the page head, however, because it's in use with PHP, I only want the JS there if the $page variable is one of three pages... So I check for one of those pages, and if it's one of them I include the external JS files with the following code:


echo "";
echo "";


And this doesn't work... The echoed stuff is showing up (ie. nothing wrong with the PHP), the JavaScript functions just don't work... As if they're not being called...? Is there something I should know about calling JS functions from external JS sheets...?

Chars for any help!

Okay, so I have everything workign now after naming my javascript folder "js" instead...

Now, very slight problem...

The following pages are fine in IE, and the first two also in FireFox...

[URL]http://www.enablingtechnologies.co.uk/index.php?page=capabilities[/URL]
[URL]http://www.enablingtechnologies.co.uk/index.php?page=news[/URL]
[URL]http://www.enablingtechnologies.co.uk/index.php?page=applications[/URL]

Except in FF, the last page forces a side navigation bar on mousing over, pushing everything over a bit... which is kinda annoying... I have no idea why it does this for the applications page, but nothing like this happens for the capabilities / news page... Any ideas?

I thought it might be because I had the javascript disaply the rollover div before hiding the default div (and vice versa on mousing out), however, I changed this in the javascript, so it canna be that... And that wasn't having any effect on the other pages anyhoo...

Wha...?

Tried moving the .js files into the folder where the index.php and other stuff is located and changing the path to the .js files, and it then worked fine...

Then changed the name of the javascript folder to "js" and then changed the path to the .js files again (eg. "js/mouseover.js") and again, worked fine... Is there some rule against putting your .js files in a folder named javascript, because this is the only thing I've changed...? :-S

Nimco wrote:
> Does it work if you don't use PHP to print the
Nope... I now have, in the index file tags:




> You should really use the type attribute with > be causing issues with the doc type.
>
> Can you put the contents of the external JS file in here for us to
> see?

mouseover.js:




mouseout.js:




> Check you've not got script tags in the external file, check the
> obvious things like the file exists and the path is correct, etc,
> etc.

I think all the basics are correct... Is there something additional I should be doing to call a funciton when it's in an external file...? Eg. at the moment I have the following code... The onMouseOver and onMouseOut are the only js bits, all the rest is already working with PHP / CSS:

Market Research

'mr' is the id for the

I want to appear / disappear on mouse overing that element...