تغيير حجم النافذة المشروطة في JavaScript
-
03-07-2019 - |
سؤال
أحاول تغيير حجم نافذة الحوار الوسيط الخاص بي عندما يتم إخفاء/عرض عناصر معينة.
window.resizeTo(800, 600);
لقد حاولت استخدام رمز كما هو مذكور أعلاه ، لكن لا يبدو أنه يعمل. أعتقد أنه مربع حوار وسيط ، وليس نافذة منتظمة. أي اقتراحات حول كيف يمكنني تغيير حجم هذا؟
المحلول
ستحتاج إلى تحديد العنصر أو معرف الحاوية والقيام بشيء كهذا:
document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';
إذا كنت تستخدم jQuery لهذا ، فقد يكون الأمر أسهل قليلاً حيث يمكنك إرفاقه بوظيفة العرض الفعلية.
يحرر
ضمن وظائف JavaScript أعلاه ، سيكون MyModal هو معرف الحاوية أو الوسائط. على سبيل المثال ، إذا كنت تستخدم div للعنصر الخارجي من وسيط الخاص بك ، فستقوم بإعداد div مثل هذا:
<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>
تحرير #2
نظرًا لأن هذا ليس "وسيطًا" كما يصف معظمهم اليوم ، فإنه أكثر من نافذة منبثقة جديدة ، يجب أن يعمل هذا السطر من الكود من أجلك (وجدها هنا):
window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200')
نصائح أخرى
إذا كنت تحاول تغيير حجم نافذة الحوار الوسيط من داخل النافذة نفسها ، فقد تميل إلى استخدام نافذة JavaScript.Resizeto () أو Window.ResizeBy ().
ومع ذلك ، فإن هؤلاء لن يعملوا. بدلاً من ذلك ، استخدم:
window.dialogWidth='640px';
window.dialogHeight='480px';
PS RSOLBERG: قال الملصق نافذة الحوار الوسيط. هذا يبدو كما لو كنت أصفها. لست متأكدًا من أنه يمكن تفسيره على أنه مرتبط بـ jQuery. سأقوم بإزالة إجابة jQuery لتجنب الالتباس.