选择10x10表和存储单元的X / Y?

时间:2017-11-12 03:53:11

标签: javascript jquery html

我希望以某种方式在我的网页上实现一个10x10表格,你选择一个单元格,然后存储单击的单元格的X和Y值,但我真的不确定如何存储值,或者制作细胞互动。

我的最终目标几乎是这样的:http://materdeimath.pbworks.com/f/GraphPaper20x20AxesUnits.bmp 在哪里可以存储点击单元格的X / Y值,这可能吗?

如果你们中的任何人有任何想法我会如何实现这一点我真的很感激帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

对我来说,我会以这种方式开始,但还有其他方法可以让你开始。以下是我的步骤:

  1. Bootstrap响应式网格系统here。使每个网格成为一个单独的id和类,例如ID =" X1Y1"" X2Y1"" X3Y1"中,class =" COL-交互式"如果你熟悉的话就像国际象棋网格。单独类的原因是从插件使用的公共类中识别。

  2. 使用jQuery获取点击网格的类/名称/ ID。您可以找到参考here

  3. 最后使用ajax调用服务器端(例如PHP)和数据库(例如MySQL)验证。参考here