本文给大家分享的是在 ECShop 的项目中使用到的一个小功能,使用 JavaScript 实现弹出窗口中增加确定取消按钮,有需要的小伙伴可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
比例 a 标签点击后, 弹出带确定与取消的窗口, 点击确定则执行一个动作, 否则不执行.
首先我们用 ecshop 模板使用举例
- {if $votings eq 1}
- <a href="javascript:;"
- onclick="if (confirm('多次投票将扣除100个积分,您确定投票吗?'))
- {vote_this({$item.id},{$item.cat_id});}else{return false;}"
- id="supportme15" > </a>
- {else}
- <a href="javascript:;"
- onclick="vote_this({$item.id},{$item.cat_id})"
- id="supportme15" > </a>
- {/if}
- <script type="text/javascript">
- function vote_this(voting_id,cat_id)
- {
- $.post("voting_ajax.php",
- {cat_id:cat_id,voting_id:voting_id},
- function(data){
- alert(data.message);
- window.location.reload();
- },"json");
- }
- </script>
解释.$votings 用来判断是否多次投票, 如果再投票, 则执行 js 函数 vote_this(), 扣积分.
如果后台发现会员是初次投票. 则直接执行, 不需要扣积分, 自然也不需要提醒了.
上面的方法可简单的总结为
使用 JS 的 Confirm 弹出
例:用确认对话框使用户做出决定
- <script>
- like=window.confirm("你觉得好吗?");
- if(like==true)
- document.write("谢谢你的夸奖");//确定
- else
- document.write("希望得到你的夸奖");//取消
- </script>
是不是非常的简单呢,希望本文能够帮到大家
来源: http://www.phperz.com/article/17/0304/264615.html