{"id":57034,"date":"2026-01-27T15:35:39","date_gmt":"2026-01-27T07:35:39","guid":{"rendered":"https:\/\/www.ukm.my\/fep2\/?p=57034"},"modified":"2026-03-12T12:57:34","modified_gmt":"2026-03-12T04:57:34","slug":"lol","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/fep2\/lol\/","title":{"rendered":"Surat Hasrat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"57034\" class=\"elementor elementor-57034\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e60035 e-con-full e-flex e-con e-parent\" data-id=\"9e60035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-55abdeb e-con-full e-flex e-con e-child\" data-id=\"55abdeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02d97a7 e-con-full e-flex e-con e-child\" data-id=\"02d97a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3afdaaf elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"3afdaaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"640\" src=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-scaled.png\" class=\"attachment-full size-full wp-image-57313\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-scaled.png 2560w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-300x75.png 300w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-1024x256.png 1024w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-768x192.png 768w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-1536x384.png 1536w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Untitled-6-x-2-in-12-2048x512.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89d7369 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"89d7369\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;lightSpeedIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">KERJASAMA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7738655 e-flex e-con-boxed e-con e-parent\" data-id=\"7738655\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6f58061 e-con-full e-flex e-con e-child\" data-id=\"6f58061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8ed53de e-grid e-con-boxed e-con e-child\" data-id=\"8ed53de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5682f58 elementor-widget elementor-widget-image\" data-id=\"5682f58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.ukm.my\/fep2\/kerjasama\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1-300x212.png\" class=\"attachment-medium size-medium wp-image-57293\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1-300x212.png 300w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1-1024x724.png 1024w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1-768x543.png 768w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1-1536x1086.png 1536w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc9a8c9 elementor-widget elementor-widget-image\" data-id=\"fc9a8c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.ukm.my\/fep2\/moa\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2-300x212.png\" class=\"elementor-animation-grow attachment-medium size-medium wp-image-56999\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2-300x212.png 300w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2-1024x724.png 1024w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2-768x543.png 768w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2-1536x1086.png 1536w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/1-2.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45c120c elementor-widget elementor-widget-image\" data-id=\"45c120c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.ukm.my\/fep2\/lol\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-300x212.png\" class=\"elementor-animation-grow attachment-medium size-medium wp-image-57123\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-300x212.png 300w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1024x724.png 1024w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-768x543.png 768w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading-1536x1086.png 1536w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/Add-a-heading.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-722cf3b elementor-widget elementor-widget-image\" data-id=\"722cf3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.ukm.my\/fep2\/miicema\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3-300x212.png\" class=\"elementor-animation-grow attachment-medium size-medium wp-image-57001\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3-300x212.png 300w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3-1024x724.png 1024w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3-768x543.png 768w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3-1536x1086.png 1536w, https:\/\/www.ukm.my\/fep2\/wp-content\/uploads\/2026\/01\/3-3.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc6016 elementor-widget elementor-widget-text-editor\" data-id=\"0fc6016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t&nbsp;\n\n<style>\n  body { font-family: Arial, sans-serif; font-size: 13px; }<br \/>\n  .topbar { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }<br \/>\n  input[type=\"text\"] { padding: 6px; width: 360px; }<br \/>\n  button { padding: 6px 10px; border: 1px solid #aaa; background: #f5f5f5; cursor: pointer; }<\/p>\n<p>  table { width: 100%; border-collapse: collapse; }<br \/>\n  th, td { border: 1px solid #cfcfcf; padding: 6px 8px; vertical-align: top; }<br \/>\n  th { background: #f2f2f2; text-align: center; }<br \/>\n  td:first-child { text-align: center; width: 40px; }<\/p>\n<p>  .meta { color: #444; margin: 6px 0 10px; font-size: 12px; }<\/p>\n<p>  .pagination {<br \/>\n    margin-top: 10px;<br \/>\n    display: flex;<br \/>\n    gap: 6px;<br \/>\n    justify-content: center;<br \/>\n    flex-wrap: wrap;<br \/>\n    align-items: center;<br \/>\n  }<br \/>\n  .pagination button.active { background: #d0d0d0; font-weight: bold; }<br \/>\n  .pagination button:disabled { cursor: not-allowed; opacity: 0.55; }<br \/>\n<\/style>\n\n&nbsp;\n<h3>Senarai Surat Hasrat (LOI)<\/h3>\n<div class=\"topbar\"><input id=\"searchInput\" type=\"text\" placeholder=\"Carian organisasi \/ negara \/ jenis \/ tarikh...\" \/>\n<button type=\"button\">Reset<\/button><\/div>\n<div id=\"metaInfo\" class=\"meta\"><\/div>\n<table>\n<thead>\n<tr>\n<th>BIL<\/th>\n<th>NAMA ORGANISASI<\/th>\n<th>JENIS ORGANISASI (UNIVERSITI\/INDUSTRI)<\/th>\n<th>NEGARA<\/th>\n<th>TARIKH MULA<\/th>\n<th>TARIKH TAMAT<\/th>\n<\/tr>\n<\/thead>\n<tbody id=\"tableBody\"><\/tbody>\n<\/table>\n<div id=\"pagination\" class=\"pagination\"><\/div>\n<script>\n  \/\/ Kau boleh kekalkan 15 supaya konsisten dengan jadual lain.\n  \/\/ Untuk data 9 rekod, semua akan duduk dalam 1 page sahaja.\n  const rowsPerPage = 15;\n  let currentPage = 1;\n\n  const data = [\n    {bil:1, nama:\"Surat Hasrat untuk bekerjasama antara UKM & Youth Trust Foundation (myHarapan)\", jenis:\"Industri\", negara:\"Malaysia\", tarikh_mula:\"08\/17\/2018\", tarikh_tamat:\"\"},\n    {bil:2, nama:\"LoI between UKM and Ajou University, Republic of Korea\", jenis:\"Universiti\", negara:\"Korea Selatan\", tarikh_mula:\"02\/02\/2007\", tarikh_tamat:\"\"},\n    {bil:3, nama:\"Surat Hasrat antara UKM dan Sekolah Tinggi Agama Islam Negeri (STAIN), Surakarta, Indonesia\", jenis:\"Universiti\", negara:\"Indonesia\", tarikh_mula:\"06\/25\/2007\", tarikh_tamat:\"\"},\n    {bil:4, nama:\"LoI between UKM and College of International Cultural Exchange, Hebei Normal University (HNU), China\", jenis:\"Universiti\", negara:\"China\", tarikh_mula:\"04\/09\/2009\", tarikh_tamat:\"\"},\n    {bil:5, nama:\"LoI between UKM and China Institute of Industrial Relations (CIIR)\", jenis:\"Universiti\", negara:\"China\", tarikh_mula:\"05\/22\/2009\", tarikh_tamat:\"\"},\n    {bil:6, nama:\"LoI between UKM and Universitas Sebelas Maret, Indonesia\", jenis:\"Universiti\", negara:\"Indonesia\", tarikh_mula:\"08\/09\/2010\", tarikh_tamat:\"\"},\n    {bil:7, nama:\"LoI between UKM and Pusat Pembangunan Usahawan Siswazah Malaysia (PUSMAL), Universiti Malaya\", jenis:\"Universiti\", negara:\"Malaysia\", tarikh_mula:\"08\/23\/2010\", tarikh_tamat:\"\"},\n    {bil:8, nama:\"LoI between UKM and Zhengzhou University, China\", jenis:\"Universiti\", negara:\"China\", tarikh_mula:\"01\/15\/2013\", tarikh_tamat:\"\"},\n    {bil:9, nama:\"LoI between UKM and The Institute of Chartered Accountants of Scotland, United Kingdom\", jenis:\"Industri\", negara:\"Scotland\", tarikh_mula:\"11\/09\/2018\", tarikh_tamat:\"Tiada Tempoh Masa\"}\n  ];\n\n  function getFilteredData() {\n    const q = document.getElementById(\"searchInput\").value.trim().toLowerCase();\n    if (!q) return data;\n    return data.filter(item => {\n      const blob = `${item.bil} ${item.nama} ${item.jenis} ${item.negara} ${item.tarikh_mula} ${item.tarikh_tamat}`.toLowerCase();\n      return blob.includes(q);\n    });\n  }\n\n  function render() {\n    const filtered = getFilteredData();\n    const pageCount = Math.max(1, Math.ceil(filtered.length \/ rowsPerPage));\n    if (currentPage > pageCount) currentPage = pageCount;\n\n    const start = (currentPage - 1) * rowsPerPage;\n    const pageItems = filtered.slice(start, start + rowsPerPage);\n\n    const tbody = document.getElementById(\"tableBody\");\n    tbody.innerHTML = pageItems.map(item => `\n      <\/p>\n<tr>\n        <\/p>\n<td>${item.bil}<\/td>\n<p>\n        <\/p>\n<td>${item.nama}<\/td>\n<p>\n        <\/p>\n<td>${item.jenis}<\/td>\n<p>\n        <\/p>\n<td>${item.negara}<\/td>\n<p>\n        <\/p>\n<td>${item.tarikh_mula}<\/td>\n<p>\n        <\/p>\n<td>${item.tarikh_tamat}<\/td>\n<p>\n      <\/tr>\n<p>\n    `).join(\"\");\n\n    const from = filtered.length === 0 ? 0 : start + 1;\n    const to = Math.min(start + rowsPerPage, filtered.length);\n    document.getElementById(\"metaInfo\").textContent =\n      `Paparan ${from}\u2013${to} daripada ${filtered.length} rekod | Page ${currentPage} \/ ${pageCount}`;\n\n    const pag = document.getElementById(\"pagination\");\n    pag.innerHTML = \"\";\n\n    const makeBtn = (label, onClick, disabled=false, active=false) => {\n      const b = document.createElement(\"button\");\n      b.textContent = label;\n      b.disabled = disabled;\n      if (active) b.classList.add(\"active\");\n      b.onclick = onClick;\n      return b;\n    };\n\n    pag.appendChild(makeBtn(\"First\", () => { currentPage = 1; render(); }, currentPage === 1));\n    pag.appendChild(makeBtn(\"Prev\",  () => { currentPage = Math.max(1, currentPage - 1); render(); }, currentPage === 1));\n\n    for (let i = 1; i <= pageCount; i++) { pag.appendChild(makeBtn(String(i), () => { currentPage = i; render(); }, false, i === currentPage));\n    }\n\n    pag.appendChild(makeBtn(\"Next\", () => { currentPage = Math.min(pageCount, currentPage + 1); render(); }, currentPage === pageCount));\n    pag.appendChild(makeBtn(\"Last\", () => { currentPage = pageCount; render(); }, currentPage === pageCount));\n  }\n\n  function clearSearch() {\n    document.getElementById(\"searchInput\").value = \"\";\n    currentPage = 1;\n    render();\n  }\n\n  document.getElementById(\"searchInput\").addEventListener(\"input\", () => {\n    currentPage = 1;\n    render();\n  });\n\n  render();\n<\/script>\n\n&nbsp;\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57e98e4 elementor-widget elementor-widget-spacer\" data-id=\"57e98e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KERJASAMA &nbsp; &nbsp; Senarai Surat Hasrat (LOI) Reset BIL NAMA ORGANISASI JENIS ORGANISASI (UNIVERSITI\/INDUSTRI) NEGARA TARIKH MULA TARIKH TAMAT &nbsp;<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-57034","post","type-post","status-publish","format-standard","hentry","category-uncategorized-ms"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/posts\/57034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/comments?post=57034"}],"version-history":[{"count":33,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/posts\/57034\/revisions"}],"predecessor-version":[{"id":59431,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/posts\/57034\/revisions\/59431"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/media?parent=57034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/categories?post=57034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/fep2\/wp-json\/wp\/v2\/tags?post=57034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}