https://staging.twogpedia.com/index.php?action=history&feed=atom&title=Widget%3ANewsSearch%2FLoadMore 2026-05-10T03:31:58Z Revision history for this page on the wiki MediaWiki 1.45.1 https://staging.twogpedia.com/index.php?title=Widget:NewsSearch/LoadMore&diff=9237&oldid=prev 2024-02-12T14:40:13Z

<p>Created page with &quot;&lt;includeonly&gt; &lt;button id=&quot;loadMore&quot; onclick=&quot;loadMore()&quot;&gt;Load more&lt;/button&gt; &lt;script&gt; function loadMore() { var parameters = &#039;&#039;; var categories = getCheckedBoxes(&#039;category&#039;); if ( categories.length ) { parameters += &#039;|categories=&#039; + categories.join(&#039;,&#039;); } var games = getCheckedBoxes(&#039;game&#039;); if ( games.length ) { parameters += &#039;|games=&#039; + games.join(&#039;,&#039;); } var offset = document.querySelectorAll(&#039;#news-search-container .news-latest-item&#039;).length...&quot;</p> <p><b>New page</b></p><div>&lt;includeonly&gt;<br /> &lt;button id=&quot;loadMore&quot; onclick=&quot;loadMore()&quot;&gt;Load more&lt;/button&gt;<br /> &lt;script&gt;<br /> <br /> function loadMore() {<br /> var parameters = &#039;&#039;;<br /> var categories = getCheckedBoxes(&#039;category&#039;);<br /> if ( categories.length ) {<br /> parameters += &#039;|categories=&#039; + categories.join(&#039;,&#039;);<br /> }<br /> var games = getCheckedBoxes(&#039;game&#039;);<br /> if ( games.length ) {<br /> parameters += &#039;|games=&#039; + games.join(&#039;,&#039;);<br /> }<br /> <br /> var offset = document.querySelectorAll(&#039;#news-search-container .news-latest-item&#039;).length<br /> if ( offset &gt; 0 ) parameters += &#039;|offset=&#039; + offset<br /> <br /> var tag = document.getElementById(&quot;tag&quot;).value<br /> <br /> if ( tag.length &gt; 0 ) parameters += &#039;|tag=&#039; + tag<br /> <br /> var contentContainer = document.getElementById(&quot;news-search-container&quot;);<br /> <br /> // Use the selected template as a parameter in the parser function<br /> var parserFunction = &quot;{{NewsSearch&quot; + parameters + &quot;}}&quot;;<br /> <br /> // Replace the content in the dynamic content container with the parsed template<br /> $.get(mw.util.wikiScript(&#039;api&#039;), { action: &#039;parse&#039;, format: &#039;json&#039;, text: parserFunction }, function(data) {<br /> var parsedContent = data.parse.text[&#039;*&#039;];<br /> <br /> var content = document.createElement(&#039;div&#039;)<br /> content.innerHTML = parsedContent<br /> <br /> if ( content.querySelector(&#039;.mw-parser-output .news-latest-item&#039;) ) {<br /> contentContainer.innerHTML += content.querySelector(&#039;.mw-parser-output&#039;).innerHTML;<br /> // if new content was less than 10 items, then hide load more button<br /> if ( content.querySelector(&#039;.mw-parser-output&#039;).querySelectorAll(&#039;.news-latest-item&#039;).length &lt; 10 ) document.getElementById(&#039;loadMore&#039;).style.display = &#039;none&#039;;<br /> } else {<br /> var newDiv = document.createElement(&#039;div&#039;)<br /> newDiv.classList.add(&#039;no-entries&#039;)<br /> newDiv.textContent = &#039;No more entries&#039;<br /> contentContainer.insertAdjacentElement(&quot;afterend&quot;, newDiv );<br /> document.getElementById(&#039;loadMore&#039;).style.display = &#039;none&#039;;<br /> }<br /> <br /> });<br /> }<br /> <br /> &lt;/script&gt;<br /> &lt;/includeonly&gt;</div>

Couchor