个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我有一个简单的问题要问你。我这里有一些代码，允许用户告诉他们想要在表中有多少行和列。我已经想通了。我不知道如何添加向上、向下、向左和向右按钮，以便它们可以选择表中的某个单元格。这是我需要的样子:
这是我到目前为止的代码:
Javascript:
function createTable()
{
var num_rows = document.getElementById('rows').value;
var num_columns = document.getElementById('columns').value;
var theader = '<table border="1">\n';
var tbody = '';
for( var i=0; i<num_rows;i++)
{
tbody += '<tr>';
for( var j=0; j<num_columns;j++)
{
tbody += '<td>';
tbody += 'Cell ' + i + ',' + j;
tbody += '</td>'
}
tbody += '</tr>\n';
}
var tfooter = '</table>';
document.getElementById('wrapper').innerHTML = theader + tbody + tfooter;
}
HTML:
<form name="tablegen">
<label># of Rows: <input type="text" name="rows" id="rows"/></label> <br/><br />
<label># of Columns: <input type="text" name="columns" id="columns"/> </label><br/><br />
<input name="generate" type="button" value="Generate" onclick='createTable();'/><br /><br />
</form>
<div id="wrapper"></div>
我如何才能获取此代码并将按钮添加到我的表格中以选择某个单元格？
感谢您的反馈，我们非常感谢您的帮助!
最佳答案
给每个单元格一个唯一的ID。第 1 行单元格 ID:11, 12, 13, ..., 1 n；第 2 行单元格 ID:21、22、23、...、2 n。拥有一个变量或对象属性来跟踪事件单元格(突出显示的单元格)。单击按钮时，通过添加或减去单元格 ID 的适当数字来获取相应单元格的 ID。
例如:
<style>
#tab{
height: 102px;
width: 102px;
display:inline-block;
border:1px solid black;
background-color: white;
}
td{
border: .5px solid blue;
height: 20px;
width: 20px;
}
</style>
<body>
<div id ="main">
<table id="tab">
</table>
</div>
<button id="up">up</button>
<button id="down">down</button>
<script>
window.onload = function(){
function genGrid(n,m){
for (var i = 0; i<n;i++){
var row = document.createElement('tr')
row.id = "row"+i
for(var j=0; j<m;j++){
var cell = document.createElement('td')
cell.id = String(i+1)+String(j+1)
cell.innerText = cell.id
cell.style.color = "red"
row.appendChild(cell)
}
document.getElementById("tab").appendChild(row)
}
}
genGrid(4,4)
// manually choosing active cell and bg color
var activeCell = "11"
document.getElementById("11").style.backgroundColor = "yellow"
document.getElementById('up').onclick = function(){
var newId = parseInt(activeCell.slice(0,1))-1
if(newId > 0){
var oldCell =document.getElementById(activeCell)
oldCell.style.backgroundColor = "white"
var id = String(newId)+activeCell.slice(1,2)
var newCell = document.getElementById(id)
newCell.style.backgroundColor = "yellow"
activeCell = id
}
}
document.getElementById('down').onclick = function(){
var newId = parseInt(activeCell.slice(0,1))+1
var rowLength = document.getElementsByTagName('tr').length
if(newId <= rowLength){
var oldCell =document.getElementById(activeCell)
oldCell.style.backgroundColor = "white"
var id = String(newId)+activeCell.slice(1,2)
var newCell = document.getElementById(id)
newCell.style.backgroundColor = "yellow"
activeCell = id
}
}
}
</script>
</body>
关于javascript - 添加向上、向下、向左、向右按钮来选择单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35635056/
24
4
0
我试图要求 test/unit 的新版本(即不是与 ruby 捆绑的版本) .根据 instructions我用 gem i test-unit 安装它.但是现在当我需要 test/unit我似乎
简短版本是: 我有一个 systemd 单元，我想在调用时检查脚本的返回代码: systemctl status service.service 长版本:我有一个 lsb init 脚本正是这样做的，
我正在使用反射动态创建一个类的实例，这工作正常，除非尝试通过单元测试执行此操作 - 我使用的是 MS 测试框架。 我收到熟悉的错误:“无法加载文件或程序集‘Assy’或其依赖项之一。系统找不到指定的文
我想知道测试网站“界面功能”的最佳实践是什么。 我对哪些方法可用于测试界面和动态生成的内容感兴趣。特别是，我很难弄清楚是否可以为需要用户交互的操作创建自动化测试，或者这是否只是浪费时间，我应该让一些
我有一个简单的 Python 服务，其中有一个无限执行某些操作的循环。在各种信号上，sys.exit(0) 被调用，这导致 SystemExit 被引发，然后如果可以的话应该进行一些清理。 在测试中，
我正在使用 OpenCV 2.4.2 这是 OpenCV 文档中的引文 C++: void HoughLinesP(InputArray image, OutputArray lines, doubl
忙于 C# 中的自动化测试用例，我们需要在每次测试后恢复数据库快照。问题是，当运行多个测试时它会失败，因为“其他用户正在使用数据库时无法更改数据库状态。” 我们使用 SqlConnection.Cle
我阅读了 C# 规范并用谷歌搜索了它，但一无所获。 我 99% 肯定 C# 中没有像单元命名空间指令这样的功能，但问题是:为什么？是否有惯用或技术原因？ 这很方便，尤其是当我们的大部分文件都由单个命名
我目前正在尝试向我的应用程序(一个非常老的项目......评论说 iOS 2.0)添加单元测试(精确的应用程序测试)并且总是偶然发现 undefined symbols for architectur
我正在使用Delphi 7，并且有一个新单元要在我的项目中使用。我已经编译了新的。当我尝试通过将其添加到uses子句在项目中使用此单元时，出现错误，提示未找到.dcu文件。我还尝试将文件的完整路径放在
场景：我需要编写一个复杂的nHibernate查询，该查询将返回预计的DTO，但是我想使用TDD方法。该方法如下所示： public PrintDTO GetUsersForPrinting(int
您可以通过运行以下命令在事件 html 设置中显示 Jupyter 笔记本: $ jupyter nbconvert untitled.ipynb --to slides --post serve 有
如何在一个网站上拥有多个 AdSense 单元？ Google 提供的唯一代码是按单位计算的。 (adsbygoogle = window.adsbygoogle || []).push({})
我刚刚开始为大量代码编写测试。有很多类依赖于文件系统，即读取 CSV 文件、读/写配置文件等。 当前测试文件存储在项目(这是一个 Maven2 项目)的 test 目录中，但由于多种原因该目录并不总是
我对 TDD 还很陌生，在单元测试方面也不是很老练，所以才有这个问题。我有这个用 PHP 编写的遗留函数 function foo(){ x = bar(); y = baz();
我创建了一个程序，在 Swing 窗口的一侧显示结果过滤选项，但默认情况下它们水平相邻显示，这浪费了我在 BorderLayout 的西侧分配的空间。我可以在构造函数或添加语句中传递任何内容来将它们堆
标题不好的借口:如果有人能更好地描述它，请做。 我有一个 WeakList类，它“基本上”是一个 List> (虽然不是字面意义上的派生自列表，但它应该对用户完全透明)。 现在的基本思想是“如果引用的
我正在尝试在 UITableView 上添加两个原型(prototype)单元。但是，我不知道如何验证是否能够为每个原型(prototype)“返回”正确的单元格。你们能帮我一下吗？ func ta
我正在使用 CloudKit 作为数据库创建一个简单的待办事项列表应用程序。目前我可以添加和删除对象，但对编辑对象感到困惑。 编辑项目 Controller protocol EditItemCont
我正在针对以下任务训练 RNN:给定一个包含 30 个单词的序列，然后将该序列分类为二进制类。 在我的网络中拥有超过 30 个单元(LSTM、GRU 或普通 RNN)有好处吗？我在网上看到过很多例子，
我是一名优秀的程序员,十分优秀！