投票html5,投票软件
后台如何利用 HTML 投票
用application做,不知道你是否满意,
芙蓉网站建设公司创新互联,芙蓉网站设计制作,有大型网站制作公司丰富经验。已为芙蓉千余家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的芙蓉做网站的公司定做!
首先在你网站根目录下新建一个名为:Global.asa的文件,然后把下列代码贴上去:
script language="vbscript" runat="server"
Sub Application_OnStart
application("yes")=0
application("no")=0
End Sub
/script
然后再建一个投票的ASP文件,内容:
style type="text/css"
!--
.Vote {
height: 15px;
width: 200px;
border: 1px solid #0033FF;
}
#cYes {
background-color: #FF6600;
height: 15px;
width: 100px;
}
#cNo {
background-color: #FF6600;
height: 15px;
width: 100px;
}
--
/style
form action="" method="post"
br /
input name="yes" type="radio" value="yes" onclick="if (this.checked==true) no.checked=false;" /赞成br /
input name="no" type="radio" value="no" onclick="if (this.checked==true) yes.checked=false;"/反对br /
input name="投票" type="submit" value="投票" /
/form
%
nyes=0
nNo=0
'如果想重新计票,用下面四行
'application.lock()
'application("yes")=application("yes")+1
'application("no")=application("no")+1
'application.unlock()
count=application("yes")+application("no")
if count0 then
nyes=int(application("yes")*200/count)
nNo=int(application("no")*200/count)
end if
sYes=Request.form("yes")
sNo=Request.form("no")
act= Request.form("投票")
if act="投票" Then
if sYes="yes" Then
application.lock()
application("yes")=application("yes")+1
application.unlock()
Else
if sNo="no" then
application.lock()
application("no")=application("no")+1
application.unlock()
end if
End if
'图形化显示投票结果
count=application("yes")+application("no")
if count0 then
nyes=int(application("yes")*200/count)
nNo=int(application("no")*200/count)
end if
end if
%
赞成:%=application("yes")%票
div class="Vote" div ID="cYes" neme="cYes" style="width:%=nyes%px;"/div/div
反对::%=application("no")%票
div class="Vote" div ID="cNo" neme="cNo" style="width:%=nNo%px;"/div/div
html页面仿投票效果,怎么做
用Cookie来记录最后一次投票的时间,每次投票时就和当前时间作对比,可以防止重复投票,票数也用Cookie来记录,但只能对同一台机器有效了。我只能给你设置和读取Cookie的代码,怎么用只是取决于你的业务逻辑,很简单自己实现吧。/*设置cookie@param cookieName -- Cookie名称@param cookieValue -- Cookie的值*/
function setCookie(cookieName, cookieValue) {
if(cookieValue == "") {
return;
}
var date = new Date();
date.setTime(date.getTime()+1000*(60*60*24*10)); //设置cookie过期时间
document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + date.toGMTString();
}/*根据cookie名称读取cookie的值@param cookieName -- Cookie名称*/function readCookieValue(cookieName) {
var v = document.cookie;
var start1 = v.indexOf(cookieName);
if(start1 == -1) { //没有找到对应名称的Cookie
return "";
}else {
var start = v.indexOf("=",start1)+1;
var end = v.indexOf(";",start);
return unescape(v.substring(start,end));
}
}
微信公众号里面的投票是怎么做出来的?是用HTML5做的?有专门的公司做这个吗?
旗胜网络微信投票,企口鹅,811手108工189
学习雷锋助人为乐的精神
html5投票系统哪个比较好?
!DOCTYPE html
html
head
meta charset="UTF-8"
title动漫投票/title
/head
!-- 这里使用了一张背景,注释掉了。
body style="background-image:url(body.jpeg); background-size:100%; background-repeat: no-repeat;"
--
body
div align="center"img src="head2.jpg" //div
div align="center"
h4热门动漫投票/h4
table id="main"
tr
td
input type="radio" name="option" checked="checked"/猫和老鼠
/td
/tr
tr
td style="width:550px"
div id=0 style="background-color:#acd6ff; width:0; height:20px; border-width:0px;"
/div
/td
td
label id="label0"0/label票
/td
/tr
tr
td
input type="radio" name="option" /海贼王
/td
/tr
tr
td
div id=1 style="background-color:#0066cc; height:20px; width:0; border-width:0px; border-color:blue; border-style:solid ; text-align:right;" /div
/td
td
label id="label1"0/label票
/td
/tr
tr
td
input type="radio" name="option" /喜羊羊
/td
/tr
tr
td
div id=2 style="background-color:#ff7575; height:20px;width:0; border-width:0px; border-color:blue; border-style:solid ; text-align:right;" /div
/td
td
label id="label2"0/label票
/td
/tr
tr
td
input type="radio" name="option" /其他
/td
/tr
tr
td
div id=3 style="background-color:#5cadad;height:20px;width:0; border-width:0px; border-color:blue; border-style:solid ; text-align:right;" /div
/td
td
label id="label3"0/label票
/td
/tr
tr
tdp
input type="submit" value="确认投票" onclick="vote()"/
/td
/tr
/table
/div
/body
script type="text/javascript"
//在每个投票选项后面写了个div,用div的宽度来代表当前该选项的投票数。
function vote(){ //函数vote,当点击确认投票的时候,调用vote方法
//for循环的条件是,所有投票选项的个数。
for(var i = 0; i document.getElementsByName("option").length; i++){
//查找到是哪个投票选项被选中
if(document.getElementsByName("option")[i].checked == true){
var width = document.getElementById(i).style.width; //获取到当前选项的宽度。
width = parseInt(width);//将宽度转化为int型,因为获取到的width的单位是px
width += 3;//改变width的值,这里就是定义每次投票的进度条的增速
document.getElementById(i).style.width = width+"px";//修改原div的宽度
var label = "label"+i;//lable标签里面写的是当前的投票数目。
var num = document.getElementById(label).innerText;//获取到当前的票数
document.getElementById(label).innerText = ++num;//票数加1,并修改原值
}
}
//alert("投票成功");
}
/script
/html
---------------------
作者:王Bob
来源:CSDN
原文:
版权声明:本文为博主原创文章,转载请附上博文链接!
可以看看这个一个简单的投票系统,可以参考下。
微信H5投票怎么做的
可以用意派Epub360在线H5页面制作工具的投票组件来做。目前限定为每个IP可以投票一次,适用于点赞效果的演示,可以统计所有点击过该组件的次数。
基本用法
1.进入意派Epub360工作台,点击投票组件,即可将组件添加到页面中。
2.组件设置。投票组件有两个状态,分别表示投票前、投票后。意派Epub360默认给了两个状态图片(如下图)。
你可以自己重新上传图片代替意派Epub360的默认图片(如下图),点击橙色的上传标志即可。
3.设置投票初始值
4.投票数字体样式设置面板。在点击投票数后调出
5.触发器设置
(1)未激活时点击:就是点击投票按钮时触发的动作
(2)当激活时点击:在已经完成投票后,投票组件切换到了“已投票”的情况下点击时触发(可以用来提示用户已经投票,无需再投)
(3)如之前投过票:已投过票的用户,再次打开投票所在的页面时,就会触发该事件,可以用来做提示信息。或者添加一个跳转页面控制。
注意:判断之前是否投过票,需要【开启微信授权】,至少是通过微信OpenID来判断。
文章名称:投票html5,投票软件
网站路径:http://ybzwz.com/article/dsdohdd.html