服务器之家:专注于服务器技术及软件下载分享
分类导航

DEDECMS|帝国CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|

服务器之家 - 建站程序 - DEDECMS - dedecms结合jQuery实现汇率自动调整

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

2019-06-20 12:11服务器之家 DEDECMS

这篇文章主要介绍了dedecms结合jQuery实现汇率自动调整,需要的朋友可以参考下

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

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

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

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

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

  1. <div id="Product_List"> 
  2. <table width="100%" class="Product_table" align="center"> 
  3. <tbody><tr class="Product_Tr1"> 
  4. <td width="10%" class="Img">Pro_Img</td><td width="45%" class="Products">Product</td> 
  5. <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> 
  6. <td width="15%" class="CName">Character Name</td> 
  7. <td width="15%"><div class="addTips">Pay Pal</div></td></tr> 
  8. <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> 
  9. <tr class="Product_Tr"><td class="Img"> 
  10. <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> 
  11. </td><td class="Price"> 
  12. <div id="7845_price" class="price"> 
  13. <span id="trueprice_3">333</span>&nbsp;<span id="price_b_3">USD</span></div> 
  14. </td><td class="CName"> 
  15. <input type="hidden" name="on0" value="Character Name"> 
  16. <input name="os0" type="text"></td><td> 
  17. <input type="hidden" name="cmd" value="_xclick"> 
  18. <input type="hidden" name="business" value="<a href="mailto:kamasseller2012@gmail.com">kamasseller2012@gmail.com</a>"> 
  19. <input type="hidden" name="item_name" value="111111111111111111"> 
  20. <input type="hidden" id="hidden_price_3" name="amount" value="333"> 
  21. <input type="hidden" id="price_c_3" name="currency_code" value="USD"> 
  22. <input type="hidden" name="notify_url" value="<a href="http://dfo">http://dfo</a>"> 
  23. <input type="submit" name="Buy_Now" class="Buy_Now" value=""> 
  24. </td> 
  25. </tr> 
  26. <script type="text/javascript"> 
  27. var rate = { 
  28. 'USD':1, 
  29. 'EUR':0.7543, 
  30. 'CAD':1.0168, 
  31. 'GBP':0.6566, 
  32. 'SGD':1.2392, 
  33. 'AUD':0.9754 
  34. }; 
  35. $("#S_Currency").change(function(){ 
  36. var now_type = $(this).val(); 
  37. var now_rate = rate[$(this).val()]; 
  38. $("form[id^='formcar_']").each(function(){ 
  39. var ids = $(this).attr("id").split("_"); 
  40. var id = ids[1]; 
  41. var base_price = $("#hidden_price_"+id).val(); 
  42. $("#trueprice_"+id).text("").text(Math.ceil(base_price * now_rate)+'.00'); 
  43. $("#price_b_"+id).text("").text(now_type); 
  44. $("#hidden_price_"+id).val(Math.ceil(base_price * now_rate)); 
  45. $("#price_c_"+id).val(now_type);</p> <p> }); 
  46. }); 
  47. </script> 
  48. </tbody></table></div> 

效果图

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

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

延伸 · 阅读

精彩推荐