Search code examples
javascripthtmlhead

Javascript does not seem to be called

im having a problem with a javascript file possibly failing to load or containing errors

HTML Code:

 <head>
    <title>TEMPLATE</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <meta name="author" content="Adam Bullock">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script src="js/main.js"></script>
</head>

Javascript Code:

/* 


* NavBar_ArrowSlider moves an arrow depending on the users move selection on
 * the navigation bar
 * 
 * The script takes a position an moves the slider image to a set margin
 * 
 * NavElement - number of list item
 * MouseEvent - if users moves out of the name bar the icon will move back to
 * its default position
 * DefaultPosition - number of list item
 */
function navBar_arrowSlider(navElement, mouseEvent, defaultPosition) {
    var arrow = document.getElementById(navBarSlider);
    var navElementPosition = ["90px","295px","493px","695px"];
    // DEBUG
    alert("Positon:" + navElement + " Move Event:" + mouseEvent + " default position:" + defaultPositon);
    // END OF DEBUG
    if (mouseEvent === "mouseOver") {
        var position = navElementPosition[navElement];
        arrow.style.marginLeft=navElementPosition;
    } else {
        var position = navElementPosition[defaultPosition];
        arrow.style.marginLeft=navElementPosition;
    }    
}

im at a lost as to why this is not working, because i cant seem to see any errors atm, bare in mind i have been working solid for the past 14 hours :/ life of a programmer

Any help would be appreciated

Thanks

Bull

Solution

  • You cannot have JavaScript code in <script> tags that loads external JavaScript. You need to break them up:

    <script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">navBar_arrowSlider(0,'moveOver',0)</script>