Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
X-Cart Home FAQ Forum rules Calendar User manuals Login  

Problems with rollovers I've tried using LITERAL

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 03-23-2005, 02:15 PM
 
Gio Gio is offline
 

Member
   
Join Date: Mar 2005
Posts: 23
 
Default Problems with rollovers I've tried using LITERAL
I am trying to implement some rollovers for my site and having serious issues I know you guys can help.

Thanks in advance

the site is
http://motogio.com/xcart/home.php

here is the home.tpl code
Code:
{* $Id: home.tpl,v 1.67.2.6 2004/12/01 15:15:48 mclap Exp $ *}
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<HTML>
<HEAD>
<TITLE>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</TITLE>
{literal}
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		motogiostore_header_04_over = newImage("skin1/images/motogiostore-header_04-over.jpg");
		motogiostore_header_05_over = newImage("skin1/images/motogiostore-header_05-over.jpg");
		motogiostore_header_06_over = newImage("skin1/images/motogiostore-header_06-over.jpg");
		motogiostore_header_08_over = newImage("skin1/images/motogiostore-header_08-over.jpg");
		motogiostore_header_09_over = newImage("skin1/images/motogiostore-header_09-over.jpg");
		motogiostore_header_10_over = newImage("skin1/images/motogiostore-header_10-over.jpg");
		preloadFlag = true;
	}
}

// -->
</script>

{/literal}

{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
</HEAD>
<BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0">
{ include file="rectangle_top.tpl" }
{ include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}

<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD width="6"></TD>
<TD width="150" valign="top">
{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}
{ include file="customer/categories.tpl" }


{/if}
{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"}
{ include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Manufacturers ne "" and $config.Modules.manufacturers_menu eq "Y"}
{ include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{ include file="help.tpl" }
[img]{$ImagesDir}/spacer.gif[/img]
</TD>
<TD width="20"></TD>
<TD valign="top">

{include file="location.tpl"}

{include file="dialog_message.tpl"}

{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}

{include file="customer/home_main.tpl"}


</TD>
<TD width="20"></TD>
<TD width="150" valign="top">
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}



{/if}
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{ include file="modules/Feature_Comparison/product_list.tpl" }


{/if}
{if $active_modules.Users_online ne ""}
{ include file="modules/Users_online/menu_users_online.tpl" }


{/if}
{ include file="customer/menu_cart.tpl" }


{if $login eq "" }
{ include file="auth.tpl" }


{else}
{ include file="authbox.tpl" }


{/if}
{ include file="news.tpl" }
{if $active_modules.Interneka ne ""}


{ include file="modules/Interneka/menu_interneka.tpl" }
{/if}


{ include file="poweredby.tpl" }


[img]{$ImagesDir}/spacer.gif[/img]
</TD>
<TD width="6"></TD>
</TR>
</TABLE>
{ include file="rectangle_bottom.tpl" }
</BODY>
</HTML>
{/if}


Here is the actual header code I have tried it without the literal comments in here and it didnt work either.

thanks again

Code:

{* $Id: head.tpl,v 1.40.2.3 2004/11/19 06:40:15 max Exp $ *}
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0" background="skin1/images/motogiostore-header-bg.jpg">
  <TR> 
    <TD width="40%" background="skin1/images/motogiostore-header-bg.jpg"></TD>
    <TD width="800"><table id="Table_01" width="800" height="134" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="3">
			[img]skin1/images/motogiostore-header_01.jpg[/img]</td>
		<td rowspan="3">
			[img]skin1/images/motogiostore-header_02.jpg[/img]</td>
		<td rowspan="3">
			[img]skin1/images/motogiostore-header_03.jpg[/img]</td>
		<td colspan="2">
			<a href="#"
{literal}
				nomouseover="window.status='About Us'; changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_04.jpg[/img]</a></td>
		<td colspan="2">
			<a href="#"
{literal}
				nomouseover="window.status='Forum'; changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_05.jpg[/img]</a></td>
		<td>
			<a href="#"
{literal}
				nomouseover="window.status='Gallery'; changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_06.jpg[/img]</a></td>
	</tr>
	<tr>
		<td colspan="5">
			[img]skin1/images/motogiostore-header_07.jpg[/img]</td>
	</tr>
	<tr>
		<td>
			<a href="#"
{literal}
				nomouseover="window.status='Home'; changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_08.jpg[/img]</a></td>
		<td colspan="2">
			<a href="#"
{literal}
				nomouseover="window.status='View Cart'; changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_09.jpg[/img]</a></td>
		<td colspan="2">
			<a href="#"
{literal}
				nomouseover="window.status='About Us'; changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;"
				onmouseout="window.status=''; changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10.jpg'); return true;"
				onmousedown="changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;"
				onmouseup="changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;">
{/literal}
				[img]skin1/images/motogiostore-header_10.jpg[/img]</a></td>
	</tr>
	<tr>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
		<td>
			[img]skin1/images/spacer.gif[/img]</td>
	</tr>
</table></TD>
    <TD width="100%" background="skin1/images/motogiostore-header-bg-righ.jpg" bgcolor="#FFFFFF"></TD>
  </TR>
</TABLE>

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR> 
<TD  colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
<TR> 
<TD class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</TD>
<TD class="HeadLine" align="right">
{if ($usertype eq "C" || $usertype eq "B")and $all_languages_cnt gt 1}
<TABLE border="0" cellpadding="0" cellspacing="0">
<FORM action="home.php" method="GET" name="sl_form">
<INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.QUERY_STRING}">
<TR>
<TD>
{$lng.lbl_select_language}:
<SELECT name="sl" onChange="javascript: document.sl_form.submit()">
{section name=ai loop=$all_languages}
<OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION>
{/section}
</SELECT>
</TD></TR>
</FORM>
</TABLE>
{else}

{/if}
</TD>
</TR>
<TR> 
<TD  colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
{******** Remove this line to display how much products there are online ****
<TR> 
<TD colspan="2" class="NumberOfArticles" align="right">{insert name="productsonline"} {$lng.lbl_products} {if $config.Appearance.show_in_stock eq "Y"}{$lng.lbl_and} {insert name="itemsonline"} {$lng.lbl_items} {/if}{$lng.lbl_online}</TD>
</TR>
**** Remove this line to display how much products there are online ********}
<TR>
	<TD colspan="2" valign="middle" height="32">
<TABLE cellspacing="0" cellpadding="0" border="0" width="100%" height="18">
<TR>
	<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
{if (($main eq 'catalog' && $cat ne '') || $main eq 'product' || ($main eq 'comparison' && $mode eq 'compare_table') || ($main eq 'choosing' && $smarty.get.mode eq 'choose')) && $config.Appearance.enabled_printable_version eq 'Y'}
<TD width="100%" valign="middle" align="right">{include file="printable.tpl"}</TD>
<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
{/if}
</TR>
</TABLE>
	</TD>
</TR>
</TABLE>
__________________
4.0.18
Reply With Quote
  #2  
Old 03-23-2005, 05:46 PM
  TelaFirma's Avatar 
TelaFirma TelaFirma is offline
 

X-Adept
   
Join Date: Nov 2002
Location: North Carolina USA
Posts: 930
 
Default
Your not calling the "preload" function in your <body> tag.
Reply With Quote
  #3  
Old 03-23-2005, 06:23 PM
 
Gio Gio is offline
 

Member
   
Join Date: Mar 2005
Posts: 23
 
Default
thank you so much...
__________________
4.0.18
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design

« Previous Thread | Next Thread »


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:30 PM.

   
 
X-Cart forums © 2001-2020