帝国cms利用JS使当前栏目无限级高亮控制

帝国cms利用JS使当前栏目无限级高亮控制,第1张

概述首先我们要用到灵动标签从数据库取出对应的栏目名称:一、若要取出所有的最顶级的栏目名称选择:bclassid=0,其中 id=\"cid<?=$bqr[classid]?> 就是要拿到当前页面的ID值

首先我们要用到灵动标签从数据库取出对应的栏目名称:
一、若要取出所有的最顶级的栏目名称选择:bclassID=0,其中 ID="cID<?=$bqr[classID]?> 就是要拿到当前页面的ID值
[e:loop={'select classID,classname,classpath from [!db.pre!]enewsclass where bclassID=0 and showclass=0 order by myorder',24,0}]

<li ID="cID<?=$bqr[classID]?>" <?=currentPage($GLOBALS[navclassID],$bqr[classID])?>>

<a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" ><?=$bqr[classname]?></a>

</li>

[/e:loop]

二、若要取出固定的栏目:可以将bclassID=59,这个值就是你的父栏目的ID值,其中 ID="cID<?=$bqr[classID]?> 就是要拿到当前页面的动态ID值,生成的字符是cID28,cID29,cID30等等。

[e:loop={'select classID,classpath from [!db.pre!]enewsclass where bclassID=59 and showclass=0 order by myorder',0}]

<li> <a ID="cID<?=$bqr[classID]?>" href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" >

<?=$bqr[classname]?>

</a> </li>

[/e:loop]

把Js在其下面加载,Js代码如下,其中cur2 就是你的定住并要显示高亮的样式,不过多赘述。

<script type="text/JavaScript">

var myID = document.getElementByID('cID[!--self.classID--]');

myID.classname = 'cur2';

</script>

变量说明:
[!--self.classID--] 代表当前的栏目ID数值
<?=$bqr[classID]?> 代表栏目ID

其他方法参考:
首先要在userfun.PHP文件中加如下代码:


function currentPage($classID,$thisID){

global $class_r;

$fr=explode('|',$class_r[$classID][featherclass]);

$topbclassID=$fr[1]?$fr[1]:$classID;//取得第一级栏目ID

if ($topbclassID==$thisID) {

echo "class='menuon'";

}

else {

}

}

function OnePage($classID,$class_r[$bclassID][featherclass]);

$topbclassID=$fr[1]?$fr[1]:$classID;//取得子栏目ID

if ($topbclassID==$thisID) {

echo "bmenuon";

}

else {

}

}


<ul>

<li ><a href="[!--news.url--]" target="_self">首页</a></li>

[e:loop={'select classID,$bqr[classID])?>>

<a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" ><?=$bqr[classname]?></a>

</li>

[/e:loop]

</ul>

总结

以上是内存溢出为你收集整理的帝国cms利用JS使当前栏目无限级高亮控制全部内容,希望文章能够帮你解决帝国cms利用JS使当前栏目无限级高亮控制所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1005082.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存