Integration help!!!

rossco · September 18, 2006

Hi all,

Just having some problems integrating my header images. The rollovers do not work on the integrated pages ??? Any ideas how i can get my rollovers to work ??

Thanks,

Ross.

Roger · September 18, 2006

If you are getting the infamous red-x box. Check the path to the images in your custom header.

Hope that helps some,

-Roger

rossco · September 18, 2006

Hi Roger,

No the image is appearing fine, but... it doesn't seem to rollover to the next image. I have the same code as is on the homepage - but doesn't seem to rollover to the 'rollover image' ????

Joel · September 18, 2006

Are you using relative or absolute links for the images?

Adam · September 19, 2006

Hey,

Could you post us the code for your header.tpl so I can take a look at it...

From,

Adam

rossco · September 19, 2006

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>{$companyname} - {$pagetitle}</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="templates/{$template}/style.css">
{$livechatheadercode}
</head>
<body>
<table id="wrapper" align="center">
 <tr>
   <td id="mainheader"><TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <TR>
	  <TD COLSPAN=9 ROWSPAN=6>
		  [img=images/hhh_01.gif]</TD>
	  <TD COLSPAN=2 ROWSPAN=2>
		  [img=images/hhh_02.gif]</TD>
	  <TD ROWSPAN=6>
		  [img=images/hhh_03.gif]</TD>
	  <TD COLSPAN=2>
		  [img=images/hhh_04.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=2 ROWSPAN=4>
		  [img=images/hhh_05.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=2>			  [url="index.html"][img=images/hhh_06.gif][/url]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=2>			  [url="#"][img=images/hhh_07.gif][/url]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=2>			  [url="#"][img=images/hhh_08.gif][/url]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=2>
		  [img=images/hhh_09.gif]</TD>
	  <TD COLSPAN=2>
		  [img=images/hhh_10.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=14>
		  [img=images/hhh_11.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD>
		  [img=images/hhh_12.gif]</TD>
	  <TD>			  [url="index.html"][img=images/hhh_13.gif][/url]</TD>
	  <TD>
		  [img=images/hhh_14.gif]</TD>
	  <TD>			  [url="webhosting.html"][img=images/hhh_15.gif][/url]</TD>
	  <TD>
		  [img=images/hhh_16.gif]</TD>
	  <TD>			  [url="#"][img=images/hhh_17.gif][/url]</TD>
	  <TD>
		  [img=images/hhh_18.gif]</TD>
	  <TD>			  [url="#"][img=images/hhh_19.gif][/url]</TD>
	  <TD>
		  [img=images/hhh_20.gif]</TD>
	  <TD>			  [url="#"][img=images/hhh_21.gif][/url]</TD>
	  <TD COLSPAN=2>
		  [img=images/hhh_22.gif]</TD>
	  <TD>			  [url="#"][img=images/hhh_23.gif][/url]</TD>
	  <TD ROWSPAN=2>
		  [img=images/hhh_24.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD COLSPAN=13>
		  [img=images/hhh_25.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
  </TR>
  <TR>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD>
		  [img=images/spacer.gif]</TD>
	  <TD></TD>
  </TR>
 </TABLE>
 </tr>
 <tr>
   <td><table id="topnavbar"><tr><td id="navbar">[url="index.php"]{$LANG.globalsystemname}[/url]</td><td id="navbar">[url="clientarea.php"]{$LANG.clientareatitle}[/url]</td><td id="navbar">[url="announcements.php"]{$LANG.announcementstitle}[/url]</td><td id="navbar">[url="knowledgebase.php"]{$LANG.knowledgebasetitle}[/url]</td><td id="navbar">[url="supporttickets.php"]{$LANG.supportticketspagetitle}[/url]</td><td id="navbar">[url="downloads.php"]{$LANG.downloadstitle}[/url]</td>{if $loggedin}<td id="navbar">[url="logout.php"]{$LANG.logouttitle}[/url]</td>{/if}</tr></table></td>
 </tr>
 <tr>
   <td style="padding:15px">

{if $pageicon}[img={$pageicon}]{/if}



<span class="heading">{$pagetitle}</span>

{$LANG.globalyouarehere}: {$breadcrumbnav}</p>

{if $loggedin}

<p align=center class="clientarealinks">[url="clientarea.php?action=details"][img=images/clientarea/details.gif]{$LANG.clientareanavdetails}[/url][url="clientarea.php?action=hosting"][img=images/clientarea/hosting.gif]{$LANG.clientareanavhosting}[/url][url="clientarea.php?action=domains"][img=images/clientarea/domains.gif]{$LANG.clientareanavdomains}[/url][url="clientarea.php?action=invoices"][img=images/clientarea/invoices.gif]{$LANG.invoices}[/url][url="supporttickets.php"][img=images/clientarea/supporttickets.gif]{$LANG.clientareanavsupporttickets}[/url]
[url="order.php"][img=images/clientarea/order.gif]{$LANG.clientareanavorder}[/url][url="clientarea.php?action=products"][img=images/clientarea/products.gif]{$LANG.clientareaproducts}[/url][url="clientarea.php?action=emails"][img=images/clientarea/emails.gif]{$LANG.clientareaemails}[/url][url="logout.php"][img=images/clientarea/details.gif]{$LANG.clientareanavlogout}[/url]</p>

{/if}

Adam · September 19, 2006

Hey,

Looking at the code the only thing I come up with is the below.

You call all your roll over images in a folder called images/ Which is fine, how ever let me show you an example of why this might be wrong.

Lets say your site is called WebHostingRocks.com and your WHMCS is on whmcs.WebHostingRocks.com

Now on WebHostingRocks.com you have all your images point to

WebHostingRocks.com/images

how ever on

whmcs.WebHostingRocks.com

if you have your images pointed to the the images/ folder it wont work!

WHY? Good question,

Becuse your

whmcs install is on a different then your main domain.

ORRRR

It could be that you are leaving or forgeting out your JavaScript that goes on the top of the page...

If you give me the link to your site, I can then pin point whats the problem.

From,

Adam

rossco · September 19, 2006

Hey mate cheers for the reply.

Yeh its because i don't have the java script in there i think...

I just had a fiddle trying to implement the java script - but it wouldn't work.

Web address: http://www.gpssports.com.au/hostheaven/index/whmcs

Its definately something to do with my javascripting... i don't know how to implement it into the Header.tpl to make it work.

Any help appreciated!

Thanks again Adam.

Ross.

Adam · September 19, 2006

Hey,

Add the between your <head> </head> sections

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

and change the

<body>

tagg to

<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('images/hhh_roll_06.gif',
'images/hhh_roll_07.gif','images/hhh_roll_08.gif',
'images/hhh_roll_13.gif','images/hhh_roll_15.gif',
'images/hhh_roll_17.gif','images/hhh_roll_19.gif',
'images/hhh_roll_21.gif','images/hhh_roll_23.gif',
'images/hhi_roll_05.gif','images/hhi_roll_07.gif',
'images/hhi_roll_09.gif')">

also don't forget to link back to your roll over images folder.

If you need more help post below, <<removed>>

From,

Adam

Sign In

Integration help!!!

Recommended Posts

rossco

Link to comment

Share on other sites

Roger

Link to comment

Share on other sites

rossco

Link to comment

Share on other sites

Joel

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

rossco

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

rossco

Link to comment

Share on other sites

Adam

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members

Browse

Latest Activity

Blog

Technical Support

Important Information