كود تحويل الروابط لصفحة انتظار

اذهب الى الأسفل

كود تحويل الروابط لصفحة انتظار Empty كود تحويل الروابط لصفحة انتظار

مُساهمة من طرف omarpop23 الإثنين 28 سبتمبر 2020 - 20:11

السلام عليكم ورحمة الله وبركاته
اعضاء منتديات احلى منتدى تحية طيبه وبعد ،،

اليوم أتيت اليكم بكود تحويل الروابط لصفحة انتظار 2020

مميزات الكود

  1. يمكنك تحديد النسخة التي تريدها سواء ان كانت موبيل فقط او النسخة الكلاسيكية فقط او الاثنين معاً
  2. يمكنك تفعيل الكود للروابط الخارجيه فقط او يمكنك تفعيله لجميع روابط المواضيع
  3. مرفق كود صفحة التحويل جاهزة ستقوم انت فقط بأستبدال الصور و الروابط داخلها
  4. اكتشف المزيد من المميزات بنفسك ...


صورة من الكود
كود تحويل الروابط لصفحة انتظار Screen19

كود الجافا:
يوضع في اكواد الجافا في المواضيع فقط

الكود:
document.addEventListener("DOMContentLoaded", function() {
    let HTMLpage = '?',
        mobileVersion = 1,
        classicVersion = 1,
        onlyOutSrcLinks = 0;

    (isMobile == true) ? document.body.classList += ' mobileVersion': document.body.classList += ' classicVersion';

    let postLink = document.querySelectorAll('.classicVersion .postbody a, .mobileVersion .postbody a, .classicVersion .post-entry a, .mobileVersion .post-entry a, .classicVersion .postbody .content a, .mobileVersion .postbody .content a, .classicVersion .post-content a, .mobileVersion .post-content a, .classicVersion .block-content a, .mobileVersion .block-content a');

    if (mobileVersion == 1 && classicVersion == 0) {
        if (onlyOutSrcLinks == 1) {
            for (i = 0; i < postLink.length; i++) {
                if (postLink[i].href.includes(window.location.origin) == false) {
                    postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
                }
            }
        } else {
            for (i = 0; i < postLink.length; i++) {
                postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
            }
        }
    } else if (mobileVersion == 0 && classicVersion == 1) {
        if (onlyOutSrcLinks == 1) {
            for (i = 0; i < postLink.length; i++) {
                if (postLink[i].href.includes(window.location.origin) == false) {
                    postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
                }
            }
        } else {
            for (i = 0; i < postLink.length; i++) {
                postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
            }
        }
    } else if (mobileVersion == 1 && classicVersion == 1) {
        if (onlyOutSrcLinks == 1) {
            for (i = 0; i < postLink.length; i++) {
                if (postLink[i].href.includes(window.location.origin) == false) {
                    postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
                }
            }
        } else {
            for (i = 0; i < postLink.length; i++) {
                postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i];
            }
        }
    }
});
بعض الملاحظات

  • الرمز HTMLpage في الكود و قيمته الحاليه هي ? يجب استبدالها برقم صفحة الـ HTML الذي ستقوم بأنشاءها و الذي سأقوم بإرفاقها ادناه
  • الرمزmobileVersion في الكود قيمته الحاليه 1 وتعني انه سيتم تفعيل كود التحويل علي نسخة الجوال ايضا اذا كنت ترغب في تعطيله من نسخة الجوال قم بتغيره الي 0
  • الرمزclassicVersion في الكود قيمته الحاليه 1 وتعني انه سيتم تفعيل كود التحويل علي نسخة الكلاسيكية ايضا اذا كنت ترغب في تعطيله من نسخة الكلاسيكية قم بتغيره الي 0
  • الرمزonlyOutSrcLinks  في الكود قيمته الحاليه 0 وهو خاص بتفعيل الكود فقط للروابط الخارجيه وهو معطل حاليا اذا كنت تريد تفعيله قم بتغيره الي 1


كود صفحة الـ HTML:

