ARC Raiders Finally Arriving in 2025, Playtesting to Begin This Fall | gamescom 2024

Ign_za | 21-08-2024 07:44am |

Plus, a new trailer.After multiple delays since its initial unveiling in 2021, ARC Raiders is now set to arrive sometime in 2025.The announcement was made at gamescom Opening Night Live, with Embark Studios also revealing that playtesting will begin this fall. You can watch the latest teaser for ARC Raiders below. <span class="multi-button"> <button class="action_btn read_more" style="margin-top: 0; padding: 7px" onclick="redir('https://za.ign.com/arc-raiders/199484/news/arc-raiders-finally-arriving-in-2025-playtesting-to-begin-this-fall-gamescom-2024')">Read More </button> <button class="butn btn-cut" id="48651" data-button-feed = ""> <i class="fa-regular fa-thumbs-up btn-cut-child" id="48651" data-button-feed = ""></i> </button> <button class="butn btn-copy" id="48651"> <i class="fa-regular fa-thumbs-down btn-copy-child" id="48651" data-button-feed = ""></i> </button> <button class="butn btn-paste"> <i class="fa-solid fa-share-from-square"></i> </button> <span class="btn-share"> <button class="butn" onclick="sendW('/view-feed/48651, ARC Raiders Finally Arriving in 2025, Playtesting to Begin This Fall | gamescom 2024 ')"> <i class="fa-brands fa-whatsapp"></i> </button> <button class="butn" onclick="sendF('/view-feed/48651, ARC Raiders Finally Arriving in 2025, Playtesting to Begin This Fall | gamescom 2024 ')"> <i class="fa-brands fa-facebook"></i> </button> <button class="butn" onclick="sendT('/view-feed/48651, ARC Raiders Finally Arriving in 2025, Playtesting to Begin This Fall | gamescom 2024')"> <i class="fa-brands fa-square-x-twitter"></i> </button> <button class="butn" onclick="sendL('/view-feed/48651 ')"> <i class="fa-brands fa-linkedin"></i> </button> </span> </span> </span> </span> </span> </div> </div> </div> <div class="col-md-4 col-12 my-md-0 my-5"> <ul class="list-group"> <p class="rel_article mb-3">Related Articles</p> <li class="list-group-item"> <img src="https://www.naijanews.com/wp-content/uploads/2023/03/Labour-Party-National-Chairman-Julius-Abure.png" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232262" class="list-group-item-heading">Breaking: INEC Withdraws Recognition Of ...</a> <span class="badge badge-pill bg-secondary block">Top</span> </div> </li> <li class="list-group-item"> <img src="https://cdn.guardian.ng/wp-content/uploads/2025/06/INEC.jpg" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232267" class="list-group-item-heading">Ogun bye-election: INEC distributes sens...</a> <span class="badge badge-pill bg-secondary block">Politics</span> </div> </li> <li class="list-group-item"> <img src="https://dailypost.ng/wp-content/uploads/2025/02/2025-02-06T115508Z_1646518363_RC2YOCA3VJJR_RTRMADP_3_RUSSIA-USA-PUTIN-TRUMP.jpg" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232276" class="list-group-item-heading">Ukraine: Trump, Putin finally meet in Al...</a> <span class="badge badge-pill bg-secondary block">Top</span> </div> </li> <li class="list-group-item"> <img src="https://cdn.legit.ng/images/1120/45fd6d7f7cb501eb.jpeg?v=1" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232286" class="list-group-item-heading">Why FG must release funding, policy on f...</a> <span class="badge badge-pill bg-secondary block">Top</span> </div> </li> <li class="list-group-item"> <img src="https://cdn.legit.ng/images/1120/b8f00025c31a522d.jpeg?v=1" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232288" class="list-group-item-heading">Betta Edu scandal reactivated as EFCC ge...</a> <span class="badge badge-pill bg-secondary block">Top</span> </div> </li> <li class="list-group-item"> <img src="https://blueprint.ng/wp-content/uploads/2024/06/police-arrest-.jpg" class="img-fluid" alt=""> <div class="list-group-item-content"> <a href="view-feed/232300" class="list-group-item-heading">Police rescue 2 kidnapped victims, arres...</a> <span class="badge badge-pill bg-secondary block">Top</span> </div> </li> </ul> </div> <div class="container"> <section id="contact-cta-section" class="contact-cta-section"> <div class="wrapper-full container"> <div class="cta-wrapper row justify-content-between align-items-center"> <div class="col-md-6"> <div class="details-wrapper mb-4"> <h2>Stay Updated with the Latest News!</h2> <p>Don't miss out on breaking stories and in-depth articles.</p> </div> </div> <div class="col-md-6 d-flex justify-end"> <a class="blue-cta-button" href="./">See the latest News</a> </div>  </div> </div> </section> </div> </div> <div class="modal-overlay" id="processModal"> <div class="modal"> <a class="close-modal"> <svg viewBox="0 0 20 20"> <path fill="#000000" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </a> <div class="modal-content text-center">  <form method="post"> <span class="form__inputs text-center"> <div class="email_input"> <input type="email" name="email" class="form-control mod-input" placeholder="Input Email Address" required> </div> <div class="pwrd_input"> <input type="password" name="password" class="form-control mod-input" placeholder="Input Password" required> </div> </span> <button class="mod-google mod-submit" name="mod-submit">Submit</button> </form> <p class=" new_user mt-3">Don't have an account? <a class="new_user_text" href="sign_up">Click Here</a></p> </div> </div> </div> </div>  <footer class="footer bg-light text-dark">  <section class=" bg-light p-4 py-md-5 py-xl-8"> <div class="container overflow-hidden"> <div class="row gy-4 gy-lg-0 justify-content-xl-between"> <div class="col-12 col-md-4 col-lg-3 col-xl-2"> <div class="widget"> <a> <img src="images/main_logo.png" alt="BootstrapBrain Logo" width="175" height="57"> </a> </div> </div> <div class="col-12 col-md-4 col-lg-3 col-xl-2"> <div class="widget"> <h2 class="mb-4">Get in Touch</h2>  <p class="mb-0"> <a class="link-secondary text-decoration-none" href="mailto:help@9jabrief.com">help@9jabrief.com</a> </p> </div> </div> <div class="col-12 col-md-4 col-lg-3 col-xl-2"> <div class="widget"> <h2 class="mb-4">Quick Links</h2> <ul class="list-unstyled"> <li class="mb-2"> <a href="advertise" class="link-secondary text-decoration-none" style="font-weight: 800;">Advertise with Us</a> </li> <li class="mb-2"> <a href="terms" class="link-secondary text-decoration-none">Terms & Conditions</a> </li> <li class="mb-2"> <a href="privacy" class="link-secondary text-decoration-none">Privacy Policy</a> </li> <li class="mb-0"> <a href="upgrade_account" class="link-secondary text-decoration-none">Upgrade to an Advertiser</a> </li> </ul> </div> </div>  </div> </div> </section>  <div class="py-4 py-md-5 py-xl-8 border-top border-light-subtle"> <div class="container overflow-hidden"> <div class="row gy-4 gy-md-0"> <div class="col-xs-12 col-md-7 order-1 order-md-0"> <div class="copyright text-center text-md-start"> © 2025 All Rights Reserved. </div> <div class="credits text-secondary text-center text-md-start mt-2 fs-7"> Developed by <a class="link-secondary text-decoration-none" href="https://gagnerapp.com/">The Gagner Team</a> </div> </div> <div class="col-xs-12 col-md-5 order-0 order-md-1"> <ul class="nav justify-content-center justify-content-md-end"> <li class="nav-item"> <a class="nav-link link-dark" href="https://web.facebook.com/9jabrief"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" /> </svg> </a> </li> <li class="nav-item"> <a class="nav-link link-dark" href="https://www.linkedin.com/company/9jabrief/posts"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" /> </svg> </a> </li> <li class="nav-item"> <a class="nav-link link-dark" href="https://x.com/9jabrief"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16"> <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" /> </svg> </a> </li> <li class="nav-item"> <a class="nav-link link-dark"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16"> <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" /> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="src/js/utilities.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init(); </script> <script> $(document).ready(() => { $("#accordion-container ul li:eq(0) a").addClass("active").next().slideDown(); }) $(document).on('click', '#accordion-container a', function(j) { var dropDown = $(this).closest("li").find("p"); $(this).closest(".accordion").find("p").not(dropDown).slideUp(); if ($(this).hasClass("active")) { $(this).removeClass("active"); } else { $(this) .closest(".accordion") .find("a.active") .removeClass("active"); $(this).addClass("active"); } dropDown.stop(false, true).slideToggle(); j.preventDefault(); }); $('.news-card').click(function() { var category = $(this).attr("id"); $('.caption').removeClass('card-active'); $(this).find('.caption').addClass('card-active'); var loader = document.querySelector(".loader_gif"); var loader__overlay = document.querySelector(".gif__overlay"); var userId = localStorage.getItem('userLoggedInKey'); // console.log(userId); // $(this).classList.add('card-active'); $.ajax({ url: "get_data.php", method: "POST", data: { feed_category: category, user_id: userId }, beforeSend: () => { loader.style.display = 'flex'; loader__overlay.style.display = 'flex'; }, success: (data) => { $('#dispFeeds').html(data) }, complete: () => { loader.style.display = 'none'; loader__overlay.style.display = 'none'; } }).then(() => { $("#accordion-container ul li:eq(0) a").addClass("active").next().slideDown(); }) }) function redir($link) { window.open($link, '_blank').focus(); } function sendW($url, $title) { $title = '*' + $title + '*'; $message = $title + '\n\n' + $url; $shareUrl = 'whatsapp://send?text=' + encodeURIComponent($message); window.open($shareUrl, "_blank", "width=600,height=400") } function sendT(url, caption) { var shareUrl = 'https://twitter.com/intent/tweet?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(caption); window.open(shareUrl, "_blank", "width=600,height=400"); } function sendF(url, caption) { // Build the Facebook share URL with the quote (caption) parameter var shareUrl = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url) + '&quote=' + encodeURIComponent(caption); // Open the share dialog window.open(shareUrl, "_blank", "width=600,height=400"); } function sendL($url) { $shareUrl = 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($url); window.open($shareUrl, "_blank", "width=600,height=400"); } function likeAndDislikeEvents(event) { if (event.target.classList.contains("btn-cut") || event.target.classList.contains("fa-thumbs-up") || event.target.classList.contains("fa-thumbs-down") || event.target.classList.contains("btn-copy")) { var feedId = event.target.getAttribute('id'); var feedType = event.target.getAttribute('data-button-feed'); var userId = localStorage.getItem('userLoggedInKey'); if (!localStorage.getItem('userLoggedIn')) { $(".modal-overlay, .modal").addClass("active"); } else { // User is logged in /** * * btn-copy is the dislike button and btn-cut is like button */ if (event.target.classList.contains("btn-cut") || event.target.classList.contains("btn-copy")) { var currEvent = event.target; event.target.classList.contains("btn-cut") ? clickOnButton('like', 'btn-cut', currEvent, userId, feedId, feedType) : clickOnButton('dislike', 'btn-copy', currEvent, userId, feedId, feedType); } else { // if the icon is clicked /** * btn-cut-child ------ when the like icon is clicked * btn-copy-child ------ when the dislike icon is clicked * fa-solid ----- when the icon is clicked * fa-regular ----- when the icon is not clicked */ if (event.target.classList.contains("btn-cut-child")) { clickType = 'like'; var feedType = event.target.getAttribute('data-button-feed'); var feedType = event.target.getAttribute('data-button-feed'); if (event.target.classList.contains('fa-solid')) { $.ajax({ url: 'get_data.php', method: "POST", data: { userIdUnlike: userId, unlikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { console.log(data); var parsedData = JSON.parse(data); if (parsedData.status) { var parentEl = findAncestorWithClass(event.target, "accordion-cont") ?? findAncestorWithClass(event.target, "feed__left");; // console.log(parsedData.all_likes); parentEl.querySelector('.counter').textContent = parsedData.all_likes; event.target.classList.remove('fa-solid'); event.target.classList.add('fa-regular'); } } }) } else { likeFeed(clickType, "fa-thumbs-up", feedType); } } else { /** * if the dislike icon is clicked */ clickType = 'dislike'; if (event.target.classList.contains('fa-solid')) { $.ajax({ url: 'get_data.php', method: "POST", data: { userIdUnlike: userId, unDislikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { event.target.classList.remove('fa-solid'); event.target.classList.add('fa-regular'); } }) } else { $.ajax({ url: 'get_data.php', method: "POST", data: { userIdLike: userId, dislikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { event.target.classList.remove('fa-regular'); event.target.classList.add('fa-solid'); } }) } } } function clickOnButton(clickType, buttonClass, childClass, userId, feedId, feedType) { childClass = childClass.querySelector(`.${buttonClass}-child`); if (clickType == 'like') { if (childClass.classList.contains('fa-solid')) { childClass.classList.remove('fa-solid'); childClass.classList.add('fa-regular'); $.ajax({ url: 'get_data.php', method: "POST", data: { userIdUnlike: userId, unlikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { var parsedData = JSON.parse(data); if (parsedData.status) { if (event.target.classList.contains(`${buttonClass}`)) { var parentEl = findAncestorWithClass(event.target, "accordion-cont") ?? findAncestorWithClass(event.target, "feed__left");; parentEl.querySelector('.counter').textContent = parsedData.all_likes; } } } }) } else { likeFeed(clickType, buttonClass, feedType) } } else { /** * Here, clickType == dislike * if the dislike button (not icon) is clicked -- the user disliked the feed * Handling the Undislike ofa post */ if (childClass.classList.contains('fa-solid')) { $.ajax({ url: 'get_data.php', method: "POST", data: { userIdUnlike: userId, unDislikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { childClass.classList.remove('fa-solid'); childClass.classList.add('fa-regular'); } }) } else { $.ajax({ url: 'get_data.php', method: "POST", data: { userIdLike: userId, dislikeFeedId: feedId, feedType: feedType, clickType: clickType }, success: (data) => { childClass.classList.remove('fa-regular'); childClass.classList.add('fa-solid'); } }) } } } /** * * buttonClass => is the class of the button or icon to be clicked * * clikType => is the type of click perfomed [like, unlike, dislike and undislikes] * * userIdLike => is the user id of the person performing the clickType action * * feedIdLike => is the feed id of the person performing the clickType on */ function likeFeed(clickType, buttonClass, feedType) { $.ajax({ url: "get_data.php", method: "POST", data: { userIdLike: userId, feedIdLike: feedId, feedType: feedType, clickType: clickType }, success: (data) => { var parsedData = JSON.parse(data); if (parsedData.status) { console.log(parsedData); var parentEl = findAncestorWithClass(event.target, "accordion-cont") ?? findAncestorWithClass(event.target, "feed__left"); parentEl.querySelector('.counter').textContent = parsedData.all_likes; /** * * if the clicked object contains (btn-cut) which is the button itself, navigate to locate the icon child element and change its state * * else, means the icon itself was clicked and then directly change the state of the icon itself */ if (event.target.classList.contains(`btn-cut`)) { event.target.querySelector(`.btn-cut-child`).classList.remove('fa-regular') event.target.querySelector(`.btn-cut-child`).classList.add('fa-solid') } else { event.target.classList.remove('fa-regular') event.target.classList.add('fa-solid') } } else { //if user is not signed in } } }) } } } } document .querySelector("#dispFeeds") ?.addEventListener("click", (event) => { if (event.target.classList.contains("fa-share-from-square")) { event.target.parentElement.parentElement.querySelector('.btn-share').classList.toggle('share-active'); } likeAndDislikeEvents(event); }); document.querySelectorAll(".adv_banner").forEach((banner) => { console.log("object"); banner.addEventListener('click', () => { window.location.href = 'https://' + banner.getAttribute('id'); }) }) document.body.addEventListener('click', () => { let isLoading = false; if (event.target.classList.contains(('lmBtn')) && !isLoading) { isLoading = true; var page = Number($('#page').val()); var allcount = $('.allCount').val(); var category = $('.category').val(); // This shows the number of news displayed let offsetVal = page * 80; if (offsetVal <= allcount) { $.ajax({ url: 'get_data.php', method: 'POST', data: { load_more: true, page: page, category: category }, dataType: 'json', beforeSend: function() { $(".lmBtn").html('Loading <i class=" ms-2 fa-solid fa-spinner fa-spin"></i>'); $(".lmBtn").prop('disabled', true); // disable the button to prevent further clicks }, success: (data) => { if (data && data.output) { // Update the offset and the displayed article count $('#page').val(page + 1); $('.displayArticleCount').html(`${data.totalFetched} articles`); // Append the new content after the last accordion container $('.accordion-cont:last').after(data.output); // Reset the button text $(".lmBtn").html('Load More'); $(".lmBtn").prop('disabled', false); // enable the button again isLoading = false; // reset flag after success } else { // Handle case when no data is returned notyf = new Notyf(); notyf.error({ message: "Sorry! Something went wrong, please try again", duration: 2500, position: { x: "right", y: "top", }, }); } }, error: function() { // Handle AJAX request errors $(".lmBtn").html('Load More'); $(".lmBtn").prop('disabled', false); // enable the button in case of error isLoading = false; // reset flag even if an error occurs notyf = new Notyf(); notyf.error({ message: "Failed to load more feeds. Please try again later.", duration: 2500, position: { x: "right", y: "top", }, }); } }) } else { notyf = new Notyf(); notyf.error({ message: "Oops! You're caught up, No more feed to load", duration: 2500, position: { x: "right", y: "top", }, }) isLoading = false; // reset flag if no more data } } if (event.target.classList.contains('adv_banner')) { window.location.href = event.target.getAttribute('id'); } likeAndDislikeEvents(event); }) function findAncestorWithClass(element, className) { // Base case: If the element is null or if we've reached the document body, return null if (!element || element === document.body) { return null; } // Check if the current element has the desired class if (element.classList.contains(className)) { return element; // Return the element if it has the class } // Recursively call the function with the parent element return findAncestorWithClass(element.parentNode, className); } function toSentenceCase(str) { if (str.length === 0) return str; // Handle empty strings return str[0].toUpperCase() + str.slice(1).toLowerCase(); } var userIcon = document.querySelector('.user_icon'); var userIconActions = document.querySelector('.icon_actions'); userIcon?.addEventListener('click', () => { userIconActions.classList.toggle('show'); }); // Get the search container, input field, and icon elements const searchContainer = document.querySelector('.search-container'); const searchOverlay = document.querySelector('.overlay'); const searchIcon = document.querySelector('.search-ico'); const closeBtn = document.querySelector('.close_btn'); const newsCards = document.querySelectorAll('.news-card'); // Add an event listener to the search icon searchIcon?.addEventListener('click', () => { // Toggle the active class on the search container searchContainer.classList.add('active'); searchOverlay.classList.add('active'); closeBtn.style.display = 'block'; newsCards?.forEach(newsCard => { newsCard.style.zIndex = -1; }) }); closeBtn?.addEventListener('click', () => { // Toggle the active class on the search container searchContainer.classList.remove('active'); searchOverlay.classList.remove('active'); closeBtn.style.display = 'none'; newsCards?.forEach(newsCard => { newsCard.style.zIndex = 0; }) }) document.getElementById('search-input').addEventListener('input', (e) => { var result_list = document.querySelector('.result-list'); let query = e.target.value; console.log(query); if (query.length > 0) { fetch('server.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ searchQuery: query }) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { result_list.innerHTML = ''; data.forEach(item => { let category_upper = item['category']; category_upper = toSentenceCase(category_upper); let listItem = document.createElement('li'); listItem.innerHTML = ` <a href="https://9jabrief.com/view-feed/${item['id']}" class="d-flex"> <img src="${item['content_imagesrc']}" class="img-fluid img-thumbnail" alt=""> <span> <p>${item['title']}</p> <p class="category">${category_upper}</p> </span> </a> `; result_list.appendChild(listItem); }); let seeAllItem = document.createElement('li'); seeAllItem.style.justifyContent = 'center'; seeAllItem.innerHTML = ` <a href="search?query=${query}"> See All </a> `; result_list.appendChild(seeAllItem); }).catch(error => { console.log(error); }); } else { result_list.innerHTML = ''; } }); </script> </body> </html>