dedecms结合jQuery实现汇率自动调整

所属分类: CMS教程 / dedecms 阅读数: 1805
收藏 0 赞 0 分享

公司开发了dedecms做外贸货币的时候,要求有个自动兑换汇率给了是两天时间+测试!公司第一开始打算用zencart因为集成了paypal这样就不用作开发了!

然后说用opencart简单的购物流程,但是又不用了,我那个去我很恼火,客户要求你懂得,然后客户的意思是不需要购物车流程,直接付款,然后还需要生成订单

而且汇率他只写美元的,然后自动转换,这事弄得,还剩一天时间,坚决选择了dedecms这个系统,然后直接做的,开始想用ajax调用然后兑换汇率的,奶奶的时间

太紧,就用的jquery,然后整个系统做的二次,dedecms的二次开发非常简单!大家可以找我哈!

重点代码自动汇率其实很简单,大家一看就懂,只是一个小的思维


复制代码
代码如下:

<div id="Product_List">
<table width="100%" class="Product_table" align="center">
<tbody><tr class="Product_Tr1">
<td width="10%" class="Img">Pro_Img</td><td width="45%" class="Products">Product</td>
<td width="15%" class="Price">Price <select name="S_Currency" id="S_Currency" onchange="add();"><option value="USD" selected="">USD</option><option value="EUR">EUR</option><option value="CAD">CAD</option><option value="GBP">GBP</option><option value="SGD">SGD</option><option value="AUD">AUD</option></select></td>
<td width="15%" class="CName">Character Name</td>
<td width="15%"><div class="addTips">Pay Pal</div></td></tr>
<form name="paypal" action="<a href="https://www.paypal.com/cgi-bin/webscr">https://www.paypal.com/cgi-bin/webscr</a>" method="post" id="formcar_3"></form>
<tr class="Product_Tr"><td class="Img">
<a class="showimg" href="/uploads/allimg/130221/1-1302211122080-L.gif" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" target="_blank" rel="/uploads/allimg/130221/1-1302211122080-L.gif"><img src="/uploads/allimg/130221/1-1302211122080-L.gif" width="50" height="50"></a></td><td class="Products"><a href="/DFO_Item/2013/0221/3.html" target="_blank" title="111111111111111111 ">111111111111111111</a>
</td><td class="Price">
<div id="7845_price" class="price">
<span id="trueprice_3">333</span>&nbsp;<span id="price_b_3">USD</span></div>
</td><td class="CName">
<input type="hidden" name="on0" value="Character Name">
<input name="os0" type="text"></td><td>
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="<a href="mailto:kamasseller2012@gmail.com">kamasseller2012@gmail.com</a>">
<input type="hidden" name="item_name" value="111111111111111111">
<input type="hidden" id="hidden_price_3" name="amount" value="333">
<input type="hidden" id="price_c_3" name="currency_code" value="USD">
<input type="hidden" name="notify_url" value="<a href="http://dfo">http://dfo</a>">
<input type="submit" name="Buy_Now" class="Buy_Now" value="">
</td>
</tr>
<script type="text/javascript">
var rate = {
'USD':1,
'EUR':0.7543,
'CAD':1.0168,
'GBP':0.6566,
'SGD':1.2392,
'AUD':0.9754
};
$("#S_Currency").change(function(){
var now_type = $(this).val();
var now_rate = rate[$(this).val()];
$("form[id^='formcar_']").each(function(){
var ids = $(this).attr("id").split("_");
var id = ids[1];
var base_price = $("#hidden_price_"+id).val();
$("#trueprice_"+id).text("").text(Math.ceil(base_price * now_rate)+'.00');
$("#price_b_"+id).text("").text(now_type);
$("#hidden_price_"+id).val(Math.ceil(base_price * now_rate));
$("#price_c_"+id).val(now_type);</p> <p> });
});
</script>
</tbody></table></div>

效果图

更多精彩内容其他人还在看

dedecms utf-8 出现乱码问题的解决方法之一

在制作dedecms utf-8 模板是遇到一个关于乱码的问题
收藏 0 赞 0 分享

dedecms 评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版)

DEDE评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版),喜欢的朋友可以参考下。
收藏 0 赞 0 分享

dedecms 5.6 缩略图按大小比例缩小裁剪

由于DEDECMS v5.6缩略图生成方法是按比例进行放缩的,和之前的版本问题一样,dedecms的官方也许根本没有注意到,或者他们觉得这样才是最好的缩略图生成方式
收藏 0 赞 0 分享

linux和windows主机实现dedecms伪静态

有些朋友为了节约空间等原因,喜欢用伪静态的,对于流量小,确实不错,下面看下具体的方法。
收藏 0 赞 0 分享

dedecms 5.6修改Dedecms提示信息方法

DEDECMS的跳转提示信息“Dedecms提示信息”,那么如何把这一字样改为自己网站的名称呢?
收藏 0 赞 0 分享

dedecms广告生成JS文件和JS调用-DEDE广告优化

DEDE广告生成JS文件和JS调用|DEDE广告优化主程序ad_makejs.php不是我写的,我只是做了些操作优化和界面美化。
收藏 0 赞 0 分享

dedecms 5.6 分页样式代码修改方法

看到好多人在用dedeCMS,但同时dedeCMS也存在好多问题,在官方网站也很难找到解决方法
收藏 0 赞 0 分享

DedeCMS 统计栏目的文章总数的调用方法

DedeCMS 统计栏目的文章总数的调用方法,我是根据5.3里面修改的,本人测试了可以,希望对大家有所帮助。
收藏 0 赞 0 分享

DedeCMS 标题seo优化 给列表页加上第x页

dede5.3的列表页每页的标题都相同,这样会让Google的搜索引擎认为是重复的页面,影响收录,我们可以为列表加上第几页,这个没个页面就是独立不同的页了!
收藏 0 赞 0 分享

使用dedecms制作英文站的技巧说明

国内的英文站长们经常遇到要用国内中文版的cms或论坛、博客来搭建英文网站,可是很多程序由于是针对国内用户设计的,所以并没有官方的英文版,如ecshop和dede cms、discuz,zblog也是利用英文语言包来实现的,所以二次开发成了一个比较热门的话题。
收藏 0 赞 0 分享
查看更多