PDA

View Full Version : Integration help!!!



rossco
09-18-06, 12:35 PM
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
09-18-06, 12:45 PM
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
09-18-06, 01:50 PM
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
09-18-06, 02:51 PM
Are you using relative or absolute links for the images?

Adam
09-19-06, 12:51 AM
Hey,

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

From,
Adam

rossco
09-19-06, 02:55 AM
<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>
images/hhh_01.gif</TD>
<TD COLSPAN=2 ROWSPAN=2>
images/hhh_02.gif</TD>
<TD ROWSPAN=6>
images/hhh_03.gif</TD>
<TD COLSPAN=2>
images/hhh_04.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=4>
images/hhh_05.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_06.gif (index.html)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_07.gif (#)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_08.gif (#)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2>
images/hhh_09.gif</TD>
<TD COLSPAN=2>
images/hhh_10.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=14>
images/hhh_11.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD>
images/hhh_12.gif</TD>
<TD> images/hhh_13.gif (index.html)</TD>
<TD>
images/hhh_14.gif</TD>
<TD> images/hhh_15.gif (webhosting.html)</TD>
<TD>
images/hhh_16.gif</TD>
<TD> images/hhh_17.gif (#)</TD>
<TD>
images/hhh_18.gif</TD>
<TD> images/hhh_19.gif (#)</TD>
<TD>
images/hhh_20.gif</TD>
<TD> images/hhh_21.gif (#)</TD>
<TD COLSPAN=2>
images/hhh_22.gif</TD>
<TD> images/hhh_23.gif (#)</TD>
<TD ROWSPAN=2>
images/hhh_24.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=13>
images/hhh_25.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD></TD>
</TR>
</TABLE>
</tr>
<tr>
<td><table id="topnavbar"><tr><td id="navbar">{$LANG.globalsystemname} (index.php)</td><td id="navbar">{$LANG.clientareatitle} (clientarea.php)</td><td id="navbar">{$LANG.announcementstitle} (announcements.php)</td><td id="navbar">{$LANG.knowledgebasetitle} (knowledgebase.php)</td><td id="navbar">{$LANG.supportticketspagetitle} (supporttickets.php)</td><td id="navbar">{$LANG.downloadstitle} (downloads.php)</td>{if $loggedin}<td id="navbar">{$LANG.logouttitle} (logout.php)</td>{/if}</tr></table></td>
</tr>
<tr>
<td style="padding:15px">

{if $pageicon}{$pageicon}{/if}



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

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

{if $loggedin}

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

{/if}

Adam
09-19-06, 04:08 AM
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
09-19-06, 07:04 AM
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
09-19-06, 01:45 PM
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