I don't use Javascript much (and am a complete duffer with it!) but I have a little test function which works fine when embedded in the html itself. However, as soon as I move the routine to an external .js file the damn thing will not load. I get a 'Invalid character... line 1... character 1' error. I even get this error when linking to an empty .js file! I've tried messing around with the EOL characters and BOMs etc. but all to no avail.
Anyone know why this might be happening?
Here's the HTML :
Code: Select all
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Page 1</title>
<script language="JavaScript" src="test.js"></script>
</head>
<body>
<span onmousedown="toggleDiv('mydiv');"><img id="mydiv_img" src="collapsed.gif"></img></span>
<div id="mydiv" style="display:none">This is a test!<br>Heyho!</div>
<p>Hello!</p>
</body>
</html>
Code: Select all
function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'inline';
document.getElementById(divid + '_img').src = 'expanded.gif';
}else{
document.getElementById(divid).style.display = 'none';
document.getElementById(divid + '_img').src = 'collapsed.gif';
}
}
Thanks.
