عند تصميم تدفق مربع الحوار في Firefox ، تخطط لاستخدام مربعات الحوار المنبثقة لإضافة صفحات وتعديل الصفحات. عند الانتهاء من الإضافة والتعديل ، انقر فوق إرسال مربع الحوار لإغلاقه ، ثم قم بتحديث نافذة القائمة. فيما يلي محرر قناة التكنولوجيا الجديدة الخاطئة لتعليمك كيفية كتابة مربع حوار Firefox مناسب. دعنا نذهب إلى المقالة التالية لمعرفة المزيد!
ومع ذلك ، حدثت مشكلة أثناء التشغيل الفعلي. تقنية مربع الحوار IE لا تدعم Firefox. كيف يمكننا تحقيق مربع حوار يدعم كل من IE و Firefox؟
لحسن الحظ ، كنت أدرس Tinymce أمس ، وهناك مربعات حوار تدعم Firefox للتعلم منها.
كتبت طريقة فتح مربع الحوار:
وظيفة popupdialog (url ، العرض ، الارتفاع) {
// showx = event.screenx - event.offsetx - 4 - 10 ؛ // + deltax ؛ هذا الرمز صالح فقط لـ IE ولم يعد يستخدم
// swamy = event.screeny - event.offsety -168 ؛ // + deltay ؛ هذا الرمز صالح فقط لـ IE ولم يعد يستخدم
var x = parseint (screen.width/2.0) - (العرض/2.0) ؛
var y = parseint (screen.hight / 2.0) - (الارتفاع / 2.0) ؛
var ismsie = (navigator.appname == "Microsoft Internet Explorer") ؛ // القاضي متصفح
إذا (ismsie) {
Retval = window.showmodaldialog (url ، window ، "dialogwidth:"+width+"px ؛ dialogheight:"+height+"px ؛ dialogleft:"+x+"px ؛ dialogtop:
} آخر {
var win = window.open (url ، "mcepopup" ، "top =" + y + "، left =" + x + "، scrollbars =" + scrollbars + "، dialog = yes ، modal = yes ، width =" + width + "، height =" height + "، resizable = no") ؛
eval ('try {win.resizeto (العرض ، الارتفاع) ؛} catch (e) {}') ؛
win.focus () ؛
}
}
في مربع الحوار الذي تم فتحه ، استخدمت صفحة القسم العلوي والسفلي للإطارات ، لأنه في IE ، لا يمكن تقديم مربع الحوار ، ولكن بعد تقسيمه إلى إطارات ، يمكن تقديمه.
على الزر المقدم ، أضف هذا الرمز:
وظيفة doreload () {
var ismsie = (navigator.appname == "Microsoft Internet Explorer") ؛
إذا (ismsie) {
parent.dialogarguments.location.reload () ؛
}آخر{
parent.opener.document.location.reload () ؛
}
Top.Close () ؛
}
الطريقة التي يفتح بها المتصفحان مربعات الحوار مختلفة
IE: window.showmodaldialog (url ، window ، "DialogWidth: 300px ؛ dialogheight: 300px ؛ dialogleft: 200px ؛ dialogtop: 200px ؛ status: no ؛ الدلائل: نعم ؛ scrollbars: no ؛ no ؛") ؛
Firefox: window.open (url ، "mcepopup" ، "Top = 200 ، left = 200 ، scrollbars = no ، dialog = yes ، modal = yes ، width = 300 ، height = 300 ، resizable = no") ؛
عند إغلاق النافذة:
IE: parent.dialogarguments.location.reload () ؛
Firefox: parent.opener.document.location.reload () ؛
هناك نقطة أخرى مهمة للغاية للانتباه إليها. لا يبدو أن Firefox يدعم Window.Close () من مربعات الحوار ؛
لذلك ، فإن الاستخدام الأخير للنافذة الإغلاق هو top.close () ؛ كل من IE و Firefox دعم.
ما سبق هو مربع حوار يعلمك كيفية كتابة Firefox مناسب. لمزيد من المحتوى ، يرجى الاستمرار في الانتباه إلى المقالات الأخرى ذات الصلة على قناة التكنولوجيا الجديدة الخاطئة!