نمایش المنت ارسالی بالاتر از بقیه المنت ها

[mahdi_apple]

با سلام
در کدهای زیر یکسری المنت از توع div در صفحه به کمک ajax ایجاد میشن ولی مشکل اینجاست که بعد از زدن دکمه ارسال المنت ها در پایین و آخر صفحه اضافه میشن.آیا راهی هست که به محض اضافه شدن در همون اول صفحه و بالای المنت های قبلی نمایش داده بشه و دیگه احتیاجی به رفرش صفحه نباشه؟
در ضمن المنت ها بعد از رفرش بر اساس id چیده میشن.
با تشکر



<script>
function Add(id,title,content)
{
var tbody= document.getElementById("allp");

var divpost = document.createElement("div");
divpost.setAttribute("id",id);

var divtitle = document.createElement("div");
divtitle.innerHTML=title;

var divcontent = document.createElement("div");
divcontent.innerHTML=content;

var divimg = document.createElement("div");
var elimg = document.createElement("img");

divimg.appendChild(elimg);
divpost.appendChild(divimg);
divpost.appendChild(divtitle);
divpost.appendChild(divcontent);
tbody.appendChild(divpost);

}
</script>

[mehdi.mousavi]

سلام.
جای appendChild از insertBefore استفاده کنید تا object جدید رو قبل از element مورد نظر اضافه کنید.
بطور نمونه کد زیر باعث میشه تا childElm به ابتدای parentElm اضافه بشه:

parentElm.insertBefore(childElm, parentElm.firstChild);

موفق باشید.