عاشق الحب
08-11-2007, 08:58 AM
السلام عليكم ورحمة الله وبركاته
هذا درس بسيط بنستعرض فيه وشلون نسوي نافذة منبثقة بالـجافا سكريبت
اول شيء هذا الكود كامل :-
<script language="JavaScript">
function popUp(URL) {
eval("page" + id + " = window.open(URL, '" + id + "', '
toolbar=1,
scrollbars=1,
location=1,
statusbar=1,
menubar=1,
resizable=1,
width=500,
height=500,
left = 390,
top = 150');");
}
</script>
الحين بنوضح بعض الأشياء بالكود
<script language="JavaScript">
هذا يقول لنا نوع الكود
function popUp(URL) {
هذا يحدد الدالة
toolbar=1,
هذا يحدد إذا كنت تبي تعرض التول بار بالنافذة المنبثقة ,, إذا كنت تبيه يعرضه حط 1 وإذا ماتبيه يعرضه حط 0
scrollbars=1,
هذا إذا كنت تبيه يعرض أشرطة التمرير اللي هي السكرول بار ,, إذا كنت تبيه يعرضهن حط 1 وإذا ماتبيه يعرضهن حط 0
statusbar=1,
نفس اللي قبل ,, إذا تبيه يعرض شريط الحالة حط 1 واذا ماتبيه يعرضه حط 0
menubar=1,
وهذا بعد نفس اللي قبل ,, للعرض حط 1 ,, لعدم العرض حط 0
resizable=1,
هذا على شان تخليه قابل للتحجيم ,, 1 نعم ( يعني قابل ) ,, 0 لا ( يعني غير قابل ) ,, والمقصود بالتحجيم هو تغيير الحجم .
width=500,
عرض النافذة بالبيكسل
height=500,
إرتفاع النافذة بالبيكسل
left = 390,
عدد البيكسلات من الجهة اليسرى
top = 150');");
عدد البيكسلات من الجهة العليا ,, وأيضا إغلاق الدالة
بالنسبة للكود اللي في أول الموضوع ( الكود كامل ) تحطه في جزء الـ<head> .
فيه طريقتين لفتح النافذة , إما عن طريق رابط نصي أو عن طريق زر . تأكد أن هالكود تحطه بقسم الـ<body> .
على شان تفتح النافذة عن طريق زر إستعمل هالكود :
<form>
<input type=button value="Open Popup" onClick="javascript:popUp('page.html')">
</form>
تأكد انك حررت page.html برابط الصفحة اللي تبيه تفتح بالنافذة المنبثقة .
وعلى شان تفتح النافذة عن طريق رابط نصي إستعمل هالكود
<a href="javascript:popUp('page.html')">Open Popup[</a>
ولاتنسى انك تحرر page.html
وان شاء الله يكون هالدرس مفيد للجميع
هذا درس بسيط بنستعرض فيه وشلون نسوي نافذة منبثقة بالـجافا سكريبت
اول شيء هذا الكود كامل :-
<script language="JavaScript">
function popUp(URL) {
eval("page" + id + " = window.open(URL, '" + id + "', '
toolbar=1,
scrollbars=1,
location=1,
statusbar=1,
menubar=1,
resizable=1,
width=500,
height=500,
left = 390,
top = 150');");
}
</script>
الحين بنوضح بعض الأشياء بالكود
<script language="JavaScript">
هذا يقول لنا نوع الكود
function popUp(URL) {
هذا يحدد الدالة
toolbar=1,
هذا يحدد إذا كنت تبي تعرض التول بار بالنافذة المنبثقة ,, إذا كنت تبيه يعرضه حط 1 وإذا ماتبيه يعرضه حط 0
scrollbars=1,
هذا إذا كنت تبيه يعرض أشرطة التمرير اللي هي السكرول بار ,, إذا كنت تبيه يعرضهن حط 1 وإذا ماتبيه يعرضهن حط 0
statusbar=1,
نفس اللي قبل ,, إذا تبيه يعرض شريط الحالة حط 1 واذا ماتبيه يعرضه حط 0
menubar=1,
وهذا بعد نفس اللي قبل ,, للعرض حط 1 ,, لعدم العرض حط 0
resizable=1,
هذا على شان تخليه قابل للتحجيم ,, 1 نعم ( يعني قابل ) ,, 0 لا ( يعني غير قابل ) ,, والمقصود بالتحجيم هو تغيير الحجم .
width=500,
عرض النافذة بالبيكسل
height=500,
إرتفاع النافذة بالبيكسل
left = 390,
عدد البيكسلات من الجهة اليسرى
top = 150');");
عدد البيكسلات من الجهة العليا ,, وأيضا إغلاق الدالة
بالنسبة للكود اللي في أول الموضوع ( الكود كامل ) تحطه في جزء الـ<head> .
فيه طريقتين لفتح النافذة , إما عن طريق رابط نصي أو عن طريق زر . تأكد أن هالكود تحطه بقسم الـ<body> .
على شان تفتح النافذة عن طريق زر إستعمل هالكود :
<form>
<input type=button value="Open Popup" onClick="javascript:popUp('page.html')">
</form>
تأكد انك حررت page.html برابط الصفحة اللي تبيه تفتح بالنافذة المنبثقة .
وعلى شان تفتح النافذة عن طريق رابط نصي إستعمل هالكود
<a href="javascript:popUp('page.html')">Open Popup[</a>
ولاتنسى انك تحرر page.html
وان شاء الله يكون هالدرس مفيد للجميع