用smarty配置文件改变页面的风格

      昨天,我们通过做新闻管理系统,相信对smarty也有所了解了。今天,我们来补充一下昨天做的新闻管理系统。大家都会遇到这种情况,当我们浏览网页的时候,网页的一角可以让用户选择自己喜欢的风格。它会留给用户一个下来菜单,可供用户选择。当用户选择后,页面的风格就发生了变化。今天,我们就做这个功能加到昨天做的新闻管理系统里面,以后我们陆续加上各个功能,让新闻管理系统更加完善。

    做这个功能之前,我们要在项目的目录上新建一个文件夹,这个文件夹是用来放置smarty的配置文件。我们要从smarty的配置文件中读取变量,传递给模板文件,让页面发生风格变化。我们要新建一个configs目录,在目录里新建一个foo.conf文件。在这个文件里,我们要写入以下代码:

[one]
background="./images/1.jpg"
[two]
background="./images/2.jpg"

文件里面的内容我就不介绍了,如果大家有看不懂的,可以翻看前几天我给大家讲解的博文,里面讲解了从配置文件里读取变量。我们还要在模板文件里写一个下来菜单,让用户选择页面风格:


  页面风格:<select name="type" οnchange="fengge()" id="type">
   <option>--请选择--</option>
   <option value="one">卡通风格</option>
   <option value="two">非主流风格</option>
  </select>

当用户选择其中一个风格后,它就会触发onchange事件,就会调用fengge()函数:

<script language="javascript">
function fengge(){
aa = document.getElementById("type").value;
 
document.myform.action="./index.php?type="+aa;
document.myform.submit();
}
</script>

这是就会发送到index.php这个文件,在这个文件里面我们要获取type的值,在用assign函数分配变量给模板文件,下面是模板文件发生改变的地方:

<{config_load file="foo.conf" section=$style}>


<body style="background-image:url(<{#background#}>)">

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值