ط¹ظ…ظ„ ظ†ط§ظپط°ط© ظ…ظ†ط¨ط«ظ‚ط© ط¨ط§ظ„ط¬ط§ظپط§ ط³ظƒط±ظٹط¨طھ


السلام عليكم ورحمة الله وبركاته



هذا درس مفصل بسيط بنستعرض فيه وشلون نسوي نافذة منبثقة بالـجافا سكريبت script



اول شيء هذا الكود code كامل :-



كود HTML:
  
  
  
  <script language=&quot;JavaScript&quot;>
  
  
  
  function popUp(URL) {
  
  eval(&quot;page&quot; + id + &quot; = window.open(URL, '&quot; + id + &quot;', '
  
  toolbar=1,
  
  scrollbars=1,
  
  location=1,
  
  statusbar=1,
  
  menubar=1,
  
  resizable=1,
  
  width=500,
  
  height=500,
  
  left = 390,
  
  top = 150');&quot;);
  
  }
  
  </script>


الحين بنوضح بعض الأشياء بالكود code



كود HTML:
  
  
  
  <script language=&quot;JavaScript&quot;>


هذا يقول لنا نوع الكود code



كود HTML:
  
  
  
  function popUp(URL) {


هذا يحدد الدالة



كود HTML:
  
  
  
  toolbar=1,


هذا يحدد إذا كنت تبي تعرض التول بار بالنافذة المنبثقة ,, إذا كنت تبيه يعرضه حط 1 وإذا ماتبيه يعرضه حط 0



كود HTML:
  
  
  
  scrollbars=1,


هذا إذا كنت تبيه يعرض أشرطة التمرير اللي هي السكرول بار ,, إذا كنت تبيه يعرضهن حط 1 وإذا ماتبيه يعرضهن حط 0



كود HTML:
  
  
  
  statusbar=1,


نفس اللي قبل ,, إذا تبيه يعرض شريط الحالة حط 1 واذا ماتبيه يعرضه حط 0



كود HTML:
  
  
  
  menubar=1,


وهذا بعد نفس اللي قبل ,, للعرض حط 1 ,, لعدم العرض حط 0



كود HTML:
  
  
  
  resizable=1,


هذا على شان تخليه قابل للتحجيم ,, 1 نعم ( يعني قابل ) ,, 0 لا ( يعني غير قابل ) ,, والمقصود بالتحجيم هو تغيير الحجم .



كود HTML:
  
  
  
  width=500,





عرض النافذة بالبيكسل



كود HTML:
  
  
  
  height=500,


إرتفاع النافذة بالبيكسل



كود HTML:
  
  
  
  left = 390,


عدد البيكسلات من الجهة اليسرى



كود HTML:
  
  
  
  top = 150');&quot;);


عدد البيكسلات من الجهة العليا ,, وأيضا إغلاق الدالة



بالنسبة للكود code اللي في أول الموضوع ( الكود code كامل ) تحطه في جزء الـ<head> .



فيه طريقتين لفتح النافذة , إما عن طريق رابط نصي أو عن طريق زر . تأكد أن هالكود code تحطه بقسم الـ<body> .



على شان تفتح النافذة عن طريق زر إستعمل هالكود code :



كود HTML:
  
  
  
  <form>
  
  <input type=button value=&quot;Open Popup&quot; onClick=&quot;javascript:popUp('page.html')&quot;>
  
  </form>


تأكد انك حررت page.html برابط الصفحة اللي تبيه تفتح بالنافذة المنبثقة .



وعلى شان تفتح النافذة عن طريق رابط نصي إستعمل هالكود code



كود HTML:
  
  
  
  <a href=&quot;javascript:popUp('page.html')&quot;>Open Popup[</a>


ولاتنسى انك تحرر page.html



وان شاء الله يكون هالدرس مفصل مفيد للجميع





منقول من منتديات رونو التعليمية

www.rn-nr.com









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©