طلب تعديل علي كود أخر مواضيع

2 مشترك

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

تم الحل طلب تعديل علي كود أخر مواضيع

مُساهمة من طرف gsm_bouali الجمعة 6 ديسمبر 2019 - 10:47

طلب تعديل علي كود أخر مواضيع 


الكود هو التالي 


الكود:



[left][font=monospace]$(function getNews() {
 var lastNewsTitle = 'أخر المواضيع',
 forumNumper = '5', // رقم القسم
 numberOfNews = '5', // عدد المواضيع
 speedOfNews = '80', // سرعة التتالي
 separateImg = 'https://i.servimg.com/u/f66/18/72/45/88/tunisi10.png', // الصورة الفاصلة بين كل موضوع
 newsTitleBg = 'var(--primary)', // لون خلفية نص آخر الأخبار
 newsBg = '#FFF', // لون خلفية شريط آخر الأخبار

 newsLocation = '.newsLocation',
 lastNewsContainer = document.createElement("DIV");
 lastNewsContainer.className = "lastNewsContainer";
 lastNewsContainer.innerHTML =
 '<div class="lastNewsTitle">' + lastNewsTitle + '</div><div class="lastNewsItems-wrap"><div class="lastNewsItems marquee"></div></div>';
 if (document.querySelector(newsLocation)) {
 document.querySelector(newsLocation).appendChild(lastNewsContainer);

 function loadDoc(f, c) {
 var xhttp = new XMLHttpRequest();
 xhttp.onreadystatechange = function() {
 if (this.readyState == 4 && this.status == 200) {
 var parser = new DOMParser(),
 newsResult = parser.parseFromString(this.responseText, "text/xml");
 for (i = 0; i < c; i++) {
 var lastNewsBlock = document.createElement('SPAN');
 lastNewsBlock.className = 'lastNewsBlock';
 lastNewsBlock.innerHTML = '<a href="' + newsResult.querySelectorAll('item')[i].querySelector('link').innerHTML + '" class="lastNews">' + newsResult.querySelectorAll('item')[i].querySelector('title').innerHTML + '</a><img src="' + separateImg + '" class="separateImg" alt="" />';
 document.querySelector('.lastNewsItems').append(lastNewsBlock);
 }
 }
 };
 xhttp.open("GET", "/feed?f=" + f, true);
 xhttp.send();
 }
 loadDoc(forumNumper, numberOfNews);
 var newsStyle = document.createElement('STYLE');
 newsStyle.innerHTML = '.marquee { padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; } .separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; align-items: center; background: ' + newsTitleBg + '; color: #040FFA; margin: 0px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: calc(100% - 100px); background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';
 document.head.appendChild(newsStyle);
 setInterval(function() {
 var marqueeW = document.querySelector('.lastNewsItems').scrollWidth;
 document.querySelector('.lastNewsItems').style.minWidth = '' + marqueeW + 'px';
 }, 500);
 }
});
// by omarpop23[/font][/left]
 




الكود يعمل لديا في المنتدي بدون أي مشكل 
لاكن هناك مشكل في سرعة تتالي المواضيع 
موجودة في الكود سرعة التتالي "30" حتي عند تغير السرعة إلي 20 أو 10 أو 40 أو 50 أو .......... يبقي ظهور المواظيع عند التتالي بسرعة كبيرة 
مما يجعلك لا تستطيع قرائة المواضيع 


الكود للأخ omarpop23 


نسخة المنتدي = النسخه الاخيرة AwesomeBB
ربط المنتدي= https://www.gsmbouali.com/


 وشكرا لكم مسبقا  Cool
gsm_bouali
gsm_bouali
 
 

ذكر
عدد المساهمات : 121
معدل النشاط : 4105
السُمعة : 0

http://www.gsmbouali.com/

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

تم الحل رد: طلب تعديل علي كود أخر مواضيع

مُساهمة من طرف gsm_bouali الجمعة 6 ديسمبر 2019 - 16:00

تم الحل وهاذا الكود الصحيح 

ويعمل 100% 
الكود:
$(function getNews() {
        var lastNewsTitle = 'آخر المواضيع',
        forumNumper = '', // رقم القسم
        numberOfNews = '20', // عدد المواضيع
        speedOfNews = '120', // سرعة التتالي
        separateImg = 'https://i.servimg.com/u/f66/18/72/45/88/tunisi10.png',  // الصورة الفاصلة بين كل موضوع
        newsTitleBg = '#369FCF',    // لون خلفية نص آخر الأخبار
        newsBg = '#FFF',    // لون خلفية شريط آخر الأخبار
          
        newsLocation = '.newsLocation',
        lastNewsContainer = document.createElement("DIV");
    lastNewsContainer.className = "lastNewsContainer";
    lastNewsContainer.innerHTML =
        '<div class="lastNewsTitle">' + lastNewsTitle + '</div><div class="lastNewsItems-wrap"><div class="lastNewsItems marquee"></div></div>';
    if (document.querySelector(newsLocation)) {
        document.querySelector(newsLocation).appendChild(lastNewsContainer);
 
        function loadDoc(f, c) {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    var parser = new DOMParser(),
                        newsResult = parser.parseFromString(this.responseText, "text/xml");
                    for (i = 0; i < c; i++) {
                        var lastNewsBlock = document.createElement('SPAN');
                        lastNewsBlock.className = 'lastNewsBlock';
                        lastNewsBlock.innerHTML = '<a href="' + newsResult.querySelectorAll('item')[i].querySelector('link').innerHTML + '" class="lastNews">' + newsResult.querySelectorAll('item')[i].querySelector('title').innerHTML + '</a><img src="' + separateImg + '" class="separateImg" alt="" />';
                        document.querySelector('.lastNewsItems').append(lastNewsBlock);
                    }
                }
            };
           xhttp.open("GET", "/feed?f=" + f, true);
            xhttp.send();
        }
        loadDoc(forumNumper, numberOfNews);
        var newsStyle = document.createElement('STYLE');
        newsStyle.innerHTML = '.marquee { padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; } .separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; align-items: center; background: ' + newsTitleBg + '; color: #040FFA; margin: 0px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: calc(100% - 100px); background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';
            newsStyle.innerHTML = '.marquee { display: inline-block; padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; }.separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; width: 100%; align-items: center; background: ' + newsTitleBg + '; color: #FFF; margin: 0px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: 100%; background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';    
      document.head.appendChild(newsStyle);
        setInterval(function() {
            var marqueeW = document.querySelector('.lastNewsItems').scrollWidth;
            document.querySelector('.lastNewsItems').style.minWidth = '' + marqueeW + 'px';
        }, 500);
    }
});
// by omarpop23
gsm_bouali
gsm_bouali
 
 

ذكر
عدد المساهمات : 121
معدل النشاط : 4105
السُمعة : 0

http://www.gsmbouali.com/

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

تم الحل رد: طلب تعديل علي كود أخر مواضيع

مُساهمة من طرف Black H@wk الجمعة 6 ديسمبر 2019 - 21:52

gsm_bouali كتب:تم الحل وهاذا الكود الصحيح 

ويعمل 100%
بالتوفيق Cool طلب تعديل علي كود أخر مواضيع 221706
Black H@wk
Black H@wk
 
 

ذكر
عدد المساهمات : 7251
معدل النشاط : 10205
السُمعة : 35

http://palestine-hawk.ahlamountada.com

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

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

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

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