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

تاريــخ التسجيـــــــل : 02/04/2023

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

مميزات الكود

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

كود تحويل الروابط لصفحة انتظار - صفحة 2 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>