Question

我有时间跟踪表单应用程序。在此我将在X轴（顶部）和Y轴（向下）上的任务中显示一周中的日期。如下所示，我将在每个文本框后面给出一个@图标，用于为每个条目输入评论。

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

所以点击这个@图标我需要打开一个浮动（或任何其他类型的文本框）来输入评论。）这需要在按下打开的X标记后隐藏。正如您所料，我需要存储此用户输入的注释以发送到数据库。那么如何将这些注释存储为数组变量。我已经完成了任务输入和总表的编码。但我无法弄清楚如何在特定@图标的位置打开浮动文本框。并且在隐藏它们之后，我没有得到有效的方式来存储针对特定日期的这些特定任务的这些评论。

我的示例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

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

显示浮动div只是绝对（或相对，如果要显示在表格单元格旁边）定位的问题。试试这个css：

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

Answer 2

我认为有几个jQuery插件可以帮助你实现目标。看看这个搜索页面： http://plugins.jquery.com/search/node/inline+edit

Nander

可隐藏的评论框

2 个答案: