ecshop美化放入购物车效果-白红宇

ecshop美化放入购物车效果

阅读量：6086 次

发布时间：2019-06-20

本文共 2832 字，大约阅读时间需要 9 分钟。

/* * * 点击购物后弹出提示层  * Chen 2010.7.28* 参数 cartinfo：购物车信息  */function openDiv_chen(cartinfo) {  var _id = "speDiv";  var m = "mask";  if (docEle(_id)) document.removeChild(docEle(_id));  if (docEle(m)) document.removeChild(docEle(m));  //计算上卷元素值  var scrollPos;   if (typeof window.pageYOffset != 'undefined')   {     scrollPos = window.pageYOffset;   }   else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')   {     scrollPos = document.documentElement.scrollTop;   }   else if (typeof document.body != 'undefined')   {     scrollPos = document.body.scrollTop;   }  var i = 0;  var sel_obj = document.getElementsByTagName('select');  while (sel_obj[i])  {    sel_obj[i].style.visibility = "hidden";    i++;  }  // 新激活图层  var newDiv = document.createElement("div");  newDiv.id = _id;  newDiv.style.position = "absolute";  newDiv.style.zIndex = "10000";  newDiv.style.width = "350px";  newDiv.style.height = "100px";  newDiv.style.top = (parseInt(scrollPos + 400)) + "px";  newDiv.style.left = (parseInt(document.body.offsetWidth) - 200) / 2 + "px"; // 屏幕居中  newDiv.style.overflow = "auto";   newDiv.style.background = "#FFF";  newDiv.style.border = "3px solid #59B0FF";  newDiv.style.padding = "5px";  //生成层内内容        newDiv.innerHTML = '' + "商品成功放入购物车   [" + '关闭' + "]
"+ cartinfo + "
";        newDiv.innerHTML += "
     
      进入购物车  
      继续购物
     ";  document.body.appendChild(newDiv);  // mask图层  var newMask = document.createElement("div");  newMask.id = m;  newMask.style.position = "absolute";  newMask.style.zIndex = "9999";  newMask.style.width = document.body.scrollWidth + "px";  newMask.style.height = document.body.scrollHeight + "px";  newMask.style.top = "0px";  newMask.style.left = "0px";  newMask.style.background = "#FFF";  newMask.style.filter = "alpha(opacity=30)";  newMask.style.opacity = "0.40";  document.body.appendChild(newMask);} ///

二、再继续在 common.js 找到如下代码

switch(result.confirm_type)      {        case '1' :          if (confirm(result.message)) location.href = cart_url;          break;        case '2' :          if (!confirm(result.message)) location.href = cart_url;          break;        case '3' :          location.href = cart_url;          break;        default :          break;      }

修改成如下代码

switch(result.confirm_type)      {        case '1' :          //if (confirm(result.message)) location.href = cart_url;          openDiv_chen(result.content)//将购物车信息作为参数传入                  break;        case '2' :          //if (!confirm(result.message)) location.href = cart_url;          openDiv_chen(result.content)                  break;        case '3' :          //location.href = cart_url;          openDiv_chen(result.content)                  break;        default :          break;      }

这样就可以了

转载于:https://www.cnblogs.com/wpindesign/p/3661498.html

你可能感兴趣的文章

Why Namespace? - 每天5分钟玩转 OpenStack（102）

查看>>

Project：如何分析项目中的资源分配情况

查看>>

HDU 4803 Poor Warehouse Keeper （贪心+避开精度）

查看>>

小错误汇总

查看>>

Spring源码系列 — Envoriment组件