✘
您现在的位置： 模板屋 >ECSHOP教程 >ECSHOP二次开发 >ECSHOP二次开发教程 > ecshop商品点击购买弹出漂亮窗口提示修改方法
当前分类:ECSHOP二次开发教程

你可能还会喜欢

ecshop安装

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

ECSHOP教程 来源： ECSHOP教程网www.ecshop119.com 时间：2012-02-12 ECSHOP教程分类：ECSHOP二次开发教程

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

 


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


 一：把如下函数代码加入到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.       } 

 

本文模板屋原创地址： https://www.ecshop119.com/ecshopjc-513.html
模板屋版权所有 © 转载时必须以链接形式注明出处！

ECSHOP模板屋
ecshop开发团队 ecshop开发中心 ecshop模板制作 ecshop模板屋
ECSHOP
ecshop下载 ecshop安装教程 ecshop在线演示 ecshop后台测试
ECSHOP二次开发手册
ecshop教程 ecshop二次开发 ecshop模板教程 ecshop微信配置
ECSHOP商城网站建设
ecshop空间域名 ecshop商城建设 ecshop模板修改 ecshop开发定制
服务支持：7X24小时 151 059 55077
ECShop二次开发
ecshop搭建

ECSHOP ECSHOP下载 ECSHOP二次开发 ECSHOP模板 ECSHOP免费模板 ECSHOP插件 ECSHOP教程 ECSHOP安装教程 ECSHOP二次开发教程 ECSHOP商城网站建设 模板屋

© 2005-2020 ECSHOP模板,ECSHOP免费模板,ECSHOP插件,ECSHOP二次开发,ECSHOP教程,ECSHOP模板屋,ECSHOP教程网（ecshop119.com) 版权所有，并保留所有权利。

qqtelcodeback_top
温馨提示

确定取消
温馨提示

关闭