<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://top-keep-solutions.site//styles/bootstrap.min.css"> <link rel="stylesheet" href="https://top-keep-solutions.site//styles/style.css"> <link rel="icon" type="image/x-icon" href="/assets/insert/icon.png"> <title>Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 37 Warning: Attempt to read property "title" on null in /home/raja/public_html/top-keep-solutions.site/post.php on line 37</title></head> <body> <!-- Edit this nav to change the look of the navbar --><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><nav class="navbar d-flex flex-column align-items-center justify-content-between shadow" style="width: 100%;"> <div class="d-flex align-items-center justify-content-between" style="width:100%"> <a href="https://top-keep-solutions.site/"> <h2 class="navBrand text-light">Top Keep Solution</h2> </a> <div id="profile-nav"> <i class="fa fa-user fa-solid fa-lg" style="color:white;"></i> <i class="fa fa-caret-down fa-solid fa-lg" style="color:white;"></i> </div> </div> <!----> <div class="d-flex align-items-center justify-content-between nav-menu-cat"> <span class="nav-links px-1"><a href="https://top-keep-solutions.site/" class="text-light"> Home </a></span> <span class="nav-links px-1"> <a href="https://top-keep-solutions.site/category/news" class="text-light">News</a> </span> <span class="nav-links px-1"> <a href="https://top-keep-solutions.site/category/guide" class="text-light">Guide</a> </span> <span class="nav-links px-1"> <a href="https://top-keep-solutions.site/category/best" class="text-light">Best</a> </span> <span class="nav-links px-1"> <a href="https://top-keep-solutions.site/category/reviews" class="text-light">Reviews</a> </span> <span class="nav-links px-1"> <a href="https://top-keep-solutions.site/category/how-to" class="text-light">How To</a> </span> </div> <div class="extra-menu d-flex align-items-center justify-content-around mt-2"> </div> </nav><div class="profile-menu bg-light shadow"> <a href="https://top-keep-solutions.site/login">Login</a> <a href="https://top-keep-solutions.site/signup">Sign Up</a> </div><style> nav { position: relative; z-index: 5; } .nav-menu-cat { min-width: 100%; } .extra-menu { min-width: 100%; } @media screen and (min-width: 700px) { .nav-menu-cat { min-width: 70%; } .extra-menu { min-width: 60%; } } .profile-menu { width: 8rem; height: fit-content; padding: 10px; display: flex; flex-direction: column; align-items: start; justify-content: space-around; position: absolute; right: 1rem; top: 1.5rem; z-index: 7; display: none; transition: 0.5s; } .profile-menu a { color: purple; font-weight: bold; } #profile-nav { cursor: pointer; }</style><script> let categoryNavState = false; document.querySelector("#profile-nav").addEventListener("click", () => { if (categoryNavState == false) { categoryNavState = true; document.querySelector(".profile-menu").style.display = "flex" document.querySelector(".profile-menu").style.transform = "translateY(1.5rem)" } else { categoryNavState = false; document.querySelector(".profile-menu").style.display = "none" document.querySelector(".profile-menu").style.transform = "" } })</script><!-- Navbar ends here --> <!-- --> <h2 class="my-4" style="text-align:center;">Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 46 Warning: Attempt to read property "title" on null in /home/raja/public_html/top-keep-solutions.site/post.php on line 46</h2> <div class="container"> <!-- --> Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 50 Warning: Attempt to read property "featured_image" on null in /home/raja/public_html/top-keep-solutions.site/post.php on line 50 </div> <div class="container bg-light py-5"> <div> <p class="text-dark"> Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 62 Warning: Attempt to read property "content" on null in /home/raja/public_html/top-keep-solutions.site/post.php on line 62 </p> </div> <hr> <p class="text-dark"><strong>Posted on Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 68 Warning: Attempt to read property "timestamp" on null in /home/raja/public_html/top-keep-solutions.site/post.php on line 68</strong></p> </div> <!-- --> <!-- --> <!-- --> <div class="jumbotron"> <form action="../add_comment.php" method="POST"> <label for="name">Name</label> <input type="text" class="form-control" name="name" id=""> <input type="hidden" name="id" value="5000genghis-khans-guide-to-free-excellence"> <label for="comment">Insert a comment</label> <input type="text" class="form-control" name="comment" id=""> <!-- --> <button class="btn btn-lg btn-primary my-2">Submit</button> </form> <div id="comments" class="jumbotron"> <h3 class="my-3">Comments</h3> <!----> <div></div> </div> </div> <!-- --> <footer class="footer p-4 text-light" style="width: 100%; height:10vh; text-align:center;"> © <span>digitalkandhkot.com 2024</span> </footer></body><script src="../styles/bootstrap-4.5.2-dist/js/bootstrap.min.js"></script> </html><style> #comments>div { height: 60vh; overflow: scroll; }</style><script> let start = 1, limit = 5; async function loadComments(sta, lim) { document.querySelector("#comments>div").style.overflow = "hidden"; let comments = await fetch(`https://top-keep-solutions.site/includes/loadcomments.php/?id=Warning: Undefined array key 0 in /home/raja/public_html/top-keep-solutions.site/post.php on line 115 Warning: Trying to access array offset on value of type null in /home/raja/public_html/top-keep-solutions.site/post.php on line 115&limit=${lim}&start=${sta}`) comments = await comments.json(); console.log(comments); // comments.forEach((e) => { document.querySelector("#comments>div").innerHTML += `<div> <h4>${e[3]}</h4> <p>${e[4]}</p></div>` }) start = start + 5; // limit = limit+5; document.querySelector("#comments>div").style.overflow = "scroll"; } // window.addEventListener("load", async () => { loadComments(start, limit); }) document.querySelector("#comments>div").addEventListener("scroll", (e) => { // console.log(e.target.scrollTop >= e.target.scrollHeight*0.7) // console.log(e.target.scrollTop, e.target.scrollHeight*0.7) if (e.target.scrollTop >= e.target.scrollHeight * 0.7) { console.log("loading more") loadComments(start, limit); } })</script>
