The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
360 المساهمات
268 المساهمات
190 المساهمات
102 المساهمات
86 المساهمات
78 المساهمات
64 المساهمات
51 المساهمات
25 المساهمات
24 المساهمات
آخر المشاركات

أضف رسالة عند قطع الاتصال بالإنترنت

+3
Oji Sama
دمعه السعودية
كونان2000
7 مشترك



×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

descriptionأضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Emptyأضف رسالة عند قطع الاتصال بالإنترنت

more_horiz
تذكير بمساهمة فاتح الموضوع :

السلام عليكم ورحمة الله وبركاته 
مرحباً بجميع أعضاء ذا بست
أضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Animat16
----------------------------------


تظهر الرسالة فور انقطاع اتصال الإنترنت فجأة، وتختفي الرسالة فور استعادة اتصال الإنترنت

قد ينقطع الاتصال قبل الانتهاء من كتابة المساهمة في المحرر، وقد يتم الضغط على زر الإرسال دون معرفة أن الاتصال قد انقطع.
وهذا ربما قد يسبب ازعاج لأعضاء المنتدى
ولذا قد يكون من المفيد عرض رسالة تنبيه للأعضاء في حالة فقدهم اتصالهم بالإنترنت أضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Icon_biggrin
-----



طريقة التثبيت
__________




تثبيت JavaScript
--------------------------
العنوان: كما تريد
المكان: في جميع الصفحات

أضف كود Javascript

الكود:

window.addEventListener('DOMContentLoaded', function() {
  var messageElement = document.createElement('div');
  messageElement.id = 'connection-message';
  messageElement.innerHTML = 'أنتبه: تم قطع الاتصال بالإنترنت';
  messageElement.style.cssText = `
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
   background: #9f180f;
    color: #fffdeb;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    z-index: 9999;
    display: none;
  `;
  document.body.appendChild(messageElement);
  function showMessage() {
    messageElement.style.display = 'block';
    messageElement.style.animation = 'slideIn 0.5s ease-in-out';
  }
  function hideMessage() {
    messageElement.style.animation = 'slideOut 0.5s ease-in-out';
    setTimeout(function() {
      messageElement.style.display = 'none';
    }, 500);
  }
  window.addEventListener('offline', showMessage);
  window.addEventListener('online', hideMessage);
  function animate(element, animationName) {
    element.style.animationName = animationName;
    setTimeout(function() {
      element.style.animationName = '';
    }, 1000);
  }
  var slideInAnimation = `
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  `;

  var slideOutAnimation = `
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(100%);
      opacity: 0;
    }
  `;
  messageElement.addEventListener('animationstart', function() {
    if (messageElement.style.animationName === slideInAnimation) {
      animate(messageElement, slideOutAnimation);
    }
  });
});

لا تنسى الضغط على زر قدّم

يمكنك تعديل محتوى الرسالة وخلفيتها ولون النص من كود JavaScript
من خلال تعديل الجزء المشار اليه في الصورة التالية
أضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Ocia_a21


وفي الختام. وفقكم الله جميعا


______________________________
تمت كتابة هذا البرنامج بواسطة كونان2000
باستخدام AI

descriptionأضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Emptyرد: أضف رسالة عند قطع الاتصال بالإنترنت

more_horiz
العفو اختي  @Rose  
يسعدني انه اجبك ^^

😊

descriptionأضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Emptyرد: أضف رسالة عند قطع الاتصال بالإنترنت

more_horiz
السلام عليكم ورحمة الله وبركاته
مرحبا مجددا كونان العبقري
انا ظننت انه يمكننا ارسال رسالة حنى مع انقطاع الانترنت XD
لكن اضافة مفيدة هكذا الذي كتب ردا طويلا حتى لا يضيع جهده يأتيه ذلك التنبيه وينسخ ماكتبه على الاقل
شكرا لك على كل مجهوداتك

descriptionأضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 Emptyرد: أضف رسالة عند قطع الاتصال بالإنترنت

more_horiz
السلام عليكم ورحمة الله وبركاته
أهلا كونان-كن... كيف حالك؟
أتمني أن تكون بخير حال

هذه الاضافة رهيبه وفي الواقع للتو عرفت قيمتها 
فأنا أرد لثاني مره علي الموضوع فقد انقطع الانترنت في الاولي  أضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 1f602 
الغريب ان التحذير قد جاء ولم انتبه له وضغط ثم ضاع ماكتبت  أضف رسالة عند قطع الاتصال بالإنترنت - صفحة 2 1f602 
اشكرك ياصديقي علي توفير مثل هذه الاضافة بإستمرار 
وحتما ستفيد العديد من الاشخاص 
بالتوفيق في كل قادم 
 KonuEtiketleri عنوان الموضوع
أضف رسالة عند قطع الاتصال بالإنترنت
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة