راهنمائی درمورد ویرایش پیغام ها

[solartec]

با سلام
دوستا می خواستم بدونم چطور میشه
مثل همین مجید خودمون
وقتی به یک مبحث پاسخ می دهیم

زمان ویراش پاسخ خود در مبحث در خود صفحه در محل پاسخ امکان ویرایش فراهم می شود
​

 

[solartec]

سلام
دوستان

یعتی این سوالی که من کردنم امکان نداره یا ؟

پس چطور توی مجید انلاین و یا فروم های مشایه با این ساختار میشه پیغام و یا مطالب ارسالی خودمونو در همون مبحث ویرایش کرد بدون رفتن به صفحه دیگه

 

[eAmin]

سلام
دوستان

یعتی این سوالی که من کردنم امکان نداره یا ؟

پس چطور توی مجید انلاین و یا فروم های مشایه با این ساختار میشه پیغام و یا مطالب ارسالی خودمونو در همون مبحث ویرایش کرد بدون رفتن به صفحه دیگه

سلام

ببینید دوست عزیز، برای پیاده سازی چنین چیزی شما باید حداقل آشنایی در حد متوسط از JavaScript و Ajax و یکی از زبانهای سمت سرور داشته باشید. در اونصورت شما میتونید اقدام به پیاده سازی این روش بکنید.

مراحل کار هم ساده است. کارهایی که لازم هست انجام بدید، برای شما توضیح میدم، در صورتی که توانایی لازم رو داشته باشید، مشکلی نخواهید داشت.

1. محتوای پستهایی که باید تغییر کنند رو از طریق JavaScript توسط متدها و خصیصه هایی مانند contentEditable برای آماده سازی تغییرات توسط کاربر آماده کنید.
2. محتوای تغییر داده شده رو توسط درخواست Ajax به صفحه ای در سمت سرور ارسال کنید، تا عملیات لازم جهت ذخیره در دیتابیس رو انجام دهد.
3. بعد از انجام عملیات فوق، توسط JavaScript مراحلی که در مرحله 1 انجام دادید رو به حالت قبل قرار بدید. ( با استفاده از امکاناتی که در مرحله یک بهش اشاره شد، در صورت ذخیره تغییرات در صفحه اعمال خواهد شد. )

اگر دنبال کدهای آماده هستید، می تونید از طریق جستجوگرها کدهای مشابه رو پیدا کنید.

موفق باشید.

 

[solartec]

ضمن عرض سلام و تشکر از امین در مورد راهنمائی که کردن
ولی اگر امکان داره یه کد آماده که با یه تغیراتی استفاده کرد رو بدن ممنون می شم

 

[eAmin]

این ساده ترین شکلی بود که می تونستم برای شما بنویسم.
خودتون باید اونطور که می خواید تغییرش بدید.

<script>

window.onload = function() {
	var div = document.getElementById("edit");
	var edit = document.getElementById("bEdit");
	var save = document.getElementById("bSave");

	var useEdit = function(bool) {
		return (!!div.contentEditable) ? div.contentEditable = bool : div.designMode = (!!bool) ? "on" : "off";
	};

	edit.onclick = function() {
		useEdit(true);
		div.style.cssText = 'background-color: #ccc;border: 1px solid #000;font-family:tahoma;';
		div.innerHTML += 'now, you can edit this content!';
	};

	save.onclick = function() {
		useEdit(false);
		// example: Ajax.send(url + "?param=" + div.innerHTML);
	};
};

</script>

<div id="edit">is editable...</div>
<a href="#" id="bEdit">edit div</a>
<a href="#" id="bSave">save div</a>

موفق باشید.

 

[jefri600]

با سلام خدمت تمام اساتید محترم
می خواستم اگه ممکنه یک یا چند منبع اطلاعاتی به من معرفی کنید تا بتونم در سایتم به طور کامل از AJAX یا JQuery استفاده کنم (آموزشی ، البته فارسی)
پیشا پیش از لطفتون سپاس گذارم