الكود:
<!DOCTYPE html>
<html lang="ar" dir="rtl">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>رجاء الانتظار</title>

    <style>
      html {
          overflow-x: hidden;
          overflow-y: scroll;
          height: 100%;
      }
      body {
          color: #FFF;
          position: relative;
          background: linear-gradient(170deg, #329dd3, #23698d, #3f4c70);
          font-size: 12px;
          font-size: 12px;
          font-family: 'Droid Arabic Kufi', Arial, sans-serif;
          min-height: 100vh;
          display: flex;
          flex-direction: column;
      }
      *, ::after, ::before {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
      }
      img {
       max-width: 100%
      }
        .status, .waitMsg {
            margin-bottom: 30px;
            text-align: center;
        }
      .status {
            margin-top: 30px;
      }
        
      .errorbox {
          background: #ffbaba;
          border: 1px solid #f5aca6;
          width: 50%;
          text-align: center;
          border-radius: 3px;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
          margin-right: 12px;
          margin-top: 0;
          margin: auto;
          padding: 10px 15px 10px 10px;
          position: relative;
          color: #666;
      }
      .errorbox h3::before {
          content: '×';
          color: #ffbaba;
          background: #ea624c;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          line-height: 20px;
          display: inline-block;
          font-size: 24px;
          margin-left: 5px;
          vertical-align: bottom;
      }
        .countdown {
            display: inline-block;
            border: 3px dashed;
            border-radius: 50%;
            height: 100px;
            width: 100px;
            font-family: Arial;
            font-size: 50px;
            line-height: 100px;
            margin-bottom: 30px;
        }
    </style>
  <link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" />
</head>

<body>
    <div class="status"></div>
    <div class="waitMsg">
        <div class="countdown">10</div>
        <div> سيتم تحويلك الي الرابط تلقائياً. رجاء انتظار العد التنازلي</div>
    </div>

<style>
    .announce_item a:first-child {
        width: auto;
    }
    
    .ticker_row:nth-child(2) span {
        background: transparent;
        border: 0;
    }
    
    .announce_block {
        width: 100%;
        display: flex;
        flex-flow: wrap row;
        justify-content: center;
        align-items: center;
    }
    
    .announce_item {
        margin: 5px;
    }
    
    .announce_item a {
        width: 250px;
        height: 90px;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
    }
    
    .text_announce_block {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    
    .text_announce_item {
        width: 25%;
        padding: 5px;
    }
    
    @media (max-width: 520px) {
        .text_announce_item {
            width: 100%;
        }
    }
</style>
<!-- بداية قائمة الاعلانات -->
<div class="text_annonce container">

    <div class="stat_gp">

        <div class="announce_menu">

            <div class="announce_block">

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

            </div>

            <div class="announce_block">

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

                <div class="announce_item">
                    <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
                </div>

            </div>

        </div>

    </div>
</div>

<!-- نهاية قايمة الاعلانات -->
  
    <script>
        //<![CDATA[
      // عدد الثواني
    var counterSeconds = 5;

        var counterValue = document.querySelector('.countdown').innerHTML = counterSeconds;

    var counterDown = setInterval(function() {
        counterSeconds -= 1;
        counterSeconds = document.querySelector('.countdown').innerHTML = counterSeconds;
        if (counterSeconds <= 0) {
            clearInterval(counterDown)
            var getLink = window.location.search.length,
                pageURL = window.location.search.slice(1, getLink);
            if (pageURL == '') {
                document.querySelector('.status').innerHTML = '<div class="errorbox"><center><h3>خطأ</h3></center><p>عنوان الـ URL غير صالح</p></div>';
                document.querySelector('.waitMsg').innerHTML = '';
            } else {
       clearInterval(counterDown)
                window.location.href = pageURL;
            }
        }

    }, 1000);
        //]]>
    </script>
</body>

</html>


عدل سابقا من قبل omarpop23 في الجمعة 2 أكتوبر 2020 - 11:00 عدل 4 مرات
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6637
السُمعة : 218

http://www.best-devs.net

omarpop23 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى