LatestArticlesUpdate: Difference between revisions

From Sanatan Hindu Dharma
No edit summary
No edit summary
Line 85: Line 85:


<html>
<html>
<div class="latest-articles-section">
<div class="latestArticlesSlider">
   <div class="container">
   <div class="latestArticlesInner" id="LatestArticlesOutput"></div>
    <h2 class="section-heading mb-5">Latest Articles</h2>
 
    <div id="LatestArticlesArea" class="latestArticlesSlider">
      <div class="latestArticlesInner"></div>
    </div>
  </div>
</div>
</div>


<script>
<script>
$(document).ready(function () {
$(document).ready(function () {
    const inner = $(".latestArticlesInner");


     new mw.Api().get({
     new mw.Api().get({
         action: "query",
         action: "query",
         titles: "MediaWiki:LatestArticlesJSON",
         titles: "LatestArticlesJSON",
         prop: "revisions",
         prop: "revisions",
         rvprop: "content",
         rvprop: "content",
Line 108: Line 101:


         let content = res.query.pages[0].revisions[0].content;
         let content = res.query.pages[0].revisions[0].content;
         let items = [];
         let data = [];


         try { items = JSON.parse(content); } catch(e){}
         try { data = JSON.parse(content); } catch(e){}


         inner.html(""); // clear
         let out = $("#LatestArticlesOutput");
        out.html("");


         items.forEach(obj => {
         data.forEach(item => {
             inner.append(
             out.append(`<a class="latestArticleBtn" href="${item.link}">${item.title}</a>`);
                `<a class="latestArticleBtn" href="${obj.link}">${obj.title}</a>`
            );
         });
         });
     });
     });
});
});
</script>
</script>
 
</html>
</html>

Revision as of 13:42, 21 November 2025

Latest Articles Manager (10 Items)

# Title Link (href)
1
2
3
4
5
6
7
8
9
10




Comments

Be the first to comment.