Chhay Phakkdey
ជួយអ្នកដទៃដោយចែករំលែកចំនេះដឹងរបស់អ្នក
Total Profile Visitors: 10360, Total Views: 57207
Ask question, post article, write experience get Point, learn more on Point Center
2024-05-30 09:31
Understand about GrossPay and NetPay and its different
Gross Pay refers to the total amount of money an employee earns before any deductions are taken out. It includes:
2023-11-09 02:24
គំនិតមួយនៅក្នុងការគ្រប់គ្រងដែលអ្នកគួរដឹង
2022-08-17 08:37
ដំណើរការរបស់ទូរទឹកកក (English, Video)
តើអ្នកមានឆ្ងល់ទេថាតើទូរទឹកកកមានដំណើរការយ៉ាងដូចម្តេច? អ្នកអាចស្វែងយល់តាមរយះវីដេអូនេះបាន៖
</div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2022-08-07 12:00</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/33616" class="w3-large">ទិសទាំងប្រាំបីមានឈ្មោះអ្វីខ្លះ?</a></p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>មាន៖</p> <ul> <li>ឧត្តរ (ជើង)</li> <li>ឦសាន (ជើងឆៀងកើត)</li> <li>បូព៌ (កើត)</li> <li>អាគ្នេយ៍ (កើតឆៀងត្បូង)</li> <li>ទក្សិណ (ត្បូង)</li> <li>និរតី (...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2022-02-11 03:46</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/33478" class="w3-large">រង្វាស់រង្វាល់របស់ខ្មែរ</a></p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>រង្វាស់ចំណុះ រង្វាស់ទម្ងន់ រង្វាស់សម្រាប់រាប់ផ្លែឈើ</p> <table border="1" cellpadding="1" cellspacing="1" style="width:500px"> <tbody> <tr> <...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2021-09-21 13:28</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/33317" class="w3-large">តើការជ្រើសរើសព្រះមហាក្សត្រធ្វើឡើងក្នុងរយៈពេលប៉ុន្មានថ្ងៃនឹងចូលរួមដោយអ្នកណាខ្លះ?</a></p> <p> <span class="w3-text-grey w3-small">#Tages:</span> <a href="/search?tags=%E1%9E%96%E1%9F%92%E1%9E%9A%E1%9F%87%E1%9E%98%E1%9E%A0%E1%9E%B6%E1%9E%80%E1%9F%92%E1%9E%9F%E1%9E%8F%E1%9F%92%E1%9E%9A" class="w3-round-xxlarge qna-tag w3-padding-small">ព្រះមហាក្សត្រ</a> </p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>យោងតាមរដ្ឋធម្មនុញ្ញនៃប្រទេសកម្ពុជាការជ្រើសតាំងព្រះមហាក្សត្រទៅធ្វើឡើងក្នុងរយៈពេល 7 ថ្ងៃយ៉ាងយូរដោយក្រុមប្រឹក្សារាជសម្បត្តិដែលរួមមានឥស្សរជន 9 រូប ក្នុងនោះមានប្រធានព្រ...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2020-07-24 17:30</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/31719" class="w3-large">ឈ្មោះភពក្នុងប្រព័ន្ធព្រះអាទិត្យ ជាភាសាខ្មែរ និង អង់គ្លេស</a></p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>ភពពុធ Mercury<br /> ភពសុក្រ Venus<br /> ភពផែនដី Earth<br /> ភពអង្គារ Mars<br /> ភពព្រហស្បតិ៍ Jupiter<br /> ភពសៅរិ៍ Saturn<br /> ភពណិបទូន Neptune<br /> ភពព្លូ...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2020-02-24 16:29</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/29622" class="w3-large">Khmer font download ទាញយកពុម្ពអក្សរខ្មែរតាមវេបសាយនេះ</a></p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>អក្សរខ្មែរមានប្រភេទលីមូន (limon) និង យូនីកូដ (Unicode). នៅពេលយើងបញ្ចូលអក្សររឺ មើលអក្សរនៅក្នុងកម្មវិធី Microsoft Word ពេលខ្លះយើងឃើញអក្សរជ្រុងៗដោយសារកុំព្យូទ័រមិនទាន់...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2019-12-12 17:31</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/27462" class="w3-large">ឈ្មោះនិងរាជធានីរបស់ប្រទេសក្នុងពិភពលោកជាភាសាអង់គ្លេស Name of Country and Capital in the world </a></p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>ឈ្មោះតាមលំដាប់អក្សរអង់គ្លេសរបស់ប្រទេសនិងរដ្ឋធានី កុ្នុងពិភពលោក (មិនរួមបញ្ចូលតៃវ៉ាន់) ៖</p> <ol> <li>Afghanistan: Kabul</li> <li>Albania: Tirana</li> <li>Al...</div> </div> </div> </div> </div> <hr/> <div class="w3-row w3-margin-top"> <div class="w3-col s3"> <p class="date-margin-top"><span class=" profile-item-date w3-text-grey">2018-03-05 21:58</span></p> </div> <div class="w3-col s9"> <p><a href="/qna/2820" class="w3-large">ឈ្មោះខេត្តនិងក្រុងខ្មែរជាភាសាចិន Cambodia provinces' name as Chinese</a></p> <p> <span class="w3-text-grey w3-small">#Tages:</span> <a href="/search?tags=%E1%9E%81%E1%9F%81%E1%9E%8F%E1%9F%92%E1%9E%8F%E1%9E%81%E1%9F%92%E1%9E%98%E1%9F%82%E1%9E%9A%E1%9E%87%E1%9E%B6%E1%9E%97%E1%9E%B6%E1%9E%9F%E1%9E%B6%E1%9E%85%E1%9E%B7%E1%9E%93" class="w3-round-xxlarge qna-tag w3-padding-small">ខេត្តខ្មែរជាភាសាចិន</a> </p> <div class="w3-row"> <div class="answer-content"> <div class="w3-text-dark-grey" style="max-height:320px;overflow-y:hidden;"><p>卜迭棉芷省（Banteay Meanchey）បន្ទាយមានជ័យ<br /> 马德望省（Battambang）បាត់ដំបង<br /> 磅针省(Kampong Cham) កំពង់ចាម<br /> 磅清杨省(Kampong Chhang)កំពង់ឆ្នាំង<br /> 实居省（Kampong Speu...</div> </div> </div> </div> </div> <hr/> </div> </div> <!-- End of Description part --> <!-- End of ARTICLE --> <!-- EXPERIENCE --> <!-- End of EXPERIENCE --> <!-- SCHOLARSHIP --> <!-- End of SCHOLARSHIP --> <!-- End of Description part --> <div class="w3-container"> <!-- Pagination --> <div class=" w3-white"> <div> <div class="w3-bar"> <a href="https://khsearch.com/profile/phakkdey?page=1&view=ARTICLE" class="w3-button w3-hover-blue">First</a> <a href="https://khsearch.com/profile/phakkdey?page=1&view=ARTICLE" class="w3-button w3-hover-blue w3-blue">1</a><a href="https://khsearch.com/profile/phakkdey?page=2&view=ARTICLE" class="w3-button w3-hover-blue ">2</a> <a href="https://khsearch.com/profile/phakkdey?page=2&view=ARTICLE" class="w3-button w3-hover-blue">»</a> <a href="https://khsearch.com/profile/phakkdey?page=2&view=ARTICLE" class="w3-button w3-hover-blue">Last</a> </div> </div> </div> </div> </div> <!-- Right Column --> <div class="col-md-3" style="padding-left:7px;padding-right:7px;"> <!-- About user --> <div class="w3-margin-bottom"> <div class="w3-row w3-white w3-padding"> <span class=" w3-text-grey ">About Chhay Phakkdey</span> </div> <div class="w3-row w3-white khsearch-border"> <div class="w3-padding w3-medium w3-text-grey"> <p><i class="fa fa-tags" aria-hidden="true"></i> Question: <span>18</span></p> <p><i class="fa fa-tags" aria-hidden="true"></i> Article: <span>11</span></p> </div> </div> </div> <!-- End of About user --> <!-- Interested in --> <!-- End of Interested in --> <div> <!-- <div th:replace="fragments/blog/page_other :: blog-panel-user"></div> --> <div class="khsearch-border w3-white w3-margin-bottom w3-padding-16 transparent-bg"> <a class="w3-padding w3-small" href="/view/aboutus">About Us</a><a class="w3-padding w3-small" href="/view/contactus">Contact Us</a><a class="w3-padding w3-small" href="">KhSearch</a> <a class="w3-padding w3-small" href="/advertisement">Advertisement</a> <a class="w3-padding w3-small" href="/book-publisher-contact">Book Author entry</a> </div> <br/> <!-- <div th:replace="fragments/blog/page_other :: blog-panel-recommend-post"></div> --> </div> </div> <!-- End Right Column --> <!-- End Grid --> </div> <!-- End Page Container --> </div> <!-- END CONTAINER --> <!-- Open button for mobile view --> <!-- End of Open button for mobile view --> <!-- BEGIN FOOTER --> <div> <!-- Modal for full size images on click--> <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> <span class="w3-button w3-xxlarge w3-black w3-padding-large w3-display-topright" title="Close Modal Image">×</span> <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64"> <img id="img01" class="w3-image lazy" /> <p id="caption" class="w3-opacity w3-large"></p> </div> </div> <!-- Modal Post --> <div id="post-modal" class="w3-modal w3-animate-opacity"> <div class="w3-modal-content w3-round w3-card-4"> <header class="w3-container"> <span onclick="document.getElementById('post-modal').style.display='none'" class="w3-button w3-large w3-display-topright">×</span> </header> <div> <div class="w3-row khsearch-border-bottom "> <div class="w3-container"> <div id="post-menu-tab-question" class=" tablink w3-hover-light-grey post-menu post-menu-bottombar w3-center"> <a href="javascript:void(0)" class="post-menu-tab w3-center" onclick="openPostModal(event, 'post-question','post-menu-tab-question');"> <span>Ask Question</span> </a> </div> <div id="post-menu-tab-article" class=" tablink w3-hover-light-grey w3-padding post-menu w3-center"> <a href="javascript:void(0)" class="post-menu-tab w3-center" onclick="openPostModal(event, 'post-article','post-menu-tab-article');"> <span>Post Article</span> </a> </div> <div id="post-menu-tab-experience" class=" tablink w3-hover-light-grey w3-padding post-menu w3-center"> <a href="javascript:void(0)" class="post-menu-tab w3-center" onclick="openPostModal(event, 'post-experience','post-menu-tab-experience');"> <span>Write Experience</span> </a> </div> <div id="post-menu-tab-waiting" class=" tablink w3-hover-light-grey w3-padding post-menu w3-center"> <a href="javascript:void(0)" class="post-menu-tab w3-center" onclick="openPostModal(event, 'post-waiting','post-menu-tab-waiting');"> <span>Waiting answers</span> </a> </div> </div> </div> <form id="question-form-anywhere" class="" action="/qna/askfromanywhere" method="POST" ><input type="hidden" name="_csrf" value="b73e6ea0-4ece-4aca-a6b6-16b29a793d87"/> <div id="post-question" class="w3-row post-menu-content" style="display:block;"> <div class="w3-row w3-padding-large w3-margin-top"> <div class="w3-row"> <p>Tips to earn more points: </p> <ul> <li>Get 2 point for each question.</li> <li>Learn more how to earn point quickly with Point Center</li> </ul> </div> </div> <div class="w3-row w3-padding-large khsearch-border-top w3-margin-top"> <p class="w3-right w3-margin-top"> <button onclick="document.getElementById('post-modal').style.display='none'" class="w3-btn w3-round w3-light-grey" type="reset">Cancel</button> <a class="w3-btn w3-round w3-blue" href="/login?from=/qna/ask">Login</a> </p> </div> </div> </form> <div id="post-article" class="w3-row post-menu-content" style="display:none"> <div class="w3-row w3-padding-large w3-margin-top"> <div class="w3-row"> <p>Tips for posting article: </p> <ul> <li>Get 10 point for each question.</li> <li>Learn more how to earn point quickly with Point Center</li> </ul> </div> </div> <div class="w3-row w3-padding-large khsearch-border-top w3-margin-top"> <p class="w3-right w3-margin-top"> <button onclick="document.getElementById('post-modal').style.display='none'" class="w3-btn w3-round w3-light-grey">Cancel</button> <a class="w3-btn w3-round w3-blue" href="/login?from=qna/ask?type%3Darticle">Login</a> </p> </div> </div> <div id="post-experience" class="w3-row post-menu-content" style="display:none"> <div class="w3-row w3-padding-large w3-margin-top"> <div class="w3-row"> <p>Tips for posting experience: </p> <ul> <li>Get 10 point for each question.</li> <li>Learn more how to earn point quickly with Point Center</li> </ul> </div> </div> <div class="w3-row w3-padding-large khsearch-border-top w3-margin-top"> <p class="w3-right w3-margin-top"> <button onclick="document.getElementById('post-modal').style.display='none'" class="w3-btn w3-round w3-light-grey">Cancel</button> <a class="w3-btn w3-round w3-blue" href="/login?from=/experience/post">Login</a> </p> </div> </div> <div id="post-waiting" class="w3-row post-menu-content" style="display:none"> <div class="w3-row w3-padding-large w3-margin-top"> <div class="w3-row"> <p>There are many questions waiting your answers: </p> <ul> <li>You'll get point for your answer.</li> <li>Thank you for helping.</li> </ul> </div> </div> <div class="w3-row w3-padding-large khsearch-border-top w3-margin-top"> <p class="w3-right w3-margin-top"> <button onclick="document.getElementById('post-modal').style.display='none'" class="w3-btn w3-round w3-light-grey" type="reset">Cancel</button> <a class="w3-btn w3-round w3-blue" href="/login?from=/scholarship/post">Login</a> </p> </div> </div> </div> </div> </div> <!-- End of Modal Post --> <div id="modal-login" class="w3-modal"> <div class="w3-modal-content w3-animate-top w3-card-4" style="max-width:350px;"> <header class="w3-container w3-center"> <span onclick="document.getElementById('modal-login').style.display='none'" class="w3-button w3-display-topright">×</span> <h2>Login</h2> </header> <div class="w3-container"> <form id="form-login" action="/api/login" class="w3-container" method="POST"> <label>Username</label> <input name="username" class="w3-input w3-border" type="text" /> <label>Password</label> <input name="password" class="w3-input w3-border" type="password" /> <br /> <p class="w3-center"> <button class="w3-btn w3-blue" id="form-login-submit" type="submit">Login</button> <a class="w3-btn w3-blue" onclick="/register">Register</a> </p> </form> </div> <footer class="w3-container"> <p></p> </footer> </div> </div> <div id="modal-register" class="w3-modal"> <div class="w3-modal-content w3-animate-top w3-card-4" style="max-width:350px;"> <header class="w3-container w3-center"> <span onclick="document.getElementById('modal-register').style.display='none'" class="w3-button w3-display-topright">×</span> <h2>Register</h2> </header> <div class="w3-container"> <form id="form-register" action="/api/register" class="w3-container" method="POST"><input type="hidden" name="_csrf" value="b73e6ea0-4ece-4aca-a6b6-16b29a793d87"/> <label>Username</label> <input name="username" class="w3-input w3-border" type="text" /> <label>Password</label> <input name="password" class="w3-input w3-border" type="password" /> <br /> <p class="w3-center"> <a class="w3-btn w3-blue" onclick="/register">Register</a> <button class="w3-btn w3-blue" type="submit">Login</button> </p> </form> </div> <footer class="w3-container"> <p></p> </footer> </div> </div> <div id="login-msg" class="w3-modal"> <div class="w3-modal-content w3-animate-zoom w3-card-4" style="max-width:380px;"> <header class="w3-container w3-white"> <span onclick="document.getElementById('login-msg').style.display='none'" class="w3-button w3-display-topright">×</span> <h2>One more step</h2> </header> <div class="w3-container"> <p>Please login to share your idea</p> <p class="w3-center"> <a class="w3-btn w3-blue" href="/register">Register</a> <a class="w3-btn w3-blue" href="/login">Login</a> </p> </div> <footer class="w3-container w3-white"> <p></p> </footer> </div> </div> <br /> <!-- Footer --> <footer class="w3-hide w3-container w3-green w3-padding-32 w3-margin-top w3-center"> <p>Power by KhSearch.com</p> <p>Current URL: /profile/phakkdey</p> </footer> </div> <!-- BEGIN CORE PLUGINS --> <script src="/js/jquery-3.2.1.min.js"></script> <!-- <script th:if="${device.isMobile() || device.isTablet()}" src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> --> <!-- END CORE PLUGINS --> <script src="/js/jquery.form.min.js"></script> <script src="/js/jquery.lazyload.js"></script> <!-- Modal Post Script --> <script type="text/javascript"> /*<![CDATA[*/ function openPostModal(evt, tabContent, tabMenuId) { var i, x, tablinks; x = document.getElementsByClassName("post-menu-content"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < x.length; i++) { tablinks[i].className = tablinks[i].className.replace(" post-menu-bottombar", ""); tablinks[i].className = tablinks[i].className.replace(" w3-light-grey", ""); } document.getElementById(tabContent).style.display = "block"; //evt.currentTarget.firstElementChild.className += " post-menu-bottombar"; document.getElementById(tabMenuId).className += " post-menu-bottombar w3-light-grey"; } $(document).ready(function () { $('textarea').on('change keyup paste',function(){ if(this.value.length > 300){ return false; } $("#post-question-remaining").html((300 - this.value.length) + "/300"); }); $("img.lazy").lazyload(); }); /*]]>*/ </script> <!-- End of Modal Post Script --> <script type="text/javascript"> /*<![CDATA[*/ function alertMsg(msg){ alert("msg: "+ msg); } function btnUpdateInteract(id,callback){ var data = $("#" + id).attr("data-data"); $.ajax({ url : "/ajax/updateInteract?data=" + data, success : function(result) { //alert("success result:" + result); var obj = JSON.parse(result); if (obj.result == "success") { if(obj.num == 1){ $("#" + id).addClass(" w3-blue w3-border-blue w3-text-white "); $("#check-" + id).show(); }else{ $("#" + id).removeClass(" w3-blue w3-border-blue w3-text-white "); $("#check-" + id).hide(); } callback(data,obj); } else { if (obj.error == "login") { //document.getElementById('modal-login').style.display='block'; document.getElementById('login-msg').style.display = 'block'; } } }, error : function(error) { alert("error result:" + result); } }); } //itemtype-itemid-recordtype function updateInteract(id, callback){ var el = $("#" + id); var data = el.attr("data-data"); var type = el.attr("data-type"); var likeclass = el.attr("data-like"); var dislikeclass = el.attr("data-dislike"); var interactText = el.attr("data-interact-text"); $.ajax({ url : "/ajax/updateInteract?data=" + data, success : function(result) { //alert("success result:" + result); var obj = JSON.parse(result); if (obj.result == "success") { callback(obj,data,type,likeclass,dislikeclass,interactText); } else { if (obj.error == "login") { //document.getElementById('modal-login').style.display='block'; document.getElementById('login-msg').style.display = 'block'; } } }, error : function(error) { alert("error result:" + result); } }); } function interactCallback(obj,data,type,likeclass,dislikeclass,interactText){ var likenum = Number($("#num-" + type + data).attr("data-likenum")); //alert("likenum: " + likenum); if (obj.num == 1) { $('.' + type + data).removeClass(likeclass +" " + dislikeclass).addClass(likeclass); $('#link' + type + data).removeClass("w3-text-gray" +" ").addClass("w3-text-blue"); likenum++; } else{ $('.' + type + data).removeClass(likeclass +" " + dislikeclass).addClass(dislikeclass); $('#link' + type + data).removeClass("w3-text-blue" +" ").addClass("w3-text-gray"); likenum--; } $("#num-" + type + data).attr("data-likenum", likenum); if(interactText != "-1"){ $("#num-"+ type + data).text(likenum + " " + interactText); } } //update interaction function updateInteraction(data){ alert("need to update"); //alert(like + ","+id+","+type); $.ajax({ url : "/api/user/interact?data=" + data, success : function(result) { //alert("success result:" + result); var obj = JSON.parse(result); if (obj.result == "success") { //alert("success"); $("#likenum" + id).text(obj.likenum); if (obj.likeit == true) { $('.likeid' + id) .removeClass( "fa fa-thumbs-up fa-thumbs-o-up hover-zoom") .addClass("fa fa-thumbs-up"); } else if (obj.likeit == false) { $('.likeid' + id) .removeClass( "fa fa-thumbs-up fa-thumbs-o-up") .addClass("fa fa-thumbs-o-up"); } } else { if (obj.error == "login") { //document.getElementById('modal-login').style.display='block'; document.getElementById('login-msg').style.display = 'block'; } } }, error : function(error) { alert("error result:" + result); } }); } // Modal Image Gallery /* function onClick(element) { document.getElementById("img01").src = element.src; document.getElementById("modal01").style.display = "block"; var captionText = document.getElementById("caption"); captionText.innerHTML = element.alt; } */ // Toggle between showing and hiding the sidebar when clicking the menu icon var mySidebar = document.getElementById("mySidebar"); function w3_open() { if (mySidebar.style.display === 'block') { mySidebar.style.display = 'none'; } else { mySidebar.style.display = 'block'; } } // Close the sidebar with the close button function w3_close() { mySidebar.style.display = "none"; } function updatelike(like, id, type) { //alert(like + ","+id+","+type); alert("need to update"); $ .ajax({ url : "/api/user/updatelike?like=" + like + "&id=" + id + "&type=" + type, success : function(result) { //alert("success result:" + result); var obj = JSON.parse(result); if (obj.result == "success") { //alert("success"); $("#likenum" + id).text(obj.likenum); if (obj.likeit == true) { $('.likeid' + id) .removeClass( "fa fa-thumbs-up fa-thumbs-o-up hover-zoom") .addClass("fa fa-thumbs-up"); } else if (obj.likeit == false) { $('.likeid' + id) .removeClass( "fa fa-thumbs-up fa-thumbs-o-up") .addClass("fa fa-thumbs-o-up"); } } else { if (obj.error == "login") { //document.getElementById('modal-login').style.display='block'; document.getElementById('login-msg').style.display = 'block'; } } }, error : function(error) { alert("error result:" + result); } }); } function showAndHide(id1,id2){ $("#" + id1).css("display", "block"); $("#" + id2).css("display", "none"); } /*]]>*/ </script> <script> $(document).ready(function () { $("#search-input").on('keyup oncut onpaste oncopy', function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` $("#search-result-box").remove(); return ; } doSearch(); }); $("#search-input").bind('copy', function() { doSearch(); }); $("#search-input").bind('paste', function() { doSearch(); }); $("#search-input").bind('cut', function() { doSearch(); }); }); function doSearch(){ var s_input = $("#search-input"); var q = s_input.val(); var si_val = s_input.val(); var si_width = s_input.outerWidth(); var si_height = s_input.outerHeight(); var si_top = s_input.offset().top; var si_left = s_input.offset().left; //var box_top = si_top + si_height+5; var box_top = si_height+25; var box_width = si_width; var box_left = si_left; //console.log("box_top:" + box_top + ", si_height: " + si_height + ", si_top:" + si_top); //alert("width="+ si_width + ", height="+ si_height + ", top=" + si_top + ", left=" + si_left); if(q !=''){ $.get( "/api/search?q=" + q, function( data ) { //$( ".result" ).html( data ); //alert( "Load was performed." + data); //var obj = JSON.parse(data); //alert(si_val); $("#search-result-box").remove(); var sr = $('<ul id="search-result-box" class="w3-ul w3-border w3-white w3-card" style="width:'+box_width+'px;top:'+box_top+'px;left:'+box_left+'px;position:fixed;z-index: 100;"></ul>'); $.each(data, function(key,value) { //console.log("id="+value.url + ",title="+value.title); //sr.append('<li><a href="'+value.url+'">'+value.title+'</a></li>'); if(value.type=="user"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | profile</span></a></li>'); }else if(value.type=="question"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | Question</span></a></li>'); }else if(value.type=="blog"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | Article</span></a></li>'); }else if(value.type=="experience"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | Experience</span></a></li>'); }else if(value.type=="book"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | Book</span></a></li>'); }else if(value.type=="schoolregister"){ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+ value.title+'</span><span class="w3-text-grey"> | Scholarship</span></a></li>'); }else{ sr.append('<li><a href="'+value.url+'"><span style="font-weight: bold;"> '+value.title+'</span></a></li>'); } }); //alert(sr); $("body").append(sr); }); }else{ $("#search-result-box").remove(); } } $(document).ready(function() { //rotation speed and timer var speed = 5000; var run = setInterval(rotate, speed); var slides = $('.slide'); var container = $('#slides ul'); var elm = container.find(':first-child').prop( "tagName"); var item_width = container.width(); var previous = 'prev'; //id of previous button var next = 'next'; //id of next button slides.width(item_width); //set the slides to the correct pixel width container.parent().width(item_width); container.width(slides.length * item_width); //set the slides container to the correct total width container.find(elm + ':first').before( container.find(elm + ':last')); resetSlides(); //if user clicked on prev button $('#buttons a').click(function(e) { //slide the item if (container .is(':animated')) { return false; } if (e.target.id == previous) { container .stop() .animate( { 'left' : 0 }, 1500, function() { container .find( elm + ':first') .before( container .find(elm + ':last')); resetSlides(); }); } if (e.target.id == next) { container .stop() .animate( { 'left' : item_width * -2 }, 1000, function() { container .find( elm + ':last') .after( container .find(elm + ':first')); resetSlides(); }); } //cancel the link behavior return false; }); //if mouse hover, pause the auto rotation, otherwise rotate it container.parent().mouseenter(function() { clearInterval(run); }).mouseleave(function() { run = setInterval(rotate, speed); }); function resetSlides() { //and adjust the container so current is in the frame container.css({ 'left' : -1 * item_width }); } }); //a simple function to click next link //a timer will call this function, and the rotation will begin function rotate() { $('#next').click(); } </script> <!-- Popup --> <!-- <div sec:authorize="!isAuthenticated()"> </div> --> <div id="popup-modal" class="w3-modal"> <div class="w3-modal-content"> <div class="w3-container"> <span onclick="document.getElementById('popup-modal').style.display='none'" class="w3-button w3-display-topright w3-red">× បិទ</span> <div class="w3-row"><h2 style="text-align:center"><strong>khsearch.com</strong></h2> <p style="text-align:center">ទាញយកកម្មវិធីថ្មីរបស់</p> <p style="text-align:center"> <a class="w3-button w3-blue" href="https://play.google.com/store/apps/details?id=com.khsearch.app2">Android Version</a> </p> <p style="text-align:center"> <a class="w3-button w3-blue" href="https://apps.apple.com/kh/app/khsearch-app/id6466132346">iOS Version</a> <br /> <img alt="" src="https://www.facebook.com/114172106600806/photos/a.576495207035158/576495167035162/?__cft__[0]=AZW697_SyY64pW9xxI8Kec_TC1J5BMcWI2zMbMJhgJnt79xSTW3mGK9qeNZdrpvhIaORVTu9TJgPhu5Myml5hsQKTuK-jYzWuZdwRhzmar32YUCDjPYE6snE7ehB2VmrPChMawdYBAsC8jZWtBn9JjUseInQk-Z1fsZ5CP8_JQVdCw&__tn__=EH-R" /><img alt="" src="https://www.facebook.com/114172106600806/photos/a.576495207035158/576495167035162/?__cft__[0]=AZW697_SyY64pW9xxI8Kec_TC1J5BMcWI2zMbMJhgJnt79xSTW3mGK9qeNZdrpvhIaORVTu9TJgPhu5Myml5hsQKTuK-jYzWuZdwRhzmar32YUCDjPYE6snE7ehB2VmrPChMawdYBAsC8jZWtBn9JjUseInQk-Z1fsZ5CP8_JQVdCw&__tn__=EH-R" /></p> </div> </div> </div> </div> <script> $(document).ready(function(){ document.getElementById('popup-modal').style.display='block'; }); </script> <!-- End Popup --> <!-- BEGIN PAGE LEVEL PLUGINS --> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.4.0/croppie.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.4.0/croppie.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> <link rel="Stylesheet" type="text/css" href="/css/myprofile.css" /> <script src="/js/myprofile.js"></script> <script type="text/javascript" th:src="@{/js/jquery.resizeImage.min.js}"></script> --> <script> $(document).ready(function() { $(".mobile-bottom-bar").removeClass("mobile-bottom-bar-active"); $(".mobile-bottom-bar-profile").addClass("mobile-bottom-bar-active"); }); </script> <!-- END PAGE LEVEL PLUGINS --> </body> </html>
