مشكلة في الحصول على متغير جافا سكريبت لقيمة المدخلات الخفية

Question

وأنا أحاول أن إنشاء نظام حيث يمكنك سحب وتغيير حجم عناصر div (مسج واجهة المستخدم) ثم قم بحفظ مواقف والأحجام لملف المغلق.

وحصلت بالفعل على نظام العمل مع شعبة واحدة، ولكن الآن بعد أن حاولت تحديث النظام لدعم عناصر div متعددة، وأنا واجهت مشكلة.

المصدر: http://ezmundorf.110mb.com/problem.txt ( انها قبيحة، ولكن أنا الى حد كبير مجرد محاولة معرفة كيف يعمل الاشياء).

وعندما اضغط على شعبة #UPDATE الصفحة يذهب فارغ ومصدر للالصفحة ليست سوى شكل بدءا العلامة. الصفحة تحاول أن تفعل شيئا منذ فايرفوكس يعرض الرسم التحميل.

إذا كنت إزالة خط يكتب حقول الإدخال الخفية، وأنا انظر الى الحصول على زر حفظ، ولكن لا يزال هناك شيء خاطئ مع جافا سكريبت منذ متصفح تبقي فقط تفعل شيئا.

وأنا آسف لنشر مثل هذا "إصلاح هذا الرمز بالنسبة لي" السؤال هنا، لكني لا أعرف كيف أشرح ذلك دون رمز كله وأنا لا يمكن أن تجد الإجابة في أي مكان.

Answer 1

ولا يمكنك استخدام document.write بعد انتهاء الصفحة من التحميل دون أن الكتابة على صفحة كاملة، كما ترونه.

ويجب عليك استخدام .innerHTML على بعض الحاويات، وعلى سبيل المثال:

$('myDiv').innerHTML = '<form>...</form>';

وأو استخدام أساليب DOM:

var form = document.createElement('form');
var body = document.getElementsByTagName('body')[0];

body.appendChild('form');

Answer 2

ولا يمكنك استخدام دوكمنت بعد انتهاء الصفحة من التحميل (على سبيل المثال في معالج أحداث، بما في ذلك $(document).ready). بدلا من ذلك، يمكنك استخدام الأسلوب مسج .html(val) لتغيير محتويات عنصر موجود، أو إدراج عناصر جديدة في DOM مع مسج التلاعب الأساليب.