zoukankan      html  css  js  c++  java
  • ecshop 放入购物车 简单美化

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

    /* *
     * 点击购物后弹出提示层 
     * 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 = '<h4 style="font-size:14; margin:15 0 0 15;">' + "商品成功放入购物车   [<a href='javascript:cancel_div()' class='f6' >" + '关闭' + "</a>]<br><br>"+ cartinfo + "</h4>";
            newDiv.innerHTML += "<br /><center><a  href='http://caihong19870228.blog.163.com/blog/flow.php'>进入购物车</a>  <a  [<a href='javascript:cancel_div()'>继续购物</a></center>";
      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;
          }


    这样就可以了

  • 相关阅读:
    Jdk1.8 HashMap源码分析
    瘦身部署应用
    Redis 创建和使用集群(yum方式安装低版本)
    Redis 创建和使用集群
    记录一下
    Oracle 开发人员权限控制
    Linux 免密登录远程服务器及执行相关命令
    Oracle 连接表空间并执行SQL文件
    MySQL 8.0.13安装教程(windows 64位) (转)
    scrapy中Selector的使用
  • 原文地址:https://www.cnblogs.com/wangblognet/p/2820791.html
Copyright © 2011-2022 走看看