2012-04-24 28 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