2012-06-14 43 views
1

在页面index.htm的,我有这样的名单:如何从另一个页面更改页面的html代码?

<ul id="topic"> 
<li id="1">Thing1.</li> 
<li id="2">Thing2.</li> 
</ul> 

我想添加和删除李从其他网页(painel.htm)itens:

在页面painel.htm我将有一个输入文本,用户在此处编写li容器(thing1,2,3 ...)和一个用于添加或删除(当前位于javascript-jquery)的按钮。

我想知道从painel给索引提供信息的过程。

在最后的情况下,我可以使用c#使这些页面为asp。

+1

它们是通过frame/iframe/opener连接的吗? – Oliver

+0

你必须永久地改变它们吗? –

+0

您可能希望存储任何希望显示在本地存储器中的HTML,并且每次页面加载时,都会从本地存储器加载该页面的部分,并且当您需要更改HTML时,还会更新本地存储。不理想,因为不是每个浏览器都处理html5,但它可以为95%以上的用户使用。但是,真的,这是应该由服务器端IMO处理的事情,而不是客户端。 – frenchie

回答

0
Generate navs through js! 

<script> 
/* 2 pages nav or define your own */ 
var pages = [ [ {id:'1',title:'Thing1'} , {id:'2',title:'Thing2'} ] , 
       [ {id:'3',title:'Thing3'} , {id:'4',title:'Thing4'} ] 
      ]; 

/* set current page through asp.net or php like currentPage =0 for index.html and currentPage =1 for painel.htm */ 

var currentPage = 0; 
function renderNavs() 
{ 
    var data = pages[currentPage]; 
    for(var i=0; i<data.length ; i++) 
    { 
      $('#topic').append('<li id="'+data[i].id+'">' + data[i].title + '</li>'); 
'); 
    } 
} 

$('#topic').empty(); 
renderNavs(); 
</script> 
+0

即时通讯试图了解和适用,如果我有任何疑问,我问:) 但从现在开始感谢你= D –

相关问题