zoukankan      html  css  js  c++  java
  • 使用Javascript创建付款操作的弹出层

    关键词:Javascript, 弹出层

    涉及代码:

    设计思路:在商品页面有一个付款按钮,点击该按钮即进行购买操作,背景变灰禁用,弹出一个确认对话框,在该对话框里填写收货地址等信息,然后点击按钮提交,进入下一步操作。

    首先讲解下Javascript 里的 createElement 函数。

    1.创建链接

     

    2.创建DIV

    3.创建表单项

    4。创建表格

    之后要做的操作有2步,第一,将原来的页面变灰禁用,第二,在上层弹出付款操作窗,付款不完成,底层页面不可以操作。

    要实现第一步,我们可以采用在上面覆盖一层的方法,利用css的z-index属性,设置为998,她上面一层设置为999,达到覆盖的目的。

    第998层:

    第999层:

     

    然后将上面两层的代码一并写入到一个函数中,以方便点击按钮时调用:

    最后,在按钮里添加调用即可,注意将以上代码存储为 show.js(当然名称随意)。

    注意,之前的时候我在代码里加入了 type="application/javascript" 则在ie下始终都掉不出来,去掉之后就可以了。

  • 相关阅读:
    【网络编程3】网络编程基础-arp请求(局域网主机扫描)
    【CTF MISC】隐写术wireshark找出图片-“强网杯”网络安全挑战赛writeup
    【网络编程2】网络编程基础-发送ICMP包(Ping程序)
    【网络编程1】网络编程基础-TCP、UDP编程
    【漏洞分析】两个例子-数组溢出修改返回函数与strcpy覆盖周边内存地址
    【Python】zip文件密码破解
    【bzoj1923】[Sdoi2010]外星千足虫 高斯消元
    spring cloud zuul在使用中遇到的坑 : 转发时自动去掉prefix
    Eclipse MAT:浅堆 vs 保留堆
    Java SDK夯住(Hang)问题排查
  • 原文地址:https://www.cnblogs.com/lechie/p/2383231.html
Copyright © 2011-2022 走看看