جافا سكربت - صناعة النوافذ العائمة بكل سهولة

[المبرمجون العرب]

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

مثال :

http://www.4alarb.com/java/arab/arab.htm

جرب ان تحرك النوافذ في ارجاء المتصفح

واذا اردت اخفاء النافذة اضغط على زر X الموجود في الطرف الايمن العلوي

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

لتنزيل المثال انظر في المرفقات
مع الرجاء الدعاء بالشفاء لابني عبدالرحمن


صقر العنزي




-

[المشوار]

بارك الله فيك اخوي وجزاك الله خير والله يشفي عبدالرحمن من
كل داء والله يجعله لك قرة عين اللهم اشفي عبد الرحمن
يا ذل جلال والاكرام برحمتك .

[شاهين]

جزاك الله خير اخوي صقر وبارك الله فيك
اللهم رب الناس اذهب الباس عن عبدالرحمن بن صقر اشف وانت الشافي لا شفاءً الا شفائك شفاء لا يغادر سقما.

[albdre]

جزاك الله خير استاذنا الكبير
ونسأل الله سبحانه ان يشفي لك ابنك عبدالحمن ويقومه بالسلامه انه على كل شيء قدير

[المبرمجون العرب]

الاخوة شاهين ، المشوار

جزاكم الله كل خير و وفقكما في الدنيا والاخرة

وفي مايلي طريقة استخدام الكوود
=====================

في البداية جميعنا نعلم ان كوود جافا يبدأ بالعبارة <SCRIPT LANGUAGE="JavaScript">

وينتهي الكود بالعبارة </script>

وهنا اود ان انبه الى انه لاتوجد حاجة لتغيير هذا الكوود لكي يعمل مع اي صفحة

بل كل ماعليك فعله ان تنسخ الكود في بداية الصفحة .

الان طريقة انشاء نافذة عائمة
==================
لكي تعمل نافذة عائمة نحتاج اولا ان ننشأ طبقة عن طريق الامر التالي في الفرونت بيج

<div id="Name" style="border-style:solid; border-width:2px; position:absolute;left:129px;top:154px;height:27px; width:46px">

</div>

الان لو ذهبت في الفرونت بيج الى عرض التصميم سوف تشاهد مربع صغير فوقه اسمه Name
الان اضف صورة في وسط هذا المربع
الان اعرض الصفحة سوف تلاحظ انك تستطيع تحريك المربع في اي اتجاه بواسطة الضغط على الصورة .

الان تستطيع اضافة ماتريد داخل هذا المربع ليصبح نافذة متنقلة في المتصفح


واي سؤال انا بالخدمة



اخوكم
صقر العنزي





-

[jadweb.com]

جزاك الله خير استاذنا الكبير
ونسأل الله سبحانه ان يشفي لك ابنك عبدالحمن ويقومه بالسلامه انه على كل شيء قدير

[المبرمجون العرب]

الاخوة
jadweb.com ، albdre

جزاكم الله كل خير ووفقنا واياكم لما يحب ويرضى


شرح متغيرات كوود الطبقة :
==================

border-style:solid خط الاطار متصل .
border-width:2px عرض الاطار القيمة 2 .
position:absolute;left:129px;top:154px الموقع الافتراضي المبدئي عند بداية تحميل الصفحة .
height:27px; width:46px الارتفاع والعرض للطبقة .




-

[زائر..... بحر الشوق]

بارك الله فيك اخوي وجزاك الله خير والله يشفي عبدالرحمن من
كل داء والله يجعله لك قرة عين اللهم اشفي عبد الرحمن
يا ذل جلال والاكرام برحمتك .

رهيبة ومفيدة فعل

[المبرمجون العرب]

بحر الشوق

جزاك الله خيرا

وقريبا بأذن الله المزيد من التطبيقات على هذا الكوود







-


صقر العنزي

[random_X]

باركك الله اخي ، و شفى ابنك و عافه من كل مكروه

[الشبري]

بارك الله فيك اخي

[Danger_Zone]

شكرا اخي طيب كيف يمكن استبدال الهيدر في النوافذ العائمة بنص عادي يعني بدال شكل الوندوز اكس بي الكئيب

[المبرمجون العرب]

Danger_Zone ، الشبري ، random_X

شكرا لكم

Danger_Zone

اخي لست مجبرا على هذا الشكل

تستطيع وضع الصورة التي تريد

فقط غير مسار الصورة الى اي صورة لديك







-

صقر العنزي

[مسالم2002]

السلام عليكم

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

ياليت يتم اجاد حل لهذه الشي

وشكرا

[لودي]

بارك الله فيك اخوي وجزاك الله خير والله يشفي عبدالرحمن من
كل داء والله يجعله لك قرة عين اللهم اشفي عبد الرحمن
يا ذل جلال والاكرام برحمتك .

شكرا لك

والله يشفي ولدك عبدالرحمن