I have the following in one external js file. Its purpose is to implement dropdown menus.

function header() {
document.write('.....
<a href="javascript:void(0);" onClick="return clickreturnvalue();" onMouseover="dropdownmenu(this, event, menu3, 160px);" onMouseout="delayhidemenu();">PRODUCT INFO</a>.....')
}

The dropdownmenu, clickreturnvalue and delayhidemenu scripts are in another external file.

When the html portion of this code is in the html file directly, it works perfectly. Within the html file is the following head entry which gives the path to the external script:

<script type="text/javascript" src="support-files/dropdown.js"></script>

When I move the html for the dropdown scripts into an external js file wrapped in a document.write, the drop downs stop working.

Any thoughts?

Thanks.

Have you tried switching the order of your JS files? Because a function in one JS file can be called from a function in 2nd...at least if the 2nd is 2nd in the code as well. I haven't tried it the other way around.

1) Maybe the ADAM´s solution fix your problem.
2) Some day, i have similar problem. But the problem was the name of esternal file. I test files in a windows server, but upload to a linuz server, and the problem was the upper case letters in path: From that day, i put all names in lower case

Originally Posted by carloncho

1) Maybe the ADAM´s solution fix your problem.
2) Some day, i have similar problem. But the problem was the name of esternal file. I test files in a windows server, but upload to a linuz server, and the problem was the upper case letters in path: From that day, i put all names in lower case

Figured it out...the variables inside the () needed to be enclosed by apostrophes. For instance:

onMouseover="dropdownmenu(\'this\', \'event\', \'menu3\', \'160px\');"

versus

onMouseover="dropdownmenu(this, event, menu3, 160px);"

Works perfectly. Thanks for the suggestions.