Jump to content

header.tpl literal tag


Recommended Posts

hello guys. i am new to whmcs coding, i have read already the rules and procedure on how to customize the header.tpl but still got same error. i have script that need to run on the header.tpl, with the {literal} tag i still didnt get the right result i am expecting. please little assistance and hints is really big help and appreciate. my codes goes like this:


<script type="text/javascript" src="includes/jscript/jquerymin.js"></script>

<script type="text/javascript" src="includes/jscript/minified.js"></script>

<script type="text/javascript" src="includes/jscript/jquery.js"></script>

<script language="javascript" type="text/javascript">

function MM_jumpMenu(targ,selObj,restore){ 
 if (restore) selObj.selectedIndex=0;


<script language="javascript">
$(document).ready(function() {
//On Hover Over
function megaHoverOver(){
   $(this).find(".sub").fadeTo('fast', 1).show(); //Find sub and fade it in
   (function($) {
       //Function to calculate total width of all ul's
       jQuery.fn.calcSubWidth = function() {
           rowWidth = 0;
           //Calculate row
           $(this).find("ul").each(function() { //for each ul...
               rowWidth += $(this).width(); //Add each ul's width together

   if ( $(this).find(".row").length > 0 ) { //If row exists...

       var biggestRow = 0;	

       $(this).find(".row").each(function() {	//for each row...
           $(this).calcSubWidth(); //Call function to calculate width of all ul's
           //Find biggest row
           if(rowWidth > biggestRow) {
               biggestRow = rowWidth;

       $(this).find(".sub").css({'width' :biggestRow}); //Set width
       $(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin

   } else { //If row does not exist...

       $(this).calcSubWidth();  //Call function to calculate width of all ul's
       $(this).find(".sub").css({'width' : rowWidth}); //Set Width

//On Hover Out
function megaHoverOut(){
 $(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
     $(this).hide();  //after fading, hide it
//Set custom configurations
var config = {
    sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)
    interval: 1, // number = milliseconds for onMouseOver polling interval
    over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
    timeout: 2, // number = milliseconds delay before onMouseOut
    out: megaHoverOut // function = onMouseOut callback (REQUIRED)

$("ul#topnav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
$("ul#topnav li").hoverIntent(config); //Trigger Hover intent with custom configurations



i have this thought that i might have problem with the directory placement.

my header.tpl is located at templates/newdesign and the script files is located outside the folder of template includes/jscript ....


i even try to put the file where the header.tpl is located but still no good.. please help me with this one thanks allot.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated