Siteserver常见任务-自定义方式实现投票功能
来自站长百科
导航: 上一页
自定义方式实现投票功能
投票是网站经常需要用到的功能之一,本篇将介绍如何利用 SiteServer CMS 以自定义的显示方式实现投票功能。
第一步:后台中添加投票并配置投票项。
首先需要在后台添加投票,用于保存页面中提交的信息。请参考“投票添加与管理”。
第二步:在模板中添加投票标签。
- 自定义显示方式需要在stl:input标签内添加stl:inputTemplate标签。
- stl:inputTemplate 内必须包含多个<input type="radio">或<input type="checkbox">,用于显示投票单选框或复选框。如果投票类型为单选,必须包含<input type="radio">,如果投票类型为复选,必须包含<input type="checkbox">。
- <input type="checkbox">或<input type="radio">不用设置id或name等属性,系统将自动分配投票项ID。
- stl:inputTemplate 内必须包含id="submit"的<button>、<input>或<a>元素,如<input type="button" id="submit" value="提 交" />,用于提交投票。
详细参数及注意事项请参考投票标签stl:vote。
在模板中添加的代码类似:
<br /><stl:vote voteName="图文混合投票" width="95%"><br /> <stl:inputTemplate><br /> <TABLE cellSpacing="2" cellPadding="2" width="95%" border="0"><br /> <TBODY><br /><TR><br /> <TD style="FONT-WEIGHT: bold" align="center" height="30">请选择您认为最具性价比的楼盘进行投票</TD><br /> </TR><br /> <TR><br /> <TD align="center"><TABLE cellSpacing="2" cellPadding="2" align="center" border="0"><br /> <TBODY><br /> <TR><br /> <TD vAlign="top"><TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br /> <TBODY><br /> <TR><br /> <TD align="center" width="10"><INPUT type="checkbox" /><br /> </TD><br /> <TD align="left"><A href="http://www.bobofree.cn/" target="_blank"> <IMG src="../images/bobo.jpg" border="0" /></A><br /><br /> <A href="http://www.bobofree.cn/" target="_blank">BOBO自由城 开发商:地产有限公司</A></TD><br /></TR><br /> </TBODY><br /></TABLE></TD><br /> </TR><br /> <TR><br /> <TD vAlign="top"> <TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br /> <TBODY><br /><TR><br /> <TD align="center" width="10"><INPUT type="checkbox"/><br /> </TD><br /> <TD align="left"><A href="http://www.waldenvilla.com/" target="_blank"><IMG src="../images/waldenvilla.jpg" border="0" /></A><br /><br /> <A href="http://www.waldenvilla.com/" target="_blank">中海瓦尔登湖 开发商:中海地产有限公司</A></TD><br /> </TR><br /></TBODY><br /> </TABLE></TD><br /> </TR><br /> <TR><br /> <TD vAlign="top"><TABLE cellSpacing="0" cellPadding="0" width="100%" border="0"><br /><TBODY> <br /> TR><br /><TD align="center" width="10"><INPUT type="checkbox" /><br /> </TD><br /> <TD align="left"><A href="http://www.tianebao.com/" target="_blank"> <IMG src="../images/tianebao.jpg" border="0" /></A><br /><br /> <A href="http://www.tianebao.com/" target="_blank"> 天鹅堡 开发商:奥港地产有限公司</A></TD><br /> </TR><br /></TBODY><br /> </TABLE></TD><br /></TR><br /> </TBODY><br /> </TABLE></TD><br /> </TR><br /><TR><br /> <TD align="center"><br /> <INPUT id="Submit" type="image" src="/aspnet_client/bairong/icons/inner/survey/vote.gif" value="" /><br /><br /> <INPUT id="Results" type="image" src="/aspnet_client/bairong/icons/inner/survey/view.gif" value="" /><br /> </TD><br /> </TR><br /> </TBODY><br /> </TABLE><br /> </stl:inputTemplate><br /></stl:vote><br />
第三步:生成页面,查看效果。
最后生成页面即可查看效果了