官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP二次开发 > ECSHOP二次开发教程 > ecshop商品点击购买弹出漂亮窗口提示修改方法

ecshop商品点击购买弹出漂亮窗口提示修改方法

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2012-02-12

点击“购买之后”弹出一个提示框框。如图:
 

 


我看过了代码之后感觉有点复杂。而且弹出的层实际上是利用样式的“显示”和“隐藏”的属性来做的!而且弹出的位置死板!!
今天我研究了下之后发现了一个很简单的方法来实现这个功能


 一:把如下函数代码加入到common.js最末尾
 

  1. * 点击购物后弹出提示层   
  2. * Chen 2010.7.28  
  3. * 参数 cartinfo:购物车信息   
  4. */function openDiv_chen(cartinfo)   
  5. {  
  6.   var _id = "speDiv";  
  7.   var m = "mask";  
  8.   if (docEle(_id)) document.removeChild(docEle(_id));  
  9.   if (docEle(m)) document.removeChild(docEle(m));  
  10.   //计算上卷元素值  
  11.   var scrollPos;   
  12.   if (typeof window.pageYOffset != 'undefined')   
  13.   {   
  14.     scrollPos = window.pageYOffset;   
  15.   }   
  16.   else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')   
  17.   {   
  18.     scrollPos = document.documentElement.scrollTop;   
  19.   }   
  20.   else if (typeof document.body != 'undefined')   
  21.   {   
  22.     scrollPos = document.body.scrollTop;   
  23.   }  
  24.  
  25.   var i = 0;  
  26.   var sel_obj = document.getElementsByTagName('select');  
  27.   while (sel_obj[i])  
  28.   {  
  29.     sel_obj[i].style.visibility = "hidden";  
  30.     i++;  
  31.   }  
  32.  
  33.   // 新激活图层  
  34.   var newDiv = document.createElement("div");  
  35.   newDiv.id = _id;  
  36.   newDiv.style.position = "absolute";  
  37.   newDiv.style.zIndex = "10000";  
  38.   newDiv.style.width = "350px";  
  39.   newDiv.style.height = "100px";  
  40.   newDiv.style.top = (parseInt(scrollPos + 400)) + "px";  
  41.   newDiv.style.left = (parseInt(document.body.offsetWidth) - 200) / 2 + "px"; // 屏幕居中  
  42.   newDiv.style.overflow = "auto";   
  43.   newDiv.style.background = "#FFF";  
  44.   newDiv.style.border = "3px solid #59B0FF";  
  45.   newDiv.style.padding = "5px";  
  46.  
  47.   //生成层内内容  
  48.         newDiv.innerHTML = '<h4 style="font-size:14; margin:15 0 0 15;">' + "商品成功放入购物车   [<a href='javascript:cancel_div()' class='f6' >" + '关闭' + "</a>]<br><br>"+ cartinfo + "</h4>";  
  49.         newDiv.innerHTML += "<br /><center><a  href='flow.php'>进入购物车</a>  <a  [<a href='javascript:cancel_div()'>继续购物</a></center>";  
  50.   document.body.appendChild(newDiv);  
  51.  
  52.  
  53.   // mask图层  
  54.   var newMask = document.createElement("div");  
  55.   newMask.id = m;  
  56.   newMask.style.position = "absolute";  
  57.   newMask.style.zIndex = "9999";  
  58.   newMask.style.width = document.body.scrollWidth + "px";  
  59.   newMask.style.height = document.body.scrollHeight + "px";  
  60.   newMask.style.top = "0px";  
  61.   newMask.style.left = "0px";  
  62.   newMask.style.background = "#FFF";  
  63.   newMask.style.filter = "alpha(opacity=30)";  
  64.   newMask.style.opacity = "0.40";  
  65.   document.body.appendChild(newMask);  
  66. }   
  67. /////////////////////////////////////// 
这个函数很简单!直接复制ecshop中common.js的openSpeDiv()函数做个小修改即可!
二、找到addToCartResponse()函数,common.js大约64行左右。
把里面的switch循环改成如下:
  1. switch(result.confirm_type)  
  2.       {  
  3.         case '1' :  
  4.           //if (confirm(result.message)) location.href = cart_url;  
  5.           openDiv_chen(result.content)//将购物车信息作为参数传入  
  6.                   break;  
  7.         case '2' :  
  8.           //if (!confirm(result.message)) location.href = cart_url;  
  9.           openDiv_chen(result.content)  
  10.                   break;  
  11.         case '3' :  
  12.           //location.href = cart_url;  
  13.           openDiv_chen(result.content)  
  14.                   break;  
  15.         default :  
  16.           break;  
  17.       } 

 

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流