1

我有一个时间跟踪表应用程序。在此,我将在 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。

4

1 回答 1

1

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

显示浮动 div 只是绝对(或相对,如果要显示在表格单元格旁边)定位的问题。试试这个CSS:

div#comms {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left:-100px;
  height: 200px;
  top: 50%;
  margin-top:-150px;
}
于 2009-12-29T14:55:50.660 回答