African Review July 2014 <div class="addtoany_container"><span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://africanreview.com/magazine-archives/african-review-july-2014" data-a2a-title="African Review July 2014"> <a class="a2a_button_facebook"></a> <a class="a2a_button_linkedin"></a> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_x"></a> </span> </div> </section> </div> </section> <section class="row article-navigation bottom"> </section> </article> </div> </div> <!-- ACP Start : add class to Read more section in article pages --> <script> // for dev site document.addEventListener("DOMContentLoaded", function() { // Find the <p><strong>Read more</strong> ... </p> let readMoreHeader = Array.from(document.querySelectorAll("p strong")) .find(el => el.textContent.trim() === "Read more"); if (readMoreHeader) { // remove everything after <strong> let parentP = readMoreHeader.closest("p"); parentP.innerHTML = "<strong>Read related articles</strong>"; // parentP.innerHTML = "<div class="article-read-more-title"><strong>Read related articles</strong></div>"; let wrapper = document.createElement("div"); wrapper.id = "article-read-more"; // Start with the parent <p> let currentP = parentP; while (currentP && currentP.tagName.toLowerCase() === "p") { let next = currentP.nextElementSibling; wrapper.appendChild(currentP); // move into wrapper currentP = next; } // Find the blockquote intro let introBlock = document.querySelector("blockquote.article-intro"); if (introBlock) { introBlock.appendChild(wrapper); } } }); // for editing and live site document.addEventListener("DOMContentLoaded", function() { // Find the <div><strong>Read more</strong> ... </div> let readMoreHeader = Array.from(document.querySelectorAll("div strong")) .find(el => el.textContent.trim() === "Read more"); if (readMoreHeader) { // remove everything after <strong> let parentDiv = readMoreHeader.closest("div"); parentDiv.innerHTML = "<strong>Read related articles</strong>"; // parentDiv.innerHTML = "<div class="article-read-more-title"><strong>Read related articles</strong></div>"; let wrapper = document.createElement("div"); wrapper.id = "article-read-more"; // Start with the parent <div> let currentDiv = parentDiv; while (currentDiv && currentDiv.tagName.toLowerCase() === "div") { let next = currentDiv.nextElementSibling; wrapper.appendChild(currentDiv); // move into wrapper currentDiv = next; } // Find the blockquote intro let introBlock = document.querySelector("blockquote.article-intro"); if (introBlock) { introBlock.appendChild(wrapper); } } }); </script> <!-- ACP End --> <!-- //MAIN CONTENT --> </div> </div> <!-- FOOTER --> <footer id="t3-footer" class="wrap t3-footer"> <div class="container"> <!-- ACP Start --> <section class="t3-copyright"> <div class="row"> <div class="col-md-12 copyright "> <small>Copyright © 2025 Alain Charles Publishing Ltd.</small> </div> </div> </section> <!-- ACP End --> </div> </footer> <!-- //FOOTER --> <!-- BACK TOP TOP BUTTON --> <div id="back-to-top" data-spy="affix" data-offset-top="200" class="back-to-top hidden-xs hidden-sm affix-top"> <button class="btn btn-primary" title="Back to Top"><span class="fa fa-angle-up"></span></button> </div> <!-- <script src="/templates/override_files/js/customrsformurl.js" defer></script> --> <script type="text/javascript"> (function($) { // Back to top $('#back-to-top').on('click', function() { $("html, body").animate({ scrollTop: 0 }, 500); return false; }); })(jQuery); </script> <!-- BACK TO TOP BUTTON --> <!-- Google tag (gtag.js) --> <script defer src="https://www.googletagmanager.com/gtag/js?id=G-303441QJJ9"></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-303441QJJ9'); </script> <script src="https://cdn-eu.pagesense.io/js/alaincharles/9a9738cf2456433287c9dfa3ce17fee1.js" defer></script> <!-- Matomo --> <!-- <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://ws.alaincharles.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '45']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://ws.alaincharles.com/matomo.php?idsite=45&rec=1" style="border:0;" alt="" /></p></noscript> --> <!-- End Matomo Code --> </div> </div> <script src="https://africanreview.com/minify/v5/content_article_k/master-body-v5.js" type="text/javascript" ></script> <script type="module" src="/templates/ja_teline_v/js/lite-vimeo-embed.js" defer></script> <script> /* document.addEventListener('DOMContentLoaded', function() { // Step 1: Find the element const contentElement = document.querySelector('.article-content-main'); if (contentElement) { console.log("Found the element with class 'article-content-main'."); } else { console.error("Error: Element with class 'article-content-main' not found."); return; // Stop execution if the element is not found } // Step 2: Extract text content const fullText = contentElement.innerText.trim(); if (fullText) { console.log("Successfully extracted text content:", fullText.slice(0, 100) + "..."); } else { console.error("Error: Failed to extract text content from 'article-content-main'."); return; // Stop execution if text extraction fails } // Step 3: Split text into words const words = fullText.split(/\s+/); console.log("Total words in content:", words.length); // Step 4: Check word limit const wordLimit = 400; if (words.length > wordLimit) { console.log(`Content exceeds ${wordLimit} words. Proceeding to apply 'Load More' feature.`); // Step 5: Separate visible and hidden text const visibleText = words.slice(0, wordLimit).join(' '); const hiddenText = words.slice(wordLimit).join(' '); // Step 6: Replace content and add "Load More" button contentElement.innerHTML = `<span class="visible-content">${visibleText}</span>`; // Step 7: Add hidden content const extraContent = document.createElement('span'); extraContent.className = 'extra-content'; extraContent.style.display = 'none'; extraContent.innerText = ` ${hiddenText}`; contentElement.appendChild(extraContent); // Step 8: Create "Load More" button const loadMoreBtn = document.createElement('button'); loadMoreBtn.innerText = 'Load More'; loadMoreBtn.style.cursor = 'pointer'; loadMoreBtn.style.color = 'blue'; loadMoreBtn.style.background = 'none'; loadMoreBtn.style.border = 'none'; loadMoreBtn.style.textDecoration = 'underline'; contentElement.appendChild(loadMoreBtn); // Step 9: Toggle extra content on button click loadMoreBtn.addEventListener('click', function() { if (extraContent.style.display === 'none') { extraContent.style.display = 'inline'; loadMoreBtn.innerText = 'Show Less'; } else { extraContent.style.display = 'none'; loadMoreBtn.innerText = 'Load More'; } }); console.log("Load More button and extra content successfully added."); } else { console.warn(`Content does not exceed the word limit of ${wordLimit} words.`); } }); */ </script> </body> </html>
