2012-04-24 31 views
0

我已經做了搜索系統,在那裏我可以搜索不同的器物上的姓名,日期等 首先,我創造了它與靜態HTML中的所有數據,並然後使用我發現的腳本(listjs.com)完成所有排序和過濾等。使用HTML class和id等在javascript

但是現在我想將它連接到數據庫,並從此數據庫獲取所有數據。 我管理列表中的這樣的發佈和顯示數據:

for(var i=0; i < artifacts.rows.length; i++) { 
    var pic = artifacts.rows.item(i).APicture; 
    var name = artifacts.rows.item(i).AName 
    var city = artifacts.rows.item(i).ACity 
    var date = artifacts.rows.item(i).ADate 
    var type = artifacts.rows.item(i).AType 

    list += '<li><table class="arti"> \ 
      <tr> \ 
       <td><img src="' + pic + '" width="60" height="60"></td> \ 
       <td><a id="crownID" class="name" href="#"><b>' + name + '</b></a></td> \ 
       <td><a class="city">' + city + '</a></td><a class="time" style="display:none;">-2000</a></td> \ 
       <td><a>' + date + '</a></td> \ 
       <td><a class="type">' + type + '</a></td> \ 
      </tr> \ 
      </table> \ 
     </li>'; 
}//end for 

list += '</ul>'; 

document.getElementById("liste").innerHTML=list; 

但現在我的list.js腳本不上我的數據。可能是因爲HTML標籤實際上不是HTML而是JavaScript。 我知道這是可能與SORT BY等創建SQL查詢,但因爲我已經有了一個工作程序,這將是很好沒有花更多的時間就可以了。

任何人都知道一個辦法做到這一點,或者如果它甚至有可能?

+1

只是一個提示:一個HTML ID應該有你的整個HTML文檔中的獨特價值。所以,循環內的'id =「crownID」'不是很乾淨:) – sp00m 2012-04-24 09:21:02

+0

謝謝,這個id應該來自我的數據庫,而不是靜態的。這一切都變得有點快:) – TorK 2012-04-24 09:27:57

+0

'我的數據無效'是什麼意思?你遇到了什麼錯誤? – 2012-04-24 09:38:09

回答

0

這聽起來像您嘗試修改/訪問列表您退回的結果文檔之前。

之前,它的實際寫入您不能訪問任何東西(通過腳本或靜態的,無所謂)到文檔中。

檢查命令順序:

  1. 構建列表
  2. 打印記錄
  3. 修改
+0

我敢肯定你的意思不是100%,但內容是從HTML的腳本主體數據庫的onload加載。之後,所有的排序方法等都出現在HTML中。 – TorK 2012-04-24 09:50:29