原生实现点击某个按钮后弹出弹出框

window.onload=function(){

  var a = document.getElementById("tdful");
  var b = a.getElementsByTagName("li");// 获取第一列所有单元
  var d = document.getElementById("secondtd");//获取所有模板
  var c = d.getElementsByTagName("div");

  for(var i=0;i<b.length;i++){
    var flag=true;
    b[i].index=i;console.log("i:"+i+" b[i].index:"+b[i]);
    b[i].onclick=function(){

      for(var i=0;i<b.length;i++){
        b[i].className="";
        d.style.display="none";
        c[i].style.display="none";
      }
    this.className="active";
    d.style.display="table-cell";
    c[this.index].style.display="block";

    }

  }
}

时间: 2024-08-03 17:10:50

原生实现点击某个按钮后弹出弹出框的相关文章

cocos2d-x:解决点击拖动按钮后,所在的layer监听不到触摸事件的问题

点击拖动按钮后,想让所在的layer监听到屏幕的触摸事件,可以把该按钮拖动开始的时候设置setTouchEnabled为false;例: #include "ui/UIButton.h" bool myDemo::init() { // 设置点击事件 EventListenerTouchOneByOne *listener = EventListenerTouchOneByOne::create(); listener->onTouchBegan = CC_CALLBACK_2(

页面实现验证码功能,点击“注册”按钮后,无论是否完成注册,验证码都能够自动刷新

要求页面实现验证码功能,点击"注册"按钮后,无论是否完成注册,验证码都能够自动刷新 <script> function validteCode() { var codes = new Array(4);       // var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua",&

vue中,点击button按钮后,页面上的input框自动聚焦

需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率 开始尝试了几种方法都没有成功 一.首先想到的用vue指令 v-focus,然而没有成功 <Input v-model="book.isbnOrIssn" @change.native="_getIsbn" @blur="_getIsbn" :disabled="snDisabled" v-focus placeholder

smartwizard 点击提交按钮后界面被刷新

项目中用到了smartwizard,对用户的入网配置进行了分步操作 这个插件给的范例中除了提供上一步下一步之外, 还可以添加其他的按钮 我这边额外添加了两个按钮,分别是提交和关闭 点击提交按钮时,异步向后台提交数据,步骤配置代码如下: $('#smartwizard').smartWizard({ selected: 0, theme: 'dots', cycleStep: false, transitionEffect:'fade', keyNavigation: false, showSte

点击button按钮后界面不自动刷新

问题: 我使用的button标签,在 标签中没有使用ruant=“server”的属性,但是在点击button时,界面还是会刷新 解决方式: 由于界面中含有form标签,而button标签的默认type是submit.所以相当于进行了form提交操作.为了是界面不刷新只需要在botton标签中加入type=“button”即可.

win10系统点击关机按钮后无法关机的解决办法

先吐槽下:我越发的发现我现在成了修电脑的了,我的职位是linux运维,现在干的活很蛋疼,公司只有我一个运维,修电脑.搞网络.抬服务器.弄监控,搭环境.搞自动化发布.弄虚拟化都我一个人哇.好了,打住. 解决办法: 在控制面板里找到电源选项,找到更改当前不可用的设置,把启用快速启动对勾取消.重启电脑,反正我的是好了. 参考博客地址:http://www.xitongcheng.com/jiaocheng/win10_article_13072.html

完成取消计时器函数。点击Start按钮后,开始计数。点击Stop按钮后,停止计数。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var num=0; var i; function startCount(){ document.getElementById('

android :点击某个按钮弹出在原有布局中没有(或者存在)内容 :以删除原有布局内容为例

主要涉及了(1)对布局中某个控件的监听 (2)在布局文件中设置可显示,删除的参数 visibility的参数的有三个,在这里我只设置了一个,可见的. android:visibility="visible" 剩下的和他的用法相同. (3)在代码中监听控件后,对visibility的参数重新设置. 效果图:点击按钮后edittext不见了 (1)点击高级按钮前 (2)点击高级按钮后 (1)布局文件 <?xml version="1.0" encoding=&qu

onpopstate浏览器点击回退按钮时触发的事件

知识点: 1.onpopstate事件,点击后退按钮(或者在JavaScript中调用history.back()方法)时触发: 2.hash 属性:可对URL的锚部分(从 # 号开始的部分)进行操作(可读可写): 关于hash的链接点击打开链接 需求: 微信页面,在当前页面点击某处时,弹出一个覆盖整个手机屏幕的层,弹出这个层以后,点击微信屏幕的返回按钮时,隐藏弹出层,而不退出当前页面! 解决方案: 在点击事件发生的时候利用hash属性给URL加上锚点,展示弹出层,而点击返回按钮后,去掉URL锚