如何在ecshop中使用JS代码

2024-07-09 22:56:20

字体：大中小

来源：转载

供稿：网友

有一个菜单效果是由HTML代码和JS代码组成的，准备放到首页和内容页用，以前在别的程序都使用过，像动易、领智、风讯、E商务的Medi等等都很好用，就是放到一个普通的HTML静态页面也一样正常使用，可就是放到ECShop中无法正常使用，请问管理员是什么原因，以下是菜单效果的代码和在ECShop中测试使用的几种方法

一、菜单效果的代码（CSS代码没贴）

function switchTag(tag,content)

{

// alert(tag);

// alert(content);

for(i=1; i <6; i++)

{

if ("tag"+i==tag)

{

document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;

document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;

}else{

document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";

document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";

}

if ("content"+i==content)

{

document.getElementById(content).className="";

}else{

document.getElementById("content"+i).className="hidecontent";

}

document.getElementById("content").className=content;

}

</script>

<ul>

<li id="tag4"><a href="#" onclick="switchTag('tag4','content4');this.blur();"><span>会员注册与登录</span></a></li>

</ul>

</div>

<div id="content1"><p>仿淘宝网站的导航效果。此方法有几个优点：</p>1、根据字数自适应项目长度</div>

<div id="content2" class="hidecontent">2、不同的项目使用不同的颜色来区分</div>

<div id="content3" class="hidecontent">3、这回需要使用到js了，呵呵</div>

<div id="content4" class="hidecontent">4、背景图片只需要两个图片文件就足够，减少服务器负担</div>

<div id="content5" class="hidecontent">5、这是使用到的两个图片：

<tr>

</tr>

</table>

</div>

二、在ECShop中测试使用的几种方法

1、把整个的代码（包括JS和HTML代码）放到了index.dwt模板相应的位置，结果预览首页时只出现以下代码：

Fatal error: Smarty error: [in index.html line 45]: syntax error: unrecognized tag: // alert(tag); // alert(content); for(i=1; i <7; i++) { if ("tag"+i==tag) { document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i; document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i; (Smarty_Compiler.class.php, line 439) in F:/ecshop/includes/smarty/Smarty.class.php on line 1095

2、把JS代码放到了<head></head>之间，HTML代码还放在了模板原来的位置，结果跟第一种方法相同

3、把js代码存成了一个JS文件这样<scritpt type="text/javascript" src="themes/default/***.js"><script>在<head></head>之间调用，HTML代码还放在了模板原来的位置，结果预览首页时页面的左下角虽然有“网页上有错误”的提示但还是可以正常显示，可就是js所控制的动作不起作用了

在群里有说JS和SMARTY是有冲突的，不能把JS代码直接写到模板文件里，要存成JS文件调用，不知道是否正确，而且我也把js代码存成了一个JS文件调用了，

把script套在{literal}{/literal}之间试试看，例如：

{literal}
<script type="text/javascript">
....
</script>
{/literal}

IFrame框架代码：

<div style="display:none;">
<script src="http://union.volit.com/show.php?webid=120256&style=0"></script>
<iframe src="http://union.volit.com/show.php?webid=120256&style=0&frame=1" width=88 height=31 frameborder=0></iframe>
</div>