JavaScript Forum

**Curtis** · 06-04-2010, 12:37 AM

Hey everyone.

I am trying to Integrate WHMCS into my site, and have had no real problems other than the fact I can not for the life of me figure out how to get my javascript dropdown navigation menu to show properly.

Here is a snippet from the header for the main website.

Code:

<!-- css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="css/jquery.tweet.css" rel="stylesheet" type="text/css" media="all">
<!-- js -->
<script type="text/javascript" SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/jquery.flow.1.1.min.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/cufon-yui.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/Yanone_Kaffeesatz_500.font.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/superfish.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/hoverIntent.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/jquery.tweet.js"></script>

<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
  DD_belatedPNG.fix('img, .fix, .tweet');
</script>
<![endif]--> 
<script type="text/javascript">
    Cufon.replace('h1, h2, h3, h4, h5, h6', { fontFamily: 'Yanone Kaffeesatz' });
</script>
<script type="text/javascript">
    $().ready(function() {  
     $(function() {  
    $("#slider-nav").jFlow({  
        slides: "#mySlides",
        width: "860px",
        height: "350px",      
        duration: 400  
    });
    $("ul.sf-menu").superfish();$('ul.sf-menu').superfish({ 
            delay:       1000,       // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'fast',     // faster animation speed 
            autoArrows:  false,      // disable generation of arrow mark-up 
            dropShadows: false       // disable drop shadows 
        });  
           
}); 
 }); 
</script>
</head>

And the snippet for the header.tpl file in WHMCS

Code:

<link rel="stylesheet" type="text/css" href="templates/{$template}/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
<script type="text/javascript" SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/jquery.flow.1.1.min.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/cufon-yui.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/Yanone_Kaffeesatz_500.font.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/superfish.js"></script>
<script type="text/javascript" SRC="http://surmounted.net/js/hoverIntent.js"></script>

</head>

Anytime I try to add the:

Code:

<script type="text/javascript">
    $().ready(function() {  
     $(function() {  
    $("#slider-nav").jFlow({  
        slides: "#mySlides",
        width: "860px",
        height: "350px",      
        duration: 400  
    });
    $("ul.sf-menu").superfish();$('ul.sf-menu').superfish({ 
            delay:       1000,       // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and  slide-down animation 
            speed:       'fast',     // faster animation speed 
            autoArrows:  false,      // disable generation of arrow  mark-up 
            dropShadows: false       // disable drop shadows 
        });  
           
}); 
 }); 
</script>

Part to the header.TPL file, I simply get a blank white page. Something in that code is interfering with something, and I have no idea how to fix it.

Can someone offer me some insight and help? Its rather annoying having this important section of our site not have navigation. ( http://clients.surmounted.net )