ماندن در یاد مرورگر

[olampiad]

سلام
به این نوشته ی نگا بندازید.
استادمون ازمون ی پروژه واسه drag و drop کردن اشیائ خواسته بود.
حالا من پروژه رو نوشتم و ب خوبی کار میکنه.
ب متن زیر نگا بندازید،فقط این قسمت از پروژم مونده



تمامی اطلاعات و تغییرات ذخیره شده و در صورت بستن و باز نمودن مجدد مرورگر همان وضعیت قبلی برنامه نمایش داده شود، این اطلاعات باید سمت سرویس گیرنده ذخیره شوند


منظورش اینه که اشیاء در هرکجا drop شوندو قرار گیرند با بستن و باز کردن دوباره مرورگر در در جای خود ثابت مانده و ب حالت اولیه باز نگردد.
من چیزی که ب ذهنم میرسه اینه که هنگام بستن پنجره کل سورس صفحه رو در یک چیزی مثل کوکی یا هرچیزی دخیره کنم و بار دیگر که پنجره باز شد همون کد های ذخیره شده رو جایگزین کد صفحه بکنم؟
میشه در مورد چگونگی انجام این کار ی کوچولو راهنماییم کنید؟
چ راه هایی ب نظرتون میرسه واسه انجام این کار؟
ممنون میشم

[2undercover]

راهی که توی بیشتر مرورگر ها جواب میده همون Cookie هست که می تونید اطلاعات رو اول encode کنید و توی cookie ذخیره کنید.
راه دوم که مدرن تر هست استفاده از Web storage هست. HTML5 Web Storage API (http://www.w3schools.com/html/html5_webstorage.asp)

[olampiad]

تشکر فراوان بابت راهنمایی ها
چند تا سوال داشتم در این مورد:
من راه دوم رو انتخاب کردم و راه مدرن تر.
حالا
میشه بگید چ جوری میتونم کد های کل صفحم رو فراخوانی کنم و encode کنم .
حاالا چ طوری کد های قبلی رو جایگزین کد های جدید کنم.منظورم اینه که با چ تابعی ب کد های کل صفحه دسترسی داشته باشم و بتونم اون رو حذف و اضافه کنم.
ممنون

[olampiad]

امیدوارم منظورمو متوجه شده باش.
منظورم این بود که با چ تابعی کد های صفحم رو در یک تابع قرار داده و اونرو encode کنم.
و
با چه تابعی کد هایی را که در مرورگر قرار داشته را جایگزین کد های جدید کنم؟
ممنون بابت راهنمایی هاتون

[2undercover]

می تونید اینطوری کل محتویات صفحه رو بدست بیارید و با استفاده از این روش (http://stackoverflow.com/questions/246801/how-can-you-encode-a-string-to-base64-in-javascript#246813) اون را با استفاده از base64 کد کنید و ذخیره بکنید و بالعکس دوباره اون رو به حالت قبل برگردونید و محتویات صفحه رو سر جاش قرار بدید:


document.getElementsByTagName('html').innerHTML;