{"id":707,"date":"2025-12-04T02:20:03","date_gmt":"2025-12-04T02:20:03","guid":{"rendered":"https:\/\/najicode.com\/JLM\/?page_id=707"},"modified":"2026-08-20T21:15:16","modified_gmt":"2026-08-20T13:15:16","slug":"sistem-dalam-talian","status":"publish","type":"page","link":"https:\/\/develop.marine.gov.my\/en\/sistem-dalam-talian\/","title":{"rendered":"Online System"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"707\" class=\"elementor elementor-707\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f89b12d e-flex e-con-boxed e-con e-parent\" data-id=\"f89b12d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-564bfd7 elementor-widget elementor-widget-html\" data-id=\"564bfd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/json\" id=\"jlm-breadcrumb-override\">{\"parent\":{\"title\":\"Perkhidmatan\",\"link\":\"https:\/\/develop.marine.gov.my\/perkhidmatan\/\"}}<\/script><style class=\"jlm-page-surface-fix\">body.page-id-707,body.page-id-707 #page,body.page-id-707 [data-elementor-type=\"wp-page\"]{background:#eef7ff!important}body.page-id-707 [data-elementor-type=\"wp-page\"]>.elementor-element{background-color:transparent!important}<\/style><!-- GOOGLE FONT -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n:root{\r\n  --jlm-navy:#0A2B45;\r\n  --jlm-yellow:#FFD800;\r\n}\r\n\r\n\/* Title + compass (align left) *\/\r\n#footable_parent_516 .jlm-title-wrap{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  gap:12px;\r\n  margin:0 0 12px;\r\n  font-family:'Poppins', sans-serif;\r\n}\r\n#footable_parent_516 .jlm-title{\r\n  font-size:1.6rem;\r\n  font-weight:700;\r\n  color:var(--jlm-navy);\r\n  margin:0;\r\n}\r\n\r\n\/* Compass *\/\r\n#footable_parent_516 .compass-wrapper{width:32px;height:32px;position:relative;flex-shrink:0;}\r\n#footable_parent_516 .compass-ring{\r\n  position:absolute; inset:0;\r\n  border:2px solid var(--jlm-yellow);\r\n  border-radius:50%;\r\n  animation:spin 10s linear infinite;\r\n}\r\n#footable_parent_516 .compass-dot{\r\n  width:7px;height:7px;background:var(--jlm-yellow);\r\n  border-radius:50%;\r\n  position:absolute;top:50%;left:50%;\r\n  transform:translate(-50%,-50%);\r\n}\r\n@keyframes spin{100%{transform:rotate(360deg);}}\r\n\r\n\/* Optional: small underline *\/\r\n#footable_parent_516 .jlm-title-line{\r\n  width:90px;height:4px;background:var(--jlm-navy);\r\n  border-radius:999px;\r\n  margin:0 0 16px;\r\n}\r\n<\/style>\r\n\r\n<!-- Put this ABOVE your Ninja Table shortcode\/table markup -->\r\n<div id=\"footable_parent_516\">\r\n  <div class=\"jlm-title-wrap\">\r\n    <div class=\"compass-wrapper\">\r\n      <div class=\"compass-ring\"><\/div>\r\n      <div class=\"compass-dot\"><\/div>\r\n    <\/div>\r\n    <h2 class=\"jlm-title\">Sistem Dalam Talian\r\n\r\n\r\n<\/h2>\r\n  <\/div>\r\n\r\n  <!-- Ninja Table renders here -->\r\n  <!-- [ninja_tables id=\"516\"] -->\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-041d795 elementor-widget elementor-widget-html\" data-id=\"041d795\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style class=\"jlm-page-surface-fix\">body.page-id-707,body.page-id-707 #page,body.page-id-707 [data-elementor-type=\"wp-page\"]{background:#eef7ff!important}body.page-id-707 [data-elementor-type=\"wp-page\"]>.elementor-element{background-color:transparent!important}<\/style><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n:root{\r\n  --jlm-navy:#0A2B45;\r\n  --jlm-soft:#1C3C57;\r\n  --jlm-yellow:#FFD800;\r\n  --jlm-border:#dce5ef;\r\n  --jlm-link:#0b5bd3;\r\n  --jlm-link-hover:#0847a6;\r\n  --text:#1f364b;\r\n  --muted:#395472;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.jlm-pro-bg{width:100%;padding:10px 0;background:transparent;font-family:'Poppins',sans-serif;color:var(--text);}\r\n.jlm-pro-container{max-width:1200px;margin:auto;padding:0 4%;}\r\n\r\n\/* ===============================\r\n   SEARCH PANEL (GLOBAL TOP)\r\n=============================== *\/\r\n.jlm-search-panel{display:flex;justify-content:center;margin:10px 0 25px;}\r\n.jlm-search-wrap{\r\n  width:100%;max-width:860px;display:flex;align-items:center;gap:10px;\r\n  padding:12px 16px;border:2px solid var(--jlm-border);border-radius:50px;background:#fff;\r\n  box-shadow:0 8px 22px rgba(0,0,0,0.06);transition: border-color 0.3s ease;\r\n}\r\n.jlm-search-wrap:focus-within{border-color: var(--jlm-navy);}\r\n.jlm-search-ico{width:20px;height:20px;flex-shrink:0;stroke:var(--jlm-soft);fill:none;stroke-width:2.5;}\r\n.jlm-search-input{width:100%;border:0;outline:none;font-size:1rem;color:var(--text);background:transparent;}\r\n.jlm-search-input::placeholder{color:#6b819a;}\r\n.jlm-search-clear{\r\n  border:0;background:transparent;cursor:pointer;font-weight:800;font-size:1rem;line-height:1;\r\n  color:var(--jlm-soft);padding:6px 10px;border-radius:999px;\r\n}\r\n.jlm-search-clear:hover{background:#fff9d9;}\r\n.jlm-search-meta{text-align:center;margin:-15px 0 20px;font-size:0.9rem;color:var(--muted); height: 20px;}\r\n\r\n\/* TABS *\/\r\n.jlm-tab-buttons{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin:0 0 25px;\r\n  width:100%;\r\n}\r\n.jlm-tab-btn{\r\n  padding:12px 18px;background:#fff;border:2px solid var(--jlm-border);border-radius:4px;cursor:pointer;\r\n  font-size:0.95rem;font-weight:700;color:var(--jlm-navy);letter-spacing:.2px;transition:.22s ease;\r\n  box-shadow:0 3px 8px rgba(0,0,0,0.06);outline:none;\r\n  flex:1 1 calc(25% - 12px); \r\n  min-width:140px;\r\n  text-align:center;\r\n}\r\n.jlm-tab-btn.active{\r\n  background:var(--jlm-navy);color:#fff;border-color:var(--jlm-navy);\r\n  box-shadow:0 10px 25px rgba(0,0,0,0.22);transform:translateY(-2px);\r\n}\r\n.jlm-tab-btn[hidden]{display:none;}\r\n\r\n\/* PANEL *\/\r\n.jlm-tab-panel{display:none;background:#fff;border:1px solid var(--jlm-border);border-radius:4px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,0.08);margin-bottom:20px;}\r\n.jlm-tab-panel.active{display:block;animation:fade .25s ease;}\r\n.jlm-tab-panel.search-show{display:block; border-left: 5px solid var(--jlm-yellow);}\r\n\r\n@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}\r\n\r\n\/* SUB-SECTIONS *\/\r\n.jlm-section{margin:0 0 10px;}\r\n.jlm-subtitle{margin:0 0 10px;color:var(--jlm-navy);font-weight:600;font-size:1.35rem;letter-spacing:.2px;}\r\n.jlm-subtitle::after{content:\"\";display:block;width:32px;height:3px;background:var(--jlm-yellow);border-radius:999px;margin-top:10px;}\r\n\r\n\/* LIST & LINKS *\/\r\n.jlm-list{list-style:none;margin:0;padding-left:0;}\r\n.jlm-list li{\r\n  margin:12px 0;line-height:1.55;font-size:0.98rem;\r\n  position:relative;padding-left:28px;\r\n}\r\n\r\n\/* Main bullet *\/\r\n.jlm-list li::before{\r\n  content:\"\";width:7px;height:7px;border-radius:50%;background:var(--jlm-navy);\r\n  position:absolute;left:0;top:.65em;box-shadow:0 0 0 3px rgba(10,43,69,.12);\r\n}\r\n\r\n\/* Link Styling *\/\r\n.jlm-list a.doc-link {\r\n  color: var(--jlm-link);\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  border-bottom: 1px dashed transparent;\r\n  transition: all 0.2s ease;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.jlm-list a.doc-link:hover {\r\n  color: var(--jlm-link-hover);\r\n  border-bottom-color: var(--jlm-link-hover);\r\n}\r\n.jlm-list a.doc-link svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  stroke: var(--jlm-link);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  flex-shrink: 0;\r\n  transition: transform 0.2s;\r\n}\r\n.jlm-list a.doc-link:hover svg {\r\n  transform: translateX(2px);\r\n}\r\n\r\n\/* Nested List *\/\r\n.jlm-list ul {\r\n  margin-top: 8px;\r\n  padding-left: 20px;\r\n  list-style: none;\r\n}\r\n.jlm-list ul li {\r\n  font-size: 0.95rem;\r\n  color: var(--muted);\r\n  padding-left: 20px;\r\n  margin-bottom: 8px;\r\n}\r\n.jlm-list ul li::before {\r\n  content: \"\u2022\";\r\n  font-size: 1.5rem;\r\n  line-height: 1;\r\n  top: -2px;\r\n  color: var(--jlm-yellow);\r\n  background: none;\r\n  box-shadow: none;\r\n  width: auto;\r\n  height: auto;\r\n}\r\n\r\n.jlm-item[hidden]{display:none!important;}\r\n.jlm-empty-global{\r\n  display:none; text-align:center; padding:40px; border:2px dashed var(--jlm-border); \r\n  border-radius:12px; color:var(--muted); background:#f7fbff; font-size: 1.1rem;\r\n}\r\nmark.jlm-mark{background:var(--jlm-yellow); color: #000; padding:0 .18em; border-radius:.25em;}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width:768px){\r\n  .jlm-tab-btn{flex:1 1 calc(50% - 10px);text-align:center;}\r\n}\r\n@media (max-width:480px){\r\n  .jlm-tab-btn{flex:1 1 100%;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlm-pro-bg\">\r\n  <div class=\"jlm-pro-container jlm-widget\">\r\n\r\n    <div class=\"jlm-search-panel\" role=\"search\">\r\n      <div class=\"jlm-search-wrap\">\r\n        <svg class=\"jlm-search-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n          <path d=\"M20 20l-3.2-3.2\"><\/path>\r\n        <\/svg>\r\n        <input class=\"jlm-search-input\" type=\"text\" id=\"jlmSearchInput\" placeholder=\"Cari SDPx, MMSW, Dius Api, Pendaftaran Kapal...\" aria-label=\"Carian global\" data-jlm-search>\r\n        <button class=\"jlm-search-clear\" type=\"button\" id=\"jlmSearchClear\" aria-label=\"Padam carian\">\u2715<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"jlm-search-meta\" id=\"jlmSearchMeta\"><\/div>\r\n\r\n    <div class=\"jlm-tab-buttons\" id=\"jlm-tabs-nav\" role=\"tablist\">\r\n      <button class=\"jlm-tab-btn active\" data-tab=\"tab-pelabuhan\">Pelabuhan<\/button>\r\n      <button class=\"jlm-tab-btn\" data-tab=\"tab-perkapalan\">Perkapalan<\/button>\r\n      <button class=\"jlm-tab-btn\" data-tab=\"tab-pelaut\">Pelaut<\/button>\r\n      <button class=\"jlm-tab-btn\" data-tab=\"tab-pelayaran\">Pelayaran<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"jlm-global-empty\" class=\"jlm-empty-global\">Tiada sebarang padanan ditemui untuk carian anda.<\/div>\r\n\r\n    <!-- TAB: PELABUHAN -->\r\n    <div class=\"jlm-tab-panel active\" id=\"tab-pelabuhan\">\r\n      <div class=\"jlm-section\">\r\n        <h3 class=\"jlm-subtitle\">Pelabuhan<\/h3>\r\n        <ul class=\"jlm-list\">\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/shipper.marine.gov.my\/\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              Shipper Registration System\r\n            <\/a>\r\n          <\/li>\r\n        \r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/www.mmsw.gov.my\/upliftlogin.aspx?ReturnUrl=%2f\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              Malaysia Maritime Single Window (MMSW)\r\n            <\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TAB: PERKAPALAN -->\r\n    <div class=\"jlm-tab-panel\" id=\"tab-perkapalan\">\r\n      <div class=\"jlm-section\">\r\n        <h3 class=\"jlm-subtitle\">Perkapalan<\/h3>\r\n        <ul class=\"jlm-list\">\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/marine22.marine.gov.my\/scsagent\/\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              Sistem Pelepasan Kapal\r\n            <\/a>\r\n            <ul>\r\n              <li>\r\n                <a href=\"\/wp-content\/uploads\/2023\/02\/20200910144711-74dab-agentusermanual.pdf\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n                  Manual Pengguna\r\n                <\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"http:\/\/marine21.marine.gov.my\/Ship\/public_list_ship.cfm?level=1\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              Semakan Nama Kapal Di Bawah Bendera Malaysia\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"http:\/\/marine32.marine.gov.my\/LAYAR\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Pendaftaran Kapal Layar Antarabangsa Langkawi (LIYR)\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"http:\/\/marine32.marine.gov.my\/CLCBCC\/ULogin.aspx\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Sistem Perakuan Insuran Kapal (SPIK)\r\n            <\/a>\r\n          <\/li>\r\n           <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/edsl.marine.gov.my\/edsl\/public?lang=MS\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n             \r\n              Sistem Permohonan Lesen Perkapalan Dalam Negeri (eDSL) \r\n            <\/a>\r\n          <\/li>\r\n           <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/mmdis.marine.gov.my\/v1\/user\/loginV2\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Malaysia Marine Department Information System (MMDIS)\r\n            <\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TAB: PELAUT -->\r\n    <div class=\"jlm-tab-panel\" id=\"tab-pelaut\">\r\n      <div class=\"jlm-section\">\r\n        <h3 class=\"jlm-subtitle\">Pelaut<\/h3>\r\n        <ul class=\"jlm-list\">\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/marine45.marine.gov.my\/mc\/\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Sistem Modular (SDPx)\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/marine45.marine.gov.my\/agent\/JSMenu.aspx\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n             \r\n              Job Seeker\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/marine21.marine.gov.my\/appl\/indeks26.cfm\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Pengeluaran Sijil Kursus Modular\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/marine45.marine.gov.my\/public\/ENPage1.aspx\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Seafarer Documentation System (SDPx)\r\n            <\/a>\r\n          <\/li>\r\n          <li class=\"jlm-item\">\r\n            <a href=\"http:\/\/educor.mona.edu.my\/\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              EduCOR\r\n            <\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TAB: PELAYARAN -->\r\n    <div class=\"jlm-tab-panel\" id=\"tab-pelayaran\">\r\n      <div class=\"jlm-section\">\r\n        <h3 class=\"jlm-subtitle\">Pelayaran<\/h3>\r\n        <ul class=\"jlm-list\">\r\n          <li class=\"jlm-item\">\r\n            <a href=\"https:\/\/payment.marine.gov.my\/\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n              \r\n              Pembayaran Dius Api\r\n            <\/a>\r\n            <ul>\r\n              <li>\r\n                <a href=\"\/wp-content\/uploads\/2023\/02\/20200910090815-10527-ops-agent-user-manual.pdf\" class=\"doc-link\" target=\"_blank\" rel=\"noopener\">\r\n                  \r\n                  Manual Pengguna\r\n                <\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const widget = document.querySelector('.jlm-widget');\r\n  if(!widget) return;\r\n\r\n  const input = widget.querySelector('#jlmSearchInput');\r\n  const clearBtn = widget.querySelector('#jlmSearchClear');\r\n  const meta = widget.querySelector('#jlmSearchMeta');\r\n  const buttons = Array.from(widget.querySelectorAll('.jlm-tab-btn'));\r\n  const panels = Array.from(widget.querySelectorAll('.jlm-tab-panel'));\r\n  const navWrap = widget.querySelector('#jlm-tabs-nav');\r\n  const globalEmpty = widget.querySelector('#jlm-global-empty');\r\n\r\n  let activeTabId = buttons[0].dataset.tab;\r\n\r\n  function esc(s) {\r\n    return (s||'').replace(\/[&<>\"']\/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\r\n  }\r\n\r\n  function highlight(li, q) {\r\n    const anchor = li.querySelector('a');\r\n    if(!anchor) return;\r\n    \r\n    const fullText = anchor.textContent.trim();\r\n    if(!li.dataset.origText) li.dataset.origText = fullText;\r\n    \r\n    if(!q) {\r\n      anchor.innerHTML = anchor.innerHTML.replace(\/<mark class=\"jlm-mark\">\/g, '').replace(\/<\\\/mark>\/g, '');\r\n      return;\r\n    }\r\n    \r\n    const idx = fullText.toLowerCase().indexOf(q.toLowerCase());\r\n    if(idx > -1) {\r\n       const before = fullText.slice(0, idx);\r\n       const match = fullText.slice(idx, idx + q.length);\r\n       const after = fullText.slice(idx + q.length);\r\n       \r\n       const svgEl = anchor.querySelector('svg');\r\n       const svgClone = svgEl ? svgEl.cloneNode(true) : null;\r\n       anchor.innerHTML = '';\r\n       if(svgClone) anchor.appendChild(svgClone);\r\n       \r\n       const textSpan = document.createElement('span');\r\n       textSpan.innerHTML = esc(before) + '<mark class=\"jlm-mark\">' + esc(match) + '<\/mark>' + esc(after);\r\n       anchor.appendChild(textSpan);\r\n    }\r\n  }\r\n\r\n  function updateView() {\r\n    const q = input.value.trim().toLowerCase();\r\n    let totalMatches = 0;\r\n    let matchingTabsCount = 0;\r\n\r\n    if(!q) {\r\n      globalEmpty.style.display = 'none';\r\n      meta.textContent = '';\r\n      navWrap.style.display = 'flex';\r\n      buttons.forEach(btn => btn.classList.toggle('active', btn.dataset.tab === activeTabId));\r\n      panels.forEach(p => {\r\n        p.classList.remove('search-show');\r\n        p.classList.toggle('active', p.id === activeTabId);\r\n        p.querySelectorAll('.jlm-item').forEach(li => {\r\n          li.hidden = false;\r\n          \/\/ Also unhide nested items\r\n          li.querySelectorAll('ul li').forEach(nested => nested.hidden = false);\r\n          highlight(li, '');\r\n        });\r\n      });\r\n      return;\r\n    }\r\n\r\n    navWrap.style.display = 'none'; \r\n    \r\n    panels.forEach(panel => {\r\n      let panelMatches = 0;\r\n      const items = panel.querySelectorAll('.jlm-item');\r\n      \r\n      items.forEach(li => {\r\n        const anchor = li.querySelector('a');\r\n        const text = anchor ? anchor.textContent.toLowerCase() : '';\r\n        const match = text.includes(q);\r\n        \r\n        \/\/ Hide main item if no match, but check nested items\r\n        let hasNestedMatch = false;\r\n        const nestedItems = li.querySelectorAll('ul li');\r\n        nestedItems.forEach(nested => {\r\n          const nestedAnchor = nested.querySelector('a');\r\n          const nestedText = nestedAnchor ? nestedAnchor.textContent.toLowerCase() : '';\r\n          if(nestedText.includes(q)) {\r\n            nested.hidden = false;\r\n            hasNestedMatch = true;\r\n            highlight(nested, q);\r\n          } else {\r\n            nested.hidden = true;\r\n          }\r\n        });\r\n\r\n        if(match || hasNestedMatch) {\r\n          li.hidden = false;\r\n          if(anchor) highlight(li, q);\r\n          panelMatches++;\r\n          totalMatches++;\r\n        } else {\r\n          li.hidden = true;\r\n        }\r\n      });\r\n\r\n      if(panelMatches > 0) {\r\n        panel.classList.add('search-show');\r\n        matchingTabsCount++;\r\n      } else {\r\n        panel.classList.remove('search-show');\r\n      }\r\n      panel.classList.remove('active');\r\n    });\r\n\r\n    globalEmpty.style.display = totalMatches === 0 ? 'block' : 'none';\r\n    meta.textContent = ''; \r\n  }\r\n\r\n  buttons.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      activeTabId = btn.dataset.tab;\r\n      input.value = ''; \r\n      updateView();\r\n    });\r\n  });\r\n\r\n  input.addEventListener('input', updateView);\r\n  clearBtn.addEventListener('click', () => {\r\n    input.value = '';\r\n    updateView();\r\n    input.focus();\r\n  });\r\n\r\n  updateView();\r\n})();\r\n<\/script>\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>Sistem Dalam Talian \u2715 Pelabuhan Perkapalan Pelaut Pelayaran Tiada sebarang padanan ditemui untuk carian anda. Pelabuhan Shipper Registration System Malaysia Maritime Single Window (MMSW) Perkapalan Sistem Pelepasan Kapal Manual Pengguna Semakan Nama Kapal Di Bawah Bendera Malaysia Pendaftaran Kapal Layar Antarabangsa Langkawi (LIYR) Sistem Perakuan Insuran Kapal (SPIK) Sistem Permohonan Lesen Perkapalan Dalam Negeri (eDSL) [&hellip;]<\/p>\n","protected":false},"author":4713,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-707","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Online System - Jabatan Laut Malaysia<\/title>\r\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<meta property=\"og:locale\" content=\"en_GB\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Sistem Dalam Talian - Jabatan Laut Malaysia\" \/>\r\n<meta property=\"og:description\" content=\"Sistem Dalam Talian \u2715 Pelabuhan Perkapalan Pelaut Pelayaran Tiada sebarang padanan ditemui untuk carian anda. Pelabuhan Shipper Registration System Malaysia Maritime Single Window (MMSW) Perkapalan Sistem Pelepasan Kapal Manual Pengguna Semakan Nama Kapal Di Bawah Bendera Malaysia Pendaftaran Kapal Layar Antarabangsa Langkawi (LIYR) Sistem Perakuan Insuran Kapal (SPIK) Sistem Permohonan Lesen Perkapalan Dalam Negeri (eDSL) [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/develop.marine.gov.my\/en\/sistem-dalam-talian\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Jabatan Laut Malaysia\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-08-20T13:15:16+00:00\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/sistem-dalam-talian\\\/\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/sistem-dalam-talian\\\/\",\"name\":\"Sistem Dalam Talian - Jabatan Laut Malaysia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#website\"},\"datePublished\":\"2025-12-04T02:20:03+00:00\",\"dateModified\":\"2026-08-20T13:15:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/sistem-dalam-talian\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/develop.marine.gov.my\\\/sistem-dalam-talian\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/sistem-dalam-talian\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Utama\",\"item\":\"https:\\\/\\\/develop.marine.gov.my\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sistem Dalam Talian\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#website\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/\",\"name\":\"Jabatan Laut Malaysia\",\"description\":\"Laman Web Rasmi Jabatan Laut Malaysia\",\"publisher\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/develop.marine.gov.my\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#organization\",\"name\":\"Jabatan Laut Malaysia\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Logo-JLM-PNG.png\",\"contentUrl\":\"https:\\\/\\\/develop.marine.gov.my\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Logo-JLM-PNG.png\",\"width\":477,\"height\":660,\"caption\":\"Jabatan Laut Malaysia\"},\"image\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Online System - Jabatan Laut Malaysia","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Sistem Dalam Talian - Jabatan Laut Malaysia","og_description":"Sistem Dalam Talian \u2715 Pelabuhan Perkapalan Pelaut Pelayaran Tiada sebarang padanan ditemui untuk carian anda. Pelabuhan Shipper Registration System Malaysia Maritime Single Window (MMSW) Perkapalan Sistem Pelepasan Kapal Manual Pengguna Semakan Nama Kapal Di Bawah Bendera Malaysia Pendaftaran Kapal Layar Antarabangsa Langkawi (LIYR) Sistem Perakuan Insuran Kapal (SPIK) Sistem Permohonan Lesen Perkapalan Dalam Negeri (eDSL) [&hellip;]","og_url":"https:\/\/develop.marine.gov.my\/en\/sistem-dalam-talian\/","og_site_name":"Jabatan Laut Malaysia","article_modified_time":"2026-08-20T13:15:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/develop.marine.gov.my\/sistem-dalam-talian\/","url":"https:\/\/develop.marine.gov.my\/sistem-dalam-talian\/","name":"Online System - Jabatan Laut Malaysia","isPartOf":{"@id":"https:\/\/develop.marine.gov.my\/#website"},"datePublished":"2025-12-04T02:20:03+00:00","dateModified":"2026-08-20T13:15:16+00:00","breadcrumb":{"@id":"https:\/\/develop.marine.gov.my\/sistem-dalam-talian\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/develop.marine.gov.my\/sistem-dalam-talian\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/develop.marine.gov.my\/sistem-dalam-talian\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Utama","item":"https:\/\/develop.marine.gov.my\/"},{"@type":"ListItem","position":2,"name":"Sistem Dalam Talian"}]},{"@type":"WebSite","@id":"https:\/\/develop.marine.gov.my\/#website","url":"https:\/\/develop.marine.gov.my\/","name":"Malaysia Marine Department","description":"Laman Web Rasmi Jabatan Laut Malaysia","publisher":{"@id":"https:\/\/develop.marine.gov.my\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/develop.marine.gov.my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/develop.marine.gov.my\/#organization","name":"Malaysia Marine Department","url":"https:\/\/develop.marine.gov.my\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/develop.marine.gov.my\/#\/schema\/logo\/image\/","url":"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2022\/12\/Logo-JLM-PNG.png","contentUrl":"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2022\/12\/Logo-JLM-PNG.png","width":477,"height":660,"caption":"Jabatan Laut Malaysia"},"image":{"@id":"https:\/\/develop.marine.gov.my\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/users\/4713"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/comments?post=707"}],"version-history":[{"count":24,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/707\/revisions"}],"predecessor-version":[{"id":39730,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/707\/revisions\/39730"}],"wp:attachment":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/media?parent=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}