الاحتفاظ بالكوكيز في المتواجدين الآن
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
الاحتفاظ بالكوكيز في المتواجدين الآن
ليش المتواجدون الان ماتحفظ اختيار العضو من تقليص للمحتوى الخاص بالمتواجدون الآن؟
هذا كود جافا في المتواجدين
هذا كود جافا في المتواجدين
- الكود:
<script>
document.addEventListener('DOMContentLoaded', function () {
const collapseToggle = document.querySelector('.collapse-toggle');
const content = document.querySelector('.content');
collapseToggle.addEventListener('click', function () {
if (content.style.display === "none") {
content.style.display = "block";
collapseToggle.innerHTML = '<i class="material-icons">expand_less</i>';
} else {
content.style.display = "none";
collapseToggle.innerHTML = '<i class="material-icons">expand_more</i>';
}
});
});
</script>
- الكود:
<div id="block-online" class="block-subtle modern-card">
<div class="collapse-toggle">
<i class="material-icons">expand_more</i>
</div>
<div class="headline-container">
عدل سابقا من قبل المبدع الخبير في الجمعة 18 أكتوبر 2024 - 23:31 عدل 1 مرات
رد: الاحتفاظ بالكوكيز في المتواجدين الآن
اكيد اخوي كونان تفضل
- الكود:
<script>
document.addEventListener('DOMContentLoaded', function() {
var elements = document.querySelectorAll('.forumline .row1');
elements.forEach(function(element) {
if (element.textContent.includes('الأعضاء الذين تواجدوا في 1 ساعة الماضية') ||
element.textContent.includes('آخر عُضو مُسجل هو')) {
element.style.display = 'none';
}
});
});
</script>
<main id="index">
<div class="main-inner">
<!-- BEGIN message_admin_index -->
<div class="block introduction">
<!-- BEGIN message_admin_titre -->
<div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle modern-card">
<div class="collapse-toggle">
<i class="material-icons">expand_more</i>
</div>
<div class="headline-container">
<!-- BEGIN switch_viewonline_link -->
<span class="headline"><a href="{U_VIEWONLINE}" class="link-stylish" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="headline">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</div>
<div class="content" style="display: none;">
<div class="online-stats">
<p>{TOTAL_USERS_ONLINE}</p>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</p>
</div>
<!-- BEGIN switch_group_legend -->
<div class="txt-content">
<div id="wio_groups">{GROUP_LEGEND}</div>
</div>
<script type="text/javascript">
if (window.wio_formatGroups) { wio_formatGroups(); }
</script>
<!-- END switch_group_legend -->
</div>
</div>
<!-- END disable_viewonline -->
<style>
.modern-card {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 20px 0;
position: relative;
transition: box-shadow 0.3s ease-in-out;
}
.modern-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.collapse-toggle {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #4f7ff8;
border-radius: 50%;
width: 30px;
height: 30px;
margin: 0 auto 10px;
color: #fff;
}
.content {
color: #263238;
}
.headline-container {
margin-bottom: 10px; /* إضافة تباعد بين العنوان والمحتوى */
}
.headline {
font-size: 18px;
font-weight: bold;
color: #4f7ff8; /* اللون المطلوب */
position: relative;
display: block;
text-align: center;
}
.headline::after {
position: absolute;
top: 10px;
left: 30px;
color: rgba(0, 0, 0, 0.15);
transform: rotate(-15deg) scale(2);
content: "\f201";
font-family: 'Font Awesome 5 Pro';
font-size: 24px;
width: 1em;
display: inline-block;
text-align: center;
}
.link-stylish {
color: #007bff;
text-decoration: none;
}
.link-stylish:hover {
text-decoration: underline;
}
.online-stats {
font-size: 14px;
line-height: 1.6;
margin: 10px 0;
}
.txt-content {
margin-top: 20px;
font-size: 14px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
const collapseToggle = document.querySelector('.collapse-toggle');
const content = document.querySelector('.content');
collapseToggle.addEventListener('click', function () {
if (content.style.display === "none") {
content.style.display = "block";
collapseToggle.innerHTML = '<i class="material-icons">expand_less</i>';
} else {
content.style.display = "none";
collapseToggle.innerHTML = '<i class="material-icons">expand_more</i>';
}
});
});
</script>
{CHATBOX_BOTTOM}
</div>
</main>
<aside id="sidebar" class="sidebar-home">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</aside>
<script type="text/javascript">
$(document).ready(function() {
if ($('#sidebar').is(':empty')) {
$('#index').css('margin', 0);
$('#sidebar').hide();
}
});
</script>
رد: الاحتفاظ بالكوكيز في المتواجدين الآن
اهلا
القالب
ثم اضف التالي الى اكود الجافا واختار الصفحه الرئيسيه فقط
القالب
- Spoiler:
- الكود:
<script>
document.addEventListener('DOMContentLoaded', function() {
var elements = document.querySelectorAll('.forumline .row1');
elements.forEach(function(element) {
if (element.textContent.includes('الأعضاء الذين تواجدوا في 1 ساعة الماضية') ||
element.textContent.includes('آخر عُضو مُسجل هو')) {
element.style.display = 'none';
}
});
});
</script>
<main id="index">
<div class="main-inner">
<!-- BEGIN message_admin_index -->
<div class="block introduction">
<!-- BEGIN message_admin_titre -->
<div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle modern-card">
<div class="collapse-toggle">
<i class="material-icons">expand_more</i>
</div>
<div class="headline-container">
<!-- BEGIN switch_viewonline_link -->
<span class="headline"><a href="{U_VIEWONLINE}" class="link-stylish" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="headline">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</div>
<div class="content" style="display: none;">
<div class="online-stats">
<p>{TOTAL_USERS_ONLINE}</p>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</p>
</div>
<!-- BEGIN switch_group_legend -->
<div class="txt-content">
<div id="wio_groups">{GROUP_LEGEND}</div>
</div>
<script type="text/javascript">
if (window.wio_formatGroups) { wio_formatGroups(); }
</script>
<!-- END switch_group_legend -->
</div>
</div>
<!-- END disable_viewonline -->
<style>
.modern-card {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 20px 0;
position: relative;
transition: box-shadow 0.3s ease-in-out;
}
.modern-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.collapse-toggle {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #4f7ff8;
border-radius: 50%;
width: 30px;
height: 30px;
margin: 0 auto 10px;
color: #fff;
}
.content {
color: #263238;
}
.headline-container {
margin-bottom: 10px; /* إضافة تباعد بين العنوان والمحتوى */
}
.headline {
font-size: 18px;
font-weight: bold;
color: #4f7ff8; /* اللون المطلوب */
position: relative;
display: block;
text-align: center;
}
.headline::after {
position: absolute;
top: 10px;
left: 30px;
color: rgba(0, 0, 0, 0.15);
transform: rotate(-15deg) scale(2);
content: "\f201";
font-family: 'Font Awesome 5 Pro';
font-size: 24px;
width: 1em;
display: inline-block;
text-align: center;
}
.link-stylish {
color: #007bff;
text-decoration: none;
}
.link-stylish:hover {
text-decoration: underline;
}
.online-stats {
font-size: 14px;
line-height: 1.6;
margin: 10px 0;
}
.txt-content {
margin-top: 20px;
font-size: 14px;
}
</style>
{CHATBOX_BOTTOM}
</div>
</main>
<aside id="sidebar" class="sidebar-home">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</aside>
<script type="text/javascript">
$(document).ready(function() {
if ($('#sidebar').is(':empty')) {
$('#index').css('margin', 0);
$('#sidebar').hide();
}
});
</script>
ثم اضف التالي الى اكود الجافا واختار الصفحه الرئيسيه فقط
- Spoiler:
- الكود:
$(function() {
$(function() {
const collapseToggle = $('.collapse-toggle');
const content = $('.content');
// استرجاع حالة العرض من الكوكيز
const isContentVisible = getCookie('contentVisible') === 'true';
// ضبط حالة المحتوى استنادًا إلى الكوكيز
if (isContentVisible) {
content.css('display', 'block');
collapseToggle.html('<i class="material-icons">expand_less</i>');
} else {
content.css('display', 'none');
collapseToggle.html('<i class="material-icons">expand_more</i>');
}
collapseToggle.click(function() {
if (content.css('display') === 'none') {
content.css('display', 'block');
collapseToggle.html('<i class="material-icons">expand_less</i>');
setCookie('contentVisible', 'true', 365);
} else {
content.css('display', 'none');
collapseToggle.html('<i class="material-icons">expand_more</i>');
setCookie('contentVisible', 'false', 365);
}
});
function setCookie(name, value, days) {
const d = new Date();
d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = `expires=${d.toUTCString()}`;
document.cookie = `${name}=${value};${expires};path=/`;
}
function getCookie(name) {
const nameEQ = `${name}=`;
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
});
});
المبدع الخبير يعجبه هذا الموضوع
رد: الاحتفاظ بالكوكيز في المتواجدين الآن
اهلين اخوي كونان شكراً كثير ماقصرت الله يجزيك كل خيركونان2000 كتب:اهلا
القالب
- Spoiler:
- الكود:
<script>
document.addEventListener('DOMContentLoaded', function() {
var elements = document.querySelectorAll('.forumline .row1');
elements.forEach(function(element) {
if (element.textContent.includes('الأعضاء الذين تواجدوا في 1 ساعة الماضية') ||
element.textContent.includes('آخر عُضو مُسجل هو')) {
element.style.display = 'none';
}
});
});
</script>
<main id="index">
<div class="main-inner">
<!-- BEGIN message_admin_index -->
<div class="block introduction">
<!-- BEGIN message_admin_titre -->
<div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle modern-card">
<div class="collapse-toggle">
<i class="material-icons">expand_more</i>
</div>
<div class="headline-container">
<!-- BEGIN switch_viewonline_link -->
<span class="headline"><a href="{U_VIEWONLINE}" class="link-stylish" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="headline">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</div>
<div class="content" style="display: none;">
<div class="online-stats">
<p>{TOTAL_USERS_ONLINE}</p>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</p>
</div>
<!-- BEGIN switch_group_legend -->
<div class="txt-content">
<div id="wio_groups">{GROUP_LEGEND}</div>
</div>
<script type="text/javascript">
if (window.wio_formatGroups) { wio_formatGroups(); }
</script>
<!-- END switch_group_legend -->
</div>
</div>
<!-- END disable_viewonline -->
<style>
.modern-card {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 20px 0;
position: relative;
transition: box-shadow 0.3s ease-in-out;
}
.modern-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.collapse-toggle {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #4f7ff8;
border-radius: 50%;
width: 30px;
height: 30px;
margin: 0 auto 10px;
color: #fff;
}
.content {
color: #263238;
}
.headline-container {
margin-bottom: 10px; /* إضافة تباعد بين العنوان والمحتوى */
}
.headline {
font-size: 18px;
font-weight: bold;
color: #4f7ff8; /* اللون المطلوب */
position: relative;
display: block;
text-align: center;
}
.headline::after {
position: absolute;
top: 10px;
left: 30px;
color: rgba(0, 0, 0, 0.15);
transform: rotate(-15deg) scale(2);
content: "\f201";
font-family: 'Font Awesome 5 Pro';
font-size: 24px;
width: 1em;
display: inline-block;
text-align: center;
}
.link-stylish {
color: #007bff;
text-decoration: none;
}
.link-stylish:hover {
text-decoration: underline;
}
.online-stats {
font-size: 14px;
line-height: 1.6;
margin: 10px 0;
}
.txt-content {
margin-top: 20px;
font-size: 14px;
}
</style>
{CHATBOX_BOTTOM}
</div>
</main>
<aside id="sidebar" class="sidebar-home">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</aside>
<script type="text/javascript">
$(document).ready(function() {
if ($('#sidebar').is(':empty')) {
$('#index').css('margin', 0);
$('#sidebar').hide();
}
});
</script>
ثم اضف التالي الى اكود الجافا واختار الصفحه الرئيسيه فقط
- Spoiler:
- الكود:
$(function() {
$(function() {
const collapseToggle = $('.collapse-toggle');
const content = $('.content');
// استرجاع حالة العرض من الكوكيز
const isContentVisible = getCookie('contentVisible') === 'true';
// ضبط حالة المحتوى استنادًا إلى الكوكيز
if (isContentVisible) {
content.css('display', 'block');
collapseToggle.html('<i class="material-icons">expand_less</i>');
} else {
content.css('display', 'none');
collapseToggle.html('<i class="material-icons">expand_more</i>');
}
collapseToggle.click(function() {
if (content.css('display') === 'none') {
content.css('display', 'block');
collapseToggle.html('<i class="material-icons">expand_less</i>');
setCookie('contentVisible', 'true', 365);
} else {
content.css('display', 'none');
collapseToggle.html('<i class="material-icons">expand_more</i>');
setCookie('contentVisible', 'false', 365);
}
});
function setCookie(name, value, days) {
const d = new Date();
d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = `expires=${d.toUTCString()}`;
document.cookie = `${name}=${value};${expires};path=/`;
}
function getCookie(name) {
const nameEQ = `${name}=`;
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
});
});
كونان2000 يعجبه هذا الموضوع
رد: الاحتفاظ بالكوكيز في المتواجدين الآن
العفو اخي المبدع
امين واياك والمسلمين يارب
امين واياك والمسلمين يارب
تم حل المشكلة & ينقل للأرشيف.
|
مواضيع مماثلة
» المتواجدين الآن ||
» تصميم المتواجدين الآن
» طلب كود تنسيق المتواجدين الآن نسخة Modern BB
» كيف اجعل المنتدى مغلق بحيث يتم اخفاء المتواجدين الآن ؟؟
» إقتراح بتقسيم الإداره والأعضاء والأعضاء الغير مفعلين بالمنتدى فى المتواجدين الآن الموجوده أسفل المنتدى
» تصميم المتواجدين الآن
» طلب كود تنسيق المتواجدين الآن نسخة Modern BB
» كيف اجعل المنتدى مغلق بحيث يتم اخفاء المتواجدين الآن ؟؟
» إقتراح بتقسيم الإداره والأعضاء والأعضاء الغير مفعلين بالمنتدى فى المتواجدين الآن الموجوده أسفل المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى