php - 可隐藏评论框

Question

我有一个时间跟踪表应用程序。在此，我将在 X 轴(顶部)上显示一周中的日期，在 Y 轴(向下)上显示任务。如下所示，我将在每个文本框后添加一个 @ 图标，用于针对每个条目输入评论。

****************************************************
#    |  Sun | Mon  | Tue  | Wed | Thu |  Fri | Sat |
****************************************************
Task1 ____@ _____@ _____@ _____@_____@______@______@     
Task2 ____@ _____@ _____@ _____@_____@______@______@

因此，单击此 @ 图标时，我需要打开一个 float (或任何其他类型的文本框)以输入注释)。在打开的文本框上按 X 标记后，需要将其隐藏。正如您所期望的，我需要存储该用户输入的评论以发送到数据库。那么如何将这些注释存储为数组变量呢？我已经完成了任务输入和总表的编码。但我无法弄清楚如何在特定@图标的位置打开 float 文本框。而且在隐藏它们之后，我无法有效地存储针对特定日期的这些特定任务的这些评论。

我的 JavaScript 示例:

function comment(id,day)
{
var textinput="<div id='closeit'>
                  Comments:<input type='text' name='comm["+id+"]["+day+"]' />
               </div>
               <div id='closing' onclick='closecomment("+id+","+day+")'>X
               </div>";
              $('#comms').html(textinput);
}
function closecomment(id,day)
{
        var str='"comm['+id+']['+day+']"';
        var element = document.getElementById(str);
        alert(element.value);
        closeit.style.visibility='hidden' // this is for hiding
    closing.style.visibility='hidden' // this is for hiding
    var newelement = document.getElementById(str);
    alert(newelement.value); //I am able to get the value but I am looking for         storing  it and filling the same text box when it is accessed again
}

我的示例 HTML:

<input type="text" id="comm[0][0]" />
<input type="text" id="comm[0][1]" />
<input type="text" id="comm[1][0]" />
<input type="text" id="comm[1][1]" />

请帮助我提供任何可以在 IE6 或 IE7 或 8 上运行的示例。我的环境是 PHP(CodeIgniter 框架)、JQUERY、XAMPP。

Answer 1

对于存储部分，您根本不必使用数组。只需在每个“@”链接旁边(或页面中的任何位置)添加一个具有有意义名称的隐藏输入即可。当您关闭 float div 时，将注释放入隐藏输入中。然后您的 php 文件将能够在提交时读取并处理这些值。

显示 float div 只是绝对(或相对，如果您想显示在​​表格单元格旁边)定位的问题。试试这个CSS:

div#comms {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left:-100px;
  height: 200px;
  top: 50%;
  margin-top:-150px;
}