| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
adding onMouseOver to the category menu | |||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
adding onMouseOver to the category menu
Hey gang,
I have a question, Im trying to add an onMouseOver JS to the category menu template so that whenever someone moves a mouse over a category, a different section in the site will light up and show an img of said category. Here's my problem, Im not THAT good with the engine, and this script: {section name=cat_num loop=$categories} <font class=CategoriesList>{$categories[cat_num].category_name}</font> {/section} baffles me. I know what it does, but I dont know how I can add the mouseover to this, unless I can do it in my JS. here is my onMouseOver JS so that you might advice me on changing it to fit the php script: <head section> <script LANGUAGE="JavaScript" TYPE="text/javascript"> browser = navigator.appName; if (browser == "Netscape" || (browser == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4 )) { if (document.images) { pix1 = new Image(); pix1.src ="test1.gif"; pix2 = new Image(); pix2.src ="test2.gif"; pix3 = new Image(); pix3.src ="test3.gif"; pix4 = new Image(); pix4.src ="test4.gif"; pix5 = new Image(); pix5.src ="test5.gif"; pixdefault = new Image(); pixdefault.src ="default.gif"; } } // function to change photos function changePix(i) { if (i > "") { if (document.images) { document['products'].src = eval("pix" + i + ".src"); } } else { defaultPix(); } } function defaultPix() { if (document.images) { document['products'].src = eval("pixdefault.src"); } } // --> </script> </head section> <img section> test1 </img section> any assistance will be much appreciated. Simon Living Pleasure x-cart v3.5.9 you can also email me at webmaster@livingpleasure.com thanks again for all the help |
|||||||
#2
|
|||||||||
|
|||||||||
dont forget you need to wrap javascript in {literal} tags
Code:
check smarty.php.net for more info
__________________
Looking for a reliable X-cart host ? You wont go wrong with either of these. EWD Hosting Hands On Hosting |
|||||||||
#3
|
|||||||
|
|||||||
Yes thanks I know that, just neglected to post it with the rest of the JS code.
still need an answer to my problem tho and I did look and post in smarty.php.net, we'll see how that goes thanks again |
|||||||
#4
|
|||||||
|
|||||||
image mouseover
Hi there. I have a similar question, I think. I can't seem to solve my image rollover problem. I developed my page in Dreamweaver, using their way of doing rollover images. I then put the javascript in the <head> area of my home.tpl file, using the {literal} tags thus:
Code:
However I get a page error saying - Error: expected "{" on home.php. I saw somewhere people said to use {ldelim}funcname{rdelim} tags, but I don't know where I would put them. #2 - I put the "onload" code into the <body ...> tag. Will that work okay? It's to preload the images. #3 - I then put the following code into my content area: Code:
Will that work okay? Or is there a simpler way of doing rollover images? I can't find a solution anywhere, it seems. |
|||||||
#5
|
|||||||
|
|||||||
HI Sonia,
I did exactly the same way you try to do and it works. I put the javascript in customer/home.tpl in <HEAD> section and it works like charm. Just FYI
__________________
x-cart Gold version 4.0.12 Windows XP Apache 2.0.53 PHP 5.0.3 MySQL 4.1 |
|||||||
|
|||
X-Cart forums © 2001-2020
|