Hideable Yorumlar kutusu

2 Cevap php

zamanlı izleme levha uygulama var. Bu ben Y ekseni (aşağı) X ekseni üzerinde bir hafta tarihleri ​​(üstte) ve Görevleri gösterecektir. Aşağıda gösterildiği gibi, ben her girişine karşı bir yorum girmek için her metin kutusuna sonra bir @ simgesi verecektir.

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

Yani bu @ simgesini tıklatarak ben açmak için gereken bir değişken (veya metin kutusuna başka bir türü) yorumlar girmek için). Bu açılan bir X işareti bastıktan sonra gizli gerekmektedir. Beklediğiniz gibi ben veritabanına göndermek için bu girilen kullanıcı yorumları saklamak gerekir. Peki nasıl bir dizi değişken olarak bu yorumları saklayabilirsiniz. Ben Görev girmek için kodlama ve toplam tablo tamamladık. Ama özellikle @ simgesi konumunda bir kayan metin kutusunu açmak için nasıl anlamaya muktedir değilim. Ve bunları da gizleme sonra belirli bir gün için bu özel Görevler karşı bu yorumların depolanması etkili yolu almıyorum.

Benim örnek 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
}

Benim örnek 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 veya IE7 üzerinde çalışmak veya 8. My ortamı PHP (CodeIgniter framework), JQUERY, XAMPP herhangi örnekler ile bana yardımcı olun.

2 Cevap

Depolamak parçası için, hiç bir dizi kullanmak zorunda değilsiniz. Sadece her yanındaki gizli bir giriş ekleyin '@' (bu konuda herhangi bir yerinde sayfa veya,) linki anlamlı bir adla. Eğer kayan div kapattığınızda, gizli girişine Yorum koydu. Daha sonra php dosya sunulması bu değerleri okumak ve işlemek mümkün olacak.

Konumlandırma (sonraki tablo hücrelerine görüntülemek istiyorsanız, ya da göreli) bir kayan div gösteriliyor, sadece mutlak bir konudur. Bu css deneyin:

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

I think there are several jQuery plugins for what you're trying to achieve. Have a look at this search page: http://plugins.jquery.com/search/node/inline+edit

Nander