Как я могу изменить HTML-код страницы с другой страницы?

Question

На странице index.htm у меня есть этот список:

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

Я хотел бы добавить и удалить li itens с другой страницы (painel.htm):

На странице painel.htm у меня будет входной текст, где пользователь пишет контейнер li (thing1, 2, 3...) и кнопку для добавления или удаления (в настоящее время в javascript-jquery).

Я хотел бы знать процесс, который дает информацию от painel к индексу.

В последнем случае я могу сделать эти страницы asp, используя C#.

Answer 1

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>