ava cript-JavaScript点击按钮弹出一个可操作窗口或表格

问题描述

JavaScript点击按钮弹出一个可操作窗口或表格


如图所示,我在元器件里面会输入几个名称,比如:a;b;c;d;e;。现在想点击焊点高度按钮时,窗口中可以弹出一个新窗口或者表格,里面的格式是两列,第一列是元器件的几个名称(读取上面的a;b;c;d;e),第二列就是焊点高度在第二列中我可以人为去输入值。这些做好以后,我想再这些高度值读取到另一个txt文本中去。不知道我这种想法是否能够实现?

解决方案

 元器件:<input type=""text"" id=""t"" value=""a;b;c;d;e"" /><br /><a href=""javascript:setHeight()"">设置焊点高度</a><div id=""dvHeight""></div> <script>     function setHeight() {         var t = document.getElementById('t');         if (t.value == '') { alert('请输入元器件!'); t.focus(); return }         var arr = t.value.split(';') s = '<table>';         for (var i = 0; i < arr.length; i++) {             s += '<tr><td>' + arr[i] + ':</td><td><input type=""text""/></td></tr>';         }         s += '<tr><td colspan=""2""><input type=""button"" value=""获取高度"" onclick=""getHeight()""></td></tr></table>';         document.getElementById('dvHeight').innerHTML = s;     }     function getHeight() {         var ipt = document.getElementById('dvHeight').getElementsByTagName('input') s = '';         for (var i = 0; i < ipt.length; i++) {             if (ipt[i].type == 'text') {                 if (ipt[i].value == '') { alert('请输入高度!'); ipt[i].focus(); return }                 s += ';' + ipt[i].value;             }         }         s = s.substring(1);         alert(s);         //写入文件的代码,你研究这么久了应该会怎么写入了吧。     }</script>
时间: 2024-08-03 17:28:32

ava cript-JavaScript点击按钮弹出一个可操作窗口或表格的相关文章

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

  本文实例讲述了javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法.分享给大家供大家参考.具体分析如下: 这里点击按钮后,弹出一个可关闭的层窗口,随之网页背景变灰,在QQ网站上经常会看到QQ登录的效果,就和这个很类似,代码段基于JavaScript,根据你的情况使用,有时候是用CSS完成的这种功能. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

firefox-火狐兼容性问题,如何实现点击按钮弹出一个saveAs

问题描述 火狐兼容性问题,如何实现点击按钮弹出一个saveAs 在IE下可以用document.execCommand("saveas",false,"t.txt")实现,但火狐似乎不行,网上搜了一圈未找到可替代的代码,有人说火狐不支持execCommand,有人说支持但是不支持saveAs命令,故在此求助各位达人,功德无量.

ava cript-JavaScript弹出一个新窗口或者表格并可以进行编辑以及保存

问题描述 JavaScript弹出一个新窗口或者表格并可以进行编辑以及保存 如图所示,我在元器件里面会输入几个名称,比如:a;b;c;d;e;.现在想点击焊点高度按钮时,窗口中可以弹出一个新的窗口或者表格,里面的格式是两列,第一列是元器件的几个名称(读取上面的a;b;c;d;e),第二列就是焊点高度,在第二列中我可以人为去输入值.输入完成后,我想对当前输入的数据进行保存,从而以后可以通过一个按钮"打开"然后查看这个页面.也就是说,这个窗口可以进行编辑,日后还可以打开查看我输入的值.这些

jQuery实现点击按钮弹出可关闭层的浮动层插件_jquery

本文实例讲述了jQuery实现点击按钮弹出可关闭层的浮动层插件.分享给大家供大家参考.具体如下: 这是一款由漫画Jquery弹出层插件改编而来,小鸟Js弹窗插件,按ESC可以关闭窗口.默认不带样式,大家可以根据自己的项目写样式.弹出层代码很小,min版的只1.15k,因为小所以值得应用.希望有网友可以再改进,希望她变得更小. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-close-able-alert-dlg-plug-codes/ 具

jQuery点击按钮弹出遮罩层且内容居中特效_jquery

本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效,下面来看最终实现的效果: 由于是测试的程序,所以我未加关闭的按钮.一.主体程序 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>弹出居中遮罩</title> <meta name="viewport" content="width=devic

遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)_jquery

首先给大家展示演示效果: 基于JavaScript的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定.反应快速.代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错. js代码 示例一: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>弹出层并可

js-aspnet实现类似winform的功能,点击按钮弹出窗口,原窗口重新绑定显示查询结果

问题描述 aspnet实现类似winform的功能,点击按钮弹出窗口,原窗口重新绑定显示查询结果 想通过aspnet实现一个功能,原页面有个按钮我通过showmodaldialog弹出一个窗口,窗口里面是一个表单,我希望表单的数据传递到原页面,原页面再根据这些参数,重新绑定gridview,得出查询结果,我的原页面gridview上面还有按钮,必须放在_!ispostback_里面,所以页面用session或者get方式获得参数的话,databind必须放在_ispostback_条件里面,因为

id 成数组的传值-jsp弹出框传值问题(一个jsp 点击按钮弹出另一个jsp,选中记录带回数据显示在指定框中)

问题描述 jsp弹出框传值问题(一个jsp 点击按钮弹出另一个jsp,选中记录带回数据显示在指定框中) 如图,共有两个jsp: 一:add.jsp:二:select.jsp 其中在add.jsp上点击请选择按钮,弹出select.jsp页面,选择之后点击确定,应该如何将值传递回来,我知道是那个通过url携带参数,但是我一直写不对.下面附上两个jsp页面的源码: ## # [1.add.jsp]: <script> function openwindow(){ window.showModalD

bluetooth-asp.net页面有一个div,点击按钮弹出div,需要根据不同条件给div上控件赋值

问题描述 asp.net页面有一个div,点击按钮弹出div,需要根据不同条件给div上控件赋值 前台代码: function showDiv(type) { switch (type) { case 0://新建 $("#btnDelete").hide(); var myDate = new Date(); $("#tbEndTime").val(myDate.getFullYear() + '-' + myDate.getMonth() + '-' + myD