كيف اجعل النافذة المنبثقة تظهر عند تحميل الصفحة ؟


#1

السلام عليكم
انا عملت شاشه منبثقه تعمل عند ضغط الرز … اريد ان تظهر عند تحميل الشاشه بدون الضعظ ع الزر ممكن تفيدوني كيف اعملها
@YaserAlnajjar


#2

لا تستعملي
onclick
يمكنك كتابة ما تريدين على جافاسكريبت مباشرة باستعمال
alert
مثال
alert(“I got to say that is amazing”);

و ستظهر لك شاشة منبثقة


#3

انا استخدمت div واظهرت الشاشه المنبثقه ب js


#4

الشاشة المنبثقة تعطينا معلومة او تطلع حالات الخطأ بعد
Condition
فيمكنك استعمال
alert
في الجافاسكريبت كما بينت في المثال السابق ستظهر لك الشاشة المنبثقة :blush:


#5

يمكنك ذلك بكتابة الأمر onload في الوسم body
مثال:

<body onloud="function()">


#6

نفترض ان الحاويه كان لديها الكلاس “mydiv”

<div class="mydiv"></div>

اسهل طريقة لتنفيذ دالة عند الانتهاء من تحميل الصفحة هي عن طريق IIFE
( Immediately Invoked Function Expression )

بوضع الاسكريبت داخل ال body ك اخر وسم قبل قفل وسم الbody
هكذا

<body>
<!-- الكود تبعك -->

<script>
(function() {
document.querySelector(".mydiv").style.display = 'block'
})();
</script>
</body>

او اذا كنتي تستخدمين jquery فيمكنك استخدام الدالة “Ready”

$('document').ready(function(){
$('.mydiv').show();
});

مصادر قد تهمك


#7

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

أرفقي لنا الكود الذي كتبتية حتى تحصلي على إجابة دقيقة :slight_smile: