تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
مثال بسيط على تغيير المكان باستخدام مبادئ Ajax
#1
كاتب الموضوع : AhmedEssawy


كود :
function editinplace(obj, params)
{
Element.hide(obj);
var textarea = '<div id="' + obj.id +
'_editor"><textarea class="editable" id="' + obj.id +
'_edit" name="' + obj.id + '" rows="4" cols="60">' +
obj.innerHTML + '</textarea>';
var button = '<div><input id="' + obj.id +
'_save" type="button" value="Save" /> <input id="' +
obj.id + '_cancel" type="button" value="Cancel" /></div></div>';
new Insertion.After(obj, textarea + button);
Event.observe(obj.id + '_save', 'click', function(){saveChanges(obj, params)}, false);
Event.observe(obj.id + '_cancel', 'click', function(){cleanUp(obj)}, false);
}
function saveChanges(obj, params)
{
var new_content = escape($F(obj.id + '_edit'));
obj.innerHTML = "<img src='thm/img/loading.gif'> Saving...";
cleanUp(obj, true);
var success = function(t){editComplete(t, obj);}
var failure = function(t){editFailed(t, obj);}
var url = 'index.php';
var pars = '&' + params + '&ajax=editinplace&id=' + obj.id + '&content=' + new_content;
var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});
}
function cleanUp(obj, keepEditable)
{
Element.remove(obj.id+'_editor');
Element.show(obj);
//new Effect.Highlight(obj, { duration: 3.0 });
}
function editComplete(t, obj)
{
obj.innerHTML = t.responseText;
}
function editFailed(t, obj)
{
obj.innerHTML = 'Could not save...';
cleanUp(obj);
}
}}}}
تم الشكر بواسطة:


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  كود عمل عداد للوقت الذى قضاه الزائر بالصفحة سهل و بسيط جدا و قصير شادى عمار 1 570 29-05-16, 01:03 AM
آخر رد: CLARO
  مواقيت الصلاة باستخدام جافا سكريبت RaggiTech 0 708 17-10-12, 02:02 PM
آخر رد: RaggiTech
  تغيير لون مربع النص بالاعتماد على ID في JavaScript RaggiTech 0 279 17-10-12, 01:47 PM
آخر رد: RaggiTech
  تغيير لون الخلفية حسب اختيار المستخدم RaggiTech 0 210 17-10-12, 01:47 PM
آخر رد: RaggiTech
  تغيير حجم النافذة من خلال JavaScript RaggiTech 0 237 17-10-12, 01:47 PM
آخر رد: RaggiTech
  تغيير اللون عند مرور الماوس JavaScript RaggiTech 0 225 17-10-12, 01:46 PM
آخر رد: RaggiTech
  تحويل النص إلى كلام باستخدام API من خلال VBScript RaggiTech 0 274 17-10-12, 01:45 PM
آخر رد: RaggiTech

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم