Dynamic menu, "move repeaters around"
<p>I am currently developing a blog for myself and my friends, (with some special features, why i am not using those free blogs)
As all blogs there is a left (or right) menu where you can find for example: presentation, blog archive, 10 last blog entries, 10 last comments, images, links, etc.</p>

<p>Every user can change the menu, and order each item as they want to.</p>

<p>But I dont know how to do this in the correct way.</p>

<p>At the moment I create new <code>div</code>s and use a <code>for each</code> to add <code>.innerHtml</code> content.
I guess this is not the best way...</p>

<p>Is there a way to change position of repeaters, or panels on a page?
Or is there some other ways to do this?</p>

<p>----Edit:----</p>

<p>I got one minus for this post so I guess I have to explain my problem a bit more!?</p>

<p>The code for the "menu to the left" is put inside the masterpage.
And I have a lot of functions that create each part of the menu.</p>

<pre><code>createShortPresentation();
create10LastPosts();
create10lastComments();
...
</code></pre>

<p>And instead of using repeaters which I would use if the order of each menu item (presentation, image, 10 last posts.....) was static I just use one panel for the left menu. And that panel I fill with html by each of the functions. The ID of the panel for the left menu is: <code>leftMenuDiv</code></p>

<p>For example, the <code>create10LastPosts()</code>, where <code>last10PostsData</code> is datatable from database.</p>

<pre><code>leftMenuDiv.innerHtml +="&lt;div class="last10Posts"&gt;";

for each last10PpostsData
{
    leftMenuDiv.innerHtml += "Name of the post &amp; href and stuff to create the link";
}

leftMenuDiv.innerHtml += "&lt;/div&gt;";
</code></pre>

<p>I dont like this approach, and would like to use repeaters instead, but then I have to put them in an static order. </p>

<p>What should I do?</p>

<p>Any questions?! Please reply if there is something missing.</p>
