1<!DOCTYPE html > 2<html xml:lang="en" lang="en"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<meta name="generator" content="VOX CMS"></meta> 6<meta http-equiv="content-language" content="en-GB"></meta> 7<meta http-equiv="expires" content="Never"></meta> 8<meta name="keywords" content="www.water.gov.my,water.gov.my,www.jps.gov.my,jps.gov.my"></meta> 9<meta name="description" content=""></meta> 10<meta name="document-rating" content="General"></meta> 11<meta name="robots" content="ALL"></meta> 12<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 13<meta name="viewport" content="width=device-width, initial-scale=1"> 14<title>Department of Irrigation and Drainage</title> 15<link rel="icon" type="image/vnd.microsoft.icon" href="jps/modules_resources/settings/b4d91d214c437703241690a5e5a2d955.ico"/> 16<link rel="SHORTCUT ICON" href="jps/modules_resources/settings/b4d91d214c437703241690a5e5a2d955.ico"/> 17<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/scripts/jquery_ui/jquery-ui.min.css" /> 18<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/scripts/colorbox/colorbox.css" /> 19<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/scripts/multiselect/css/select-multiple.css" /> 20<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/css/simplegrid.css" /> 21<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/css/normalize.css" /> 22<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/jps/themes/admin/css/web.css" /> 23<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/css/web.min.css" /> 24<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/css/responsive.css" /> 25<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/jps/themes/admin/css/custom_108.css" />
26<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery-1.10.2.min.js"></script>
26
27<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery-migrate-1.2.1.min.js"></script>
27
28<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery_ui/jquery-ui.min.js"></script>
28
29<script type="text/javascript" language="javascript" src="https://www.water.gov.my/index.php/ajax/init_js/init.js"></script>
29
30<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery.bgiframe.min.js"></script>
30
31<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/hoverIntent.js"></script>
31
32<script type="text/javascript" language="javascript" src="https://www.water.gov.my/index.php/ajax/init_viewport_js/false/init_viewport.js"></script>
32
33<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/toolbar.js"></script>
33
34<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/colorbox/jquery.colorbox-min.js"></script>
34
35<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/colorbox/cbox.js"></script>
35
36<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery.ui.touch-punch.min.js"></script>
36
37<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/jquery.placeholder.min.js"></script>
37
38<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/multiselect/js/jquery.select-multiple.js"></script>
38
39<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/multiselect/js/jquery.quicksearch.js"></script>
39
40<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/internal_link/scripts/internal_link.js"></script>
40
41<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/search/scripts/search.js"></script>
41
42<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/web.js"></script>
42 43<base href="https://www.water.gov.my/" /> 44<style>input, textarea { color: #000; } .placeholder { color: #aaa; }</style> 45<!-- Google Analytics --> 46
46<script>
vendor: 495 bytes, lines 46-52
46 47 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 48 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 49 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 50 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 51 52 ga('create', '
52UA-93817821-1
vendor: 102 bytes, lines 52-54
52', 'auto'); 53 ga('send', 'pageview'); 54
54</script>
54 55 <!-- End Google Analytics --> 56<!--[if lt IE 9]>
57<script src="assets/shared/scripts/placeholder.js"></script>
57 58<![endif]--> 59 60
60<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="4K87W-WXXSV-GEBF2-L8ECM-QTRL2",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"4K87W-WXXSV-GEBF2-L8ECM-QTRL2";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="wxlucqixibze42vu5kna-f-110e930f8-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"1904900","ak.ai":parseInt("1276631",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"91fb674","ak.r":42222,"ak.a2":n,"ak.m":"dscb","ak.n":"essl","ak.cport":54177,"ak.gh":"23.64.113.45","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790241434","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==f8f1B8gwKg2V2ZAvkD5ISfxzwolLYTbe1mqzuqqKQBw7QT3yXLoe2Rut8pS+crf5D0e6iCX7IPT0ybmJzIPRfmZmBQlpCy4xUPEmgNJ8hGXuanZ8DCLR+ppWDy2TEZ9mflGfsksP/qCeguTotds4/MInLHnmAOVoJKM6x0lVU7+0808TM0wpoXmz5yBtGHRp1VcIVrA2dw1b5RHN4/tyfQpZmqVxgTh8XgrJF1czUeEBvXv0LH8haWUejCAWPqBf3CSVCtqev9vKddMj8f9z1jDSfnGpQrRAHh5UeHlUDO/gt/E26KGO4JKHWbWiAKAcy91FMR1hI0j7Ej4n4472/RFd18OuWGlRvbb2jf/YtKmwcoScWWdlvlZA0rI41wPgzOF6hGWkq7oa8oEMGjD5goVAnoJkTk+xLCfiZs1ZJdA=","ak.pv":"12","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
60</head> 61<body id="body_web" > 62<div id="web_layout_homepage" class="custom_108 cms_div"> 63 64 <div id='5858ae023d0f1' class='grid row-5858ae023d0f1'> 65<div id='5858ae023d0f2' class='col-1-1' data-colname='Header_logo'> 66<div class='column-5858ae023d0f2 drag'> 67<div class="block block-211 block_no_1 block_html_block hover-desc" id="211"><div class='block-header '></div><div class="block-body content">
67<script> 68$(document).ready(function(){ 69 // slideup/slidedown 70 $("#Trigger").click(function () { 71 if ($("#Slider").hasClass("slideup")) 72 $("#Slider").removeClass("slideup").addClass("slidedown"); 73 else 74 $("#Slider").removeClass("slidedown").addClass("slideup"); 75 }); 76}); 77 78 /* $(function() {*/ 79 /* $("#language_selection").change(function() { */ 80 /* if ($(this).val()) {*/ 81 /* window.open($(this).val(), '_blank');*/ 82 /* $("#Slider").submit(); */ 83 /* }*/ 84 /*});*/ 85 /*});*/ 86 87</script>
87 88<div class="w3c_bar" splwpk-w3c="splwpk-w3c"><label for="select_fontfamily" style="display: none;">Font Family</label> 89<div><img alt="w3c" id="Trigger" src="jps/resources/FullScreen_Icons/w3c.png" style="width: 20px; height: 28px;" title="W3C" /></div> 90 91<div><link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/system/styles/system.css" />
92<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/system/scripts/system.js"></script>
92 93 94 <style> 95 .login-card { 96 /* padding: 40px; 97 width: 274px; 98 background-color: #F7F7F7; 99 margin: 0 auto 10px; 100 border-radius: 2px; 101 box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); 102 overflow: hidden; */ 103 color:#fff; 104 } 105 106 .login-card h1 { 107 font-weight: 100; 108 text-align: center; 109 font-size: 2.3em; 110 } 111 112 .login-card input[type=submit] { 113 width: 100%; 114 display: block; 115 margin-bottom: 10px; 116 position: relative; 117 height: 44px; 118 } 119 120 .login-card input[type=text], .login-card input[type=password] { 121 height: 44px; 122 font-size: 16px; 123 width: 100%; 124 margin-bottom: 10px; 125 -webkit-appearance: none; 126 background: #fff; 127 border: 1px solid #d9d9d9; 128 border-top: 1px solid #c0c0c0; 129 /* border-radius: 2px; */ 130 padding: 0 8px; 131 padding-top: 10px\9; /* ie only */ 132 box-sizing: border-box; 133 -moz-box-sizing: border-box; 134 } 135 136 .login-card input[type=text]:hover, input[type=password]:hover { 137 border: 1px solid #b9b9b9; 138 border-top: 1px solid #a0a0a0; 139 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 140 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 141 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 142 } 143 144 .login { 145 text-align: center; 146 font-size: 14px; 147 font-family: 'Arial', sans-serif; 148 font-weight: 700; 149 height: 36px; 150 padding: 0 8px; 151 /* border-radius: 3px; */ 152 /* -webkit-user-select: none; 153 user-select: none; */ 154 } 155 156 .login-submit { 157 /* border: 1px solid #3079ed; */ 158 border: 0px; 159 color: #fff; 160 text-shadow: 0 1px rgba(0,0,0,0.1); 161 background-color: #4d90fe; 162 /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ 163 } 164 165 .login-submit:hover { 166 /* border: 1px solid #2f5bb7; */ 167 border: 0px; 168 text-shadow: 0 1px rgba(0,0,0,0.3); 169 background-color: #357ae8; 170 /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ 171 } 172 173 .login-card a { 174 text-decoration: none; 175 color: #fff; 176 font-weight: 400; 177 text-align: center; 178 display: inline-block; 179 transition: opacity ease 0.5s; 180 } 181 182 .login-card a:hover { 183 opacity: 1; 184 text-decoration: underline; 185 } 186 187 .login-row { 188 width: 100%; 189 text-align: center; 190 font-size: 14px; 191 color: #fff; 192 overflow: hidden; 193 margin-bottom: 10px; 194 } 195 196 .login-remember { 197 float:left; 198 padding: 3px; 199 color: black; 200 } 201 202 .login-forgot { 203 float:right; 204 padding: 3px; 205 } 206 207 .login-card .sign-up-btn { 208 padding: 10px; 209 text-decoration: none; 210 display: block; 211 } 212 213 .login-card .hide { 214 display: none; 215 visibility: hidden; 216 } 217 218 </style> 219 220 221 222 223 <div class="login-wrap"> 224 <a class='toggle-login'><img src="https://www.water.gov.my/assets/modules/users/user_image/default_user.png" style="width:25px;height:25px;" class="profile align-left" alt="profile_image"></a> 225 226 <div class="username"> 227 <b class="align-left" style="position:relative;"> 228 <span style="" ><a href="https://www.water.gov.my/index.php/login" id="toggle-login">Login</a></span> 229 230 231 </b> 232 </div> 233 <div id="login" style="left:-60px;"> 234 <div id="triangle" style="margin-left:108px;"></div> 235 <!--<h1>Log in</h1> --> 236 237 <div id="login_form"> 238 <div class="login-card" > 239 <div class="display-error"></div> 240 <h1>Login</h1><br> 241 <form action="https://www.water.gov.my/index.php/login" method="post" accept-charset="utf-8"> <label id="username_label" for="username" style="display:none;">Username:</label> 242 <input type="text" name="username" value="" placeholder="Username" autofocus id="username" /> <label id="password_label" for="password" style="display:none;">Password:</label> 243 <input type="password" name="password" value="" placeholder="Password" id="password" /> <input type="hidden" name="blockId" value="52" /> 244 <input type="hidden" name="remain_same_page" /> <input type="submit" name="login" value="Login" class="login login-submit" /> <div class="login-row"> 245 <div class="login-remember"> 246 <input type="checkbox" name="remember" value="1" /> Remember me </div> 247 248 <div class="login-forgot"> 249 <a href="https://www.water.gov.my/index.php/users/forgot_password">Forgot Password</a> </div> 250 </div> 251 </form> 252 </div> 253 </div> 254 255 </div> 256 </div> 257 258 259 260</div> 261 262<div splwpk-multilang="splwpk-multilang"><label for="language_selection" style="display: none;">Language: </label><select class="input" id="language_selection" onchange="location = this.options[this.selectedIndex].value;"><option value="/index.php/multilingual/switch_language/EN">English</option><option value="/index.php/multilingual/switch_language/BM">Bahasa Malaysia</option><option value="https://translate.google.com/translate?hl=en&sl=en&tl=zh-TW&u=https%3A%2F%2Fwww.water.gov.my%2F&sandbox=1">Mandarin</option> </select></div> 263</div> 264 265<div class="slideup" id="Slider"> 266<div><table class="accessibility_container_table"> 267<tr class="accessbility_display_tr" style="float:right"> 268<td><a title="Reset Setting" class="accessibility_block" href="#" onClick="refreshAccessibility();return false"><img alt="Reset Setting" src="assets/modules/accessibility_tools/images/reload.png"></a></td> 269<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/accessibility_tools/styles/accessibility_tools.css" /> 270<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/scripts/select/select2.min.css" /> 271<link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/scripts/HiGoogleFonts/css/fonts.css" />
272<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/accessibility_tools/scripts/accessibility_tools.js"></script>
vendor: 1 bytes, line 272
272
273<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/select/select2.full.min.js"></script>
273
274<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/HiGoogleFonts/js/fonts.js"></script>
274
275<script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
275 276<td><a title="Change font size to lower size" class="accessibility_block" id="font_size_small" onClick="decreaseFontSize();return false" ><img alt="Change font size to lower size" src="assets/modules/accessibility_tools/images/font_small.gif"></a></td><td><a title="Change font size to original size" class="accessibility_block" id="font_size_normal" onClick="resetFontSize();return false" ><img alt="Change font size to original size" src="assets/modules/accessibility_tools/images/font_normal.gif"></a></td><td><a title="Change font size to large size" class="accessibility_block block_interval" id="font_size_large" onClick="increaseFontSize();return false" ><img alt="Change font size to large size" src="assets/modules/accessibility_tools/images/font_large.gif"></a></td><td><ul title="Click to change font color" onClick="changeFontColor('#FF0000');return false" class=" accessibility_block font_color_front_block" style="color:#FF0000; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#FF0000"></ul></td><td><ul title="Click to change font color" onClick="changeFontColor('#00FF00');return false" class=" accessibility_block font_color_front_block" style="color:#00FF00; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#00FF00"></ul></td><td><ul title="Click to change font color" onClick="changeFontColor('#0000FF');return false" class=" accessibility_block font_color_front_block" style="color:#0000FF; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#0000FF"></ul></td><td><ul title="Click to change font color" onClick="changeFontColor('#FFFF00');return false" class=" accessibility_block font_color_front_block" style="color:#FFFF00; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#FFFF00"></ul></td><td><ul title="Click to change font color" onClick="changeFontColor('#000000');return false" class=" accessibility_block font_color_front_block" style="color:#000000; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#000000"></ul></td><td><ul title="Click to change font color" onClick="changeFontColor('#ffffff');return false" class="block_interval accessibility_block font_color_front_block" style="color:#ffffff; margin: 1px;">T<input type="hidden" name="font_color_block[]" value="#ffffff"></ul></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#FF0000');return false" class=" background_color_front_block accessibility_block" style="background-color:#FF0000"><input type="hidden" name="background_color_block[]" value="#FF0000"></div></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#00FF00');return false" class=" background_color_front_block accessibility_block" style="background-color:#00FF00"><input type="hidden" name="background_color_block[]" value="#00FF00"></div></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#0000FF');return false" class=" background_color_front_block accessibility_block" style="background-color:#0000FF"><input type="hidden" name="background_color_block[]" value="#0000FF"></div></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#FFFF00');return false" class=" background_color_front_block accessibility_block" style="background-color:#FFFF00"><input type="hidden" name="background_color_block[]" value="#FFFF00"></div></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#FFFFFF');return false" class=" background_color_front_block accessibility_block" style="background-color:#FFFFFF"><input type="hidden" name="background_color_block[]" value="#FFFFFF"></div></td><td><div title="Click to change background color" onClick="changeBackgroundColor('#000000');return false" class="block_interval background_color_front_block accessibility_block" style="background-color:#000000"><input type="hidden" name="background_color_block[]" value="#000000"></div></td><td><div title="Click to change background image" onClick="changeBackgroun
276d('default');return false" class="background_image_front_block"><img src="jps/modules_resources/background_images/Dam1-edited.jpg" alt="Dam1-edited.jpg" height="20px" width="20px"></div></td><td><div title="Click to change background image" onClick="changeBackground('20');return false" class=" background_image_front_block accessibility_block"><img src="jps/modules_resources/background_images/dam21.jpg" height="20px" width="20px" alt="dam21.jpg"></div></td><td><div title="Click to change background image" onClick="changeBackground('22');return false" class=" background_image_front_block accessibility_block"><img src="jps/modules_resources/background_images/Design_1.jpg" height="20px" width="20px" alt="Design_1.jpg"></div></td><td><div title="Click to change background image" onClick="changeBackground('24');return false" class=" background_image_front_block accessibility_block"><img src="jps/modules_resources/background_images/Design_2.jpg" height="20px" width="20px" alt="Design_2.jpg"></div></td><td><div title="Click to change background image" onClick="changeBackground('26');return false" class=" background_image_front_block accessibility_block"><img src="jps/modules_resources/background_images/Design_3.jpg" height="20px" width="20px" alt="Design_3.jpg"></div></td><td><div title="Click to change background image" onClick="changeBackground('28');return false" class="block_interval background_image_front_block accessibility_block"><img src="jps/modules_resources/background_images/Design_4.jpg" height="20px" width="20px" alt="Design_4.jpg"></div></td><td><label for="abt-fonttype"></label><select id="select_fontfamily"></select></td></tr> 277</table> 278
279<script> 280$(document).ready(function(){ 281 /* Added by George on 20170430 to support Google Fonts */ 282 $( "#select_fontfamily" ).higooglefonts({ 283 selectedCallback:function(e){ 284 console.log(e); 285 }, 286 loadedCallback:function(e){ 287 console.log(e); 288 289 //$("p").css("font-family", e); 290 changeFontType(e); 291 } 292 }); 293 load_accessibility_tool('191'); 294}); 295</script>
295 296</div> 297</div> 298<style type="text/css">.w3c_bar{ 299 background: rgba(0,0,0,0.6); 300 border: 1px solid rgb(83, 83, 83); 301 border-bottom-left-radius: 5px; 302 border-bottom-right-radius: 5px; 303 float: right; 304 max-width: 450px; 305} 306.username b.align-left { 307 float: none !important; 308} 309.w3c_bar div{ 310 display: inline-block; 311 padding:4px 4px; 312} 313 314.w3c_bar div a{ 315 font-size: 14px; 316 color: #fff; 317 padding:14px 5px; 318} 319 320.w3c_bar div a:hover{ 321 background: #446d81; 322} 323 324#language_selection{ 325 border-radius: 3px; 326} 327 328#Actual {color: White;} 329 330 331.slideup, .slidedown { 332 max-height: 0; 333 overflow-y: hidden; 334 -webkit-transition: max-height 0.5s ease-in-out; 335 -moz-transition: max-height 0.5s ease-in-out; 336 -o-transition: max-height 0.5s ease-in-out; 337 transition: max-height 0.5s ease-in-out; 338} 339.slidedown { 340 max-height: 80px ; 341} 342 343#Trigger, #language_selection{ 344cursor: pointer; 345} 346 347#Slider{overflow:hidden;} 348</style> 349</div></div><div class="block block-209 block_no_2 block_html_block hover-desc" id="209"><div class='block-header '></div><div class="block-body content"><link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" /> 350<div id="logo_block"> 351<div id="jata_logo" style="top: 20px;position: relative;"><img alt="jata" src="jps/resources/Icon/logo-jata.png" style="margin-top: -1px; width: 100px; float: left; margin-left: 15px; margin-right: 15px; height: 78px;" /></div> 352 353<div id="logo_titles"> 354<div class="head small">Official Portal for</div> 355 356<div class="head" id="title_mid">Department of Irrigation and Drainage</div> 357 358<div class="head small">Ministry of Energy Transition and Water Transformation</div> 359</div> 360</div> 361<style type="text/css">.head{ 362 font-size: 20px; 363 font-family: 'Bree serif',sans-serif; 364 color: rgb(0, 0, 156); 365 /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/ 366/* text-shadow: 2px 1px black; */ 367 line-height: 1.1em; 368} 369.small{ 370 font-size: 16px; 371} 372 373#title_mid{ 374 color:#034ea2; 375 margin: 0; 376 padding: 0px 0px 6px 0px; 377 font-size: 28px; 378 line-height: 30px; 379 font-weight: bold; 380 -webkit-background-clip: text; 381} 382 383#logo_titles{display: table; max-height: 300px; padding: 20px 0px 0px 0px;} 384</style> 385</div></div><div class="block block-203 block_no_3 block_slide_out_tab_block hover-desc" id="203"><div class='block-header '></div><div class="block-body content">
385<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
385 386 387<style type="text/css"> 388 389 .slide_tab_203 { 390 padding: 20px; 391 width: 290px; 392 height: 220px; 393 background: #fe4d4d; 394 border-radius: 0 0 0 10px; 395 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 396 z-index:2; 397 } 398 399 .slide_tab_203 .tab_name{ 400 transform: rotate(-90deg); 401 display: block; 402 position: absolute; 403 top: 40%; 404 font-size: 17px; 405 font-family: arial; 406 font-weight: bold; 407 width: 160px; 408 left: -160%; 409 padding-left: 5px; 410 } 411 412 .slide_tab_203 .handle{ 413 cursor:pointer; 414 background-color: #fe4d4d; 415 height: 160px; 416 width: 40px; 417 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 418 border-radius: 10px 0 0 10px; 419 background-repeat:no-repeat; 420 } 421 422</style> 423 424<div class="slide_tab_203 page_load_hide slide-out-tab w3c-theme-background"> 425 <div class="handle w3c-theme-background" title="Most View"><span class="tab_name">Most View</span></div> 426 <div style="overflow:auto;height:100%;width:100%;"> 427 <p class="hot-topic"> 428 <ul id="top-lists-292" class="top-lists"> 429 <li> 430 <a href="https://www.water.gov.my/index.php/pages/view/1364">Staff <span class="page-hits">320051</span></a> </li> 431 <li> 432 <a href="https://www.water.gov.my/index.php/pages/view/1556">Contact Us <span class="page-hits">125198</span></a> </li> 433 <li> 434 <a href="https://www.water.gov.my/index.php/pages/view/848">Tender Notices <span class="page-hits">102307</span></a> </li> 435 <li> 436 <a href="https://www.water.gov.my/index.php/pages/view/494">Top Management <span class="page-hits">94687</span></a> </li> 437 <li> 438 <a href="https://www.water.gov.my/index.php/pages/view/1312">Public <span class="page-hits">79388</span></a> </li> 439 </ul> 440 441 442<style> 443 #top-lists-292 { 444 margin: 0; 445 padding: 0; 446 list-style-type: none; 447 } 448 449 #top-lists-292 > li { 450 padding: 5px 0; 451 } 452 453 #top-lists-292 > li > a { 454 font-size:14px } 455 456 .page-hits { 457 float: right; 458 color: #333; 459 font-weight: bold; 460 } 461 462 .flipbook_img{ 463 margin: 0px; 464 padding: 0px; 465 vertical-align: bottom; 466 border-width: 0px; 467 border-style: solid; 468 width: 106px; 469 height: 150px; 470 } 471</style> 472</p> 473<style type="text/css">.top-lists a{ 474 color: white; 475 line-height: 25px; 476} 477</style> 478 </div> 479</div> 480
481<script type="text/javascript"> 482 483$(document).ready(function () { 484 $('.slide_tab_203').tabSlideOut({ 485 tabHandle: '.slide_tab_203 .handle', //class of the element that will become your tab 486 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 487 speed: 300, //speed of animation 488 action: 'hover', //options: 'click' or 'hover', action to trigger animation 489 topPos: '0px', //position from the top/ use if tabLocation is left or right 490 leftPos: '0px', //position from left/ use if tabLocation is bottom or top 491 fixedPosition: true //options: true makes it stick(fixed position) on scroll 492 }); 493}); 494 495 496 497</script>
497 498</div></div><div class="block block-226 block_no_4 block_slide_out_tab_block hover-desc" id="226"><div class='block-header '></div><div class="block-body content">
498<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
498 499 500<style type="text/css"> 501 502 .slide_tab_226 { 503 padding: 20px; 504 width: 270px; 505 height: 140px; 506 background: #ccc; 507 border-radius: 0 0 0 10px; 508 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 509 z-index:2; 510 } 511 512 .slide_tab_226 .tab_name{ 513 transform: rotate(-90deg); 514 display: block; 515 position: absolute; 516 top: 40%; 517 font-size: 17px; 518 font-family: arial; 519 font-weight: bold; 520 width: 50px; 521 left: -50%; 522 padding-left: 5px; 523 } 524 525 .slide_tab_226 .handle{ 526 cursor:pointer; 527 background-color: #ccc; 528 height: 50px; 529 width: 50px; 530 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 531 border-radius: 10px 0 0 10px; 532 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/mobile_icon.png'); background-repeat:no-repeat; 533 } 534 535</style> 536 537<div class="slide_tab_226 page_load_hide slide-out-tab w3c-theme-background"> 538 <div class="handle w3c-theme-background" title="MobileApp"><span class="tab_name"></span></div> 539 <div style="overflow:auto;height:100%;width:100%;"> 540 <h3 style="margin:0 0 0 0;">Mobile Application</h3> 541 542<table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> 543 <tbody> 544 <tr> 545 <td><a href="https://play.google.com/store/apps/details?id=com.crespro.mapp.myjps" target="_blank"><img alt="" src="jps/resources/FullScreen_Icons/googlePlay.png" style="width: 74px; height: 26px;" title="Clicking image will lead to JPS apps in Google play" /></a></td> 546 <td rowspan="2"><a href=""><img alt="" src="jps/resources/FullScreen_Icons/qr_myjps.png" style="width: 87px; height: 86px;" title="Scan with your Phone to redirect to Google Play Store or App Store" /></a></td> 547 </tr> 548 <tr> 549 <td><a href="https://itunes.apple.com/au/app/myjps/id953782571" target="_blank"><img alt="" src="jps/resources/FullScreen_Icons/appStore.png" style="width: 74px; height: 26px;" title="Clicking image will lead to JPS apps in app Store" /></a></td> 550 </tr> 551 </tbody> 552</table> 553 </div> 554</div> 555
556<script type="text/javascript"> 557 558$(document).ready(function () { 559 $('.slide_tab_226').tabSlideOut({ 560 tabHandle: '.slide_tab_226 .handle', //class of the element that will become your tab 561 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 562 speed: 300, //speed of animation 563 action: 'hover', //options: 'click' or 'hover', action to trigger animation 564 topPos: '200px', //position from the top/ use if tabLocation is left or right 565 leftPos: '200px', //position from left/ use if tabLocation is bottom or top 566 fixedPosition: true //options: true makes it stick(fixed position) on scroll 567 }); 568}); 569 570 571 572</script>
572 573</div></div><div class="block block-204 block_no_5 block_slide_out_tab_block hover-desc" id="204"><div class='block-header '></div><div class="block-body content">
573<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
573 574 575<style type="text/css"> 576 577 .slide_tab_204 { 578 padding: 20px; 579 width: 280px; 580 height: 60px; 581 background: #ccc; 582 border-radius: 0 0 0 10px; 583 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 584 z-index:2; 585 } 586 587 .slide_tab_204 .tab_name{ 588 transform: rotate(-90deg); 589 display: block; 590 position: absolute; 591 top: 40%; 592 font-size: 17px; 593 font-family: arial; 594 font-weight: bold; 595 width: 50px; 596 left: -50%; 597 padding-left: 5px; 598 } 599 600 .slide_tab_204 .handle{ 601 cursor:pointer; 602 background-color: #ccc; 603 height: 50px; 604 width: 50px; 605 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 606 border-radius: 10px 0 0 10px; 607 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/phone_icon.png'); background-repeat:no-repeat; 608 } 609 610</style> 611 612<div class="slide_tab_204 page_load_hide slide-out-tab w3c-theme-background"> 613 <div class="handle w3c-theme-background" title="Hotline"><span class="tab_name"></span></div> 614 <div style="overflow:auto;height:100%;width:100%;"> 615 <div class="s_link"> 616<h3 style="margin:-2px 0 0 0;">Directory</h3> 617 618<h3><a href="/index.php/pages/view/1726">Hotline/HQ Address</a> | <a href="/index.php/edirectory/edirectory_list/2?mid=257">Staff Directory</a></h3> 619</div> 620 </div> 621</div> 622
623<script type="text/javascript"> 624 625$(document).ready(function () { 626 $('.slide_tab_204').tabSlideOut({ 627 tabHandle: '.slide_tab_204 .handle', //class of the element that will become your tab 628 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 629 speed: 300, //speed of animation 630 action: 'hover', //options: 'click' or 'hover', action to trigger animation 631 topPos: '260px', //position from the top/ use if tabLocation is left or right 632 leftPos: '260px', //position from left/ use if tabLocation is bottom or top 633 fixedPosition: true //options: true makes it stick(fixed position) on scroll 634 }); 635}); 636 637 638 639</script>
639 640</div></div><div class="block block-205 block_no_6 block_slide_out_tab_block hover-desc" id="205"><div class='block-header '></div><div class="block-body content">
640<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
640 641 642<style type="text/css"> 643 644 .slide_tab_205 { 645 padding: 20px; 646 width: 175px; 647 height: 60px; 648 background: #ccc; 649 border-radius: 0 0 0 10px; 650 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 651 z-index:2; 652 } 653 654 .slide_tab_205 .tab_name{ 655 transform: rotate(-90deg); 656 display: block; 657 position: absolute; 658 top: 40%; 659 font-size: 17px; 660 font-family: arial; 661 font-weight: bold; 662 width: 50px; 663 left: -50%; 664 padding-left: 5px; 665 } 666 667 .slide_tab_205 .handle{ 668 cursor:pointer; 669 background-color: #ccc; 670 height: 50px; 671 width: 50px; 672 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 673 border-radius: 10px 0 0 10px; 674 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/share_icon.png'); background-repeat:no-repeat; 675 } 676 677</style> 678 679<div class="slide_tab_205 page_load_hide slide-out-tab w3c-theme-background"> 680 <div class="handle w3c-theme-background" title="Social Media"><span class="tab_name"></span></div> 681 <div style="overflow:auto;height:100%;width:100%;"> 682 <div class="s_link" style="margin-top: 3%;"> 683<h3 style="margin:-5px 0 0 0; !important">Social Media</h3> 684<a href="https://www.facebook.com/jpsmalaysiaofficial" target="_blank"><img src="jps/resources/FullScreen_Icons/fb.png" style="width: 35px; height: 36px;" title="Link towards JPS's facebook page" /></a> <a href="https://twitter.com/jps_malaysia" target="_blank"><img src="jps/resources/FullScreen_Icons/twitter.png" style="height: 36px; width: 35px;" title="Link to JPS's Twitter page" /></a> <a href="https://www.instagram.com/jps_malaysia/" target="_blank"><img src="jps/resources/Public/resized_instagram_logo.png" style="width: 35px; height: 36px;" title="Link towards JPS's Instagram page" /></a> </div> 685 </div> 686</div> 687
688<script type="text/javascript"> 689 690$(document).ready(function () { 691 $('.slide_tab_205').tabSlideOut({ 692 tabHandle: '.slide_tab_205 .handle', //class of the element that will become your tab 693 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 694 speed: 300, //speed of animation 695 action: 'hover', //options: 'click' or 'hover', action to trigger animation 696 topPos: '320px', //position from the top/ use if tabLocation is left or right 697 leftPos: '320px', //position from left/ use if tabLocation is bottom or top 698 fixedPosition: true //options: true makes it stick(fixed position) on scroll 699 }); 700}); 701 702 703 704</script>
704 705</div></div><div class="block block-206 block_no_7 block_slide_out_tab_block hover-desc" id="206"><div class='block-header '></div><div class="block-body content">
705<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
705 706 707<style type="text/css"> 708 709 .slide_tab_206 { 710 padding: 20px; 711 width: 225px; 712 height: 50px; 713 background: #ccc; 714 border-radius: 0 0 0 10px; 715 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 716 z-index:2; 717 } 718 719 .slide_tab_206 .tab_name{ 720 transform: rotate(-90deg); 721 display: block; 722 position: absolute; 723 top: 40%; 724 font-size: 17px; 725 font-family: arial; 726 font-weight: bold; 727 width: 50px; 728 left: -50%; 729 padding-left: 5px; 730 } 731 732 .slide_tab_206 .handle{ 733 cursor:pointer; 734 background-color: #ccc; 735 height: 50px; 736 width: 50px; 737 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 738 border-radius: 10px 0 0 10px; 739 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/info_icon.png'); background-repeat:no-repeat; 740 } 741 742</style> 743 744<div class="slide_tab_206 page_load_hide slide-out-tab w3c-theme-background"> 745 <div class="handle w3c-theme-background" title="Enquires&Feedbacks"><span class="tab_name"></span></div> 746 <div style="overflow:auto;height:100%;width:100%;"> 747 <div class="s_link"> 748<h3><a href="/index.php/forms/form/2">Enquires and Feedbacks</a></h3> 749</div> 750 </div> 751</div> 752
753<script type="text/javascript"> 754 755$(document).ready(function () { 756 $('.slide_tab_206').tabSlideOut({ 757 tabHandle: '.slide_tab_206 .handle', //class of the element that will become your tab 758 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 759 speed: 300, //speed of animation 760 action: 'hover', //options: 'click' or 'hover', action to trigger animation 761 topPos: '380px', //position from the top/ use if tabLocation is left or right 762 leftPos: '380px', //position from left/ use if tabLocation is bottom or top 763 fixedPosition: true //options: true makes it stick(fixed position) on scroll 764 }); 765}); 766 767 768 769</script>
769 770</div></div><div class="block block-207 block_no_8 block_slide_out_tab_block hover-desc" id="207"><div class='block-header '></div><div class="block-body content">
770<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
770 771 772<style type="text/css"> 773 774 .slide_tab_207 { 775 padding: 20px; 776 width: 300px; 777 height: 60px; 778 background: #ccc; 779 border-radius: 0 0 0 10px; 780 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 781 z-index:2; 782 } 783 784 .slide_tab_207 .tab_name{ 785 transform: rotate(-90deg); 786 display: block; 787 position: absolute; 788 top: 40%; 789 font-size: 17px; 790 font-family: arial; 791 font-weight: bold; 792 width: 50px; 793 left: -50%; 794 padding-left: 5px; 795 } 796 797 .slide_tab_207 .handle{ 798 cursor:pointer; 799 background-color: #ccc; 800 height: 50px; 801 width: 50px; 802 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 803 border-radius: 10px 0 0 10px; 804 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/rss_icon.png'); background-repeat:no-repeat; 805 } 806 807</style> 808 809<div class="slide_tab_207 page_load_hide slide-out-tab w3c-theme-background"> 810 <div class="handle w3c-theme-background" title="Rss"><span class="tab_name"></span></div> 811 <div style="overflow:auto;height:100%;width:100%;"> 812 <div class="s_link" style="left:0px;"> 813<h3 style="margin:0px 0 3px 35px;">RSS</h3> 814 815<ul> 816 <li style="margin: 0px; padding: 0px; float: left;width:120px;"><a href="http://kontrak.water.gov.my/tendernotice" target="_blank">» Notice Tender</a> <a href="http://kontrak.water.gov.my/tendernotice" target="_blank"><img alt="rss" src="jps/resources/image/rss.png" style="width: 16px; height: 16px; border-width: 0px; border-style: solid;" /></a></li> 817 <li style="margin: 0px; padding: 0px; float: left;width:160px;">» <a href="http://water.gov.my/index.php/pages/view/2055">Tender Price Schedule</a> <a href="http://kontrak.water.gov.my/tenderqs/jadual/jadPamer_Search_rss.cfm" target="_blank"><img alt="rss" src="jps/resources/image/rss.png" style="border-width: 0px; border-style: solid; width: 16px; height: 16px;" /></a></li> 818 <li style="margin: 0px; padding: 0px; float: left;width:150px;"><a href="http://kontrak.water.gov.my/tenderberjaya" target="_blank">» Successful Tenderer</a> <a href="http://kontrak.water.gov.my/smatrak/senaraijaya/jaya_Search_rss.cfm" target="_blank"><img alt="rss" src="jps/resources/image/rss.png" style="width: 16px; height: 16px; border-width: 0px; border-style: solid;" /></a></li> 819 <br /> 820 <li> </li> 821</ul> 822</div> 823<style type="text/css">.s_link input{ 824 border: 1px solid #696969; 825 border-radius: 5px; 826 color: rgba(255, 255, 255, 1); 827 font-size: 14px; 828 background: none; 829} 830 831.s_link button{ 832 background-color: #4CAF50; 833 border: none; 834 color: white; 835 padding: 9px 10px; 836 display: inline-block; 837 font-size: 14px; 838} 839.s_link ul{margin: 0px 0px 0px 0px;} 840 841 842 843.slide_tab_207{width:350px !important;} 844</style> 845 </div> 846</div> 847
848<script type="text/javascript"> 849 850$(document).ready(function () { 851 $('.slide_tab_207').tabSlideOut({ 852 tabHandle: '.slide_tab_207 .handle', //class of the element that will become your tab 853 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 854 speed: 300, //speed of animation 855 action: 'hover', //options: 'click' or 'hover', action to trigger animation 856 topPos: '440px', //position from the top/ use if tabLocation is left or right 857 leftPos: '440px', //position from left/ use if tabLocation is bottom or top 858 fixedPosition: true //options: true makes it stick(fixed position) on scroll 859 }); 860}); 861 862 863 864</script>
864 865</div></div><div class="block block-227 block_no_9 block_slide_out_tab_block hover-desc" id="227"><div class='block-header '></div><div class="block-body content">
865<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/slide_out_tab/js/jquery.tabSlideOut.v1.3.js"></script>
865 866 867<style type="text/css"> 868 869 .slide_tab_227 { 870 padding: 20px; 871 width: 100px; 872 height: 60px; 873 background: #ccc; 874 border-radius: 0 0 0 10px; 875 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 876 z-index:2; 877 } 878 879 .slide_tab_227 .tab_name{ 880 transform: rotate(-90deg); 881 display: block; 882 position: absolute; 883 top: 40%; 884 font-size: 17px; 885 font-family: arial; 886 font-weight: bold; 887 width: 50px; 888 left: -50%; 889 padding-left: 5px; 890 } 891 892 .slide_tab_227 .handle{ 893 cursor:pointer; 894 background-color: #ccc; 895 height: 50px; 896 width: 50px; 897 box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.25); 898 border-radius: 10px 0 0 10px; 899 background: url('/jps/resources/FullScreen_Icons/SlideOutIcons/3d_icons/faq_icon.png'); background-repeat:no-repeat; 900 } 901 902</style> 903 904<div class="slide_tab_227 page_load_hide slide-out-tab w3c-theme-background"> 905 <div class="handle w3c-theme-background" title="FAQ"><span class="tab_name"></span></div> 906 <div style="overflow:auto;height:100%;width:100%;"> 907 <div class="s_link"> 908<h3><a href="/index.php/pages/view/871">FAQ</a></h3> 909</div> 910 </div> 911</div> 912
913<script type="text/javascript"> 914 915$(document).ready(function () { 916 $('.slide_tab_227').tabSlideOut({ 917 tabHandle: '.slide_tab_227 .handle', //class of the element that will become your tab 918 tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left 919 speed: 300, //speed of animation 920 action: 'hover', //options: 'click' or 'hover', action to trigger animation 921 topPos: '500px', //position from the top/ use if tabLocation is left or right 922 leftPos: '500px', //position from left/ use if tabLocation is bottom or top 923 fixedPosition: true //options: true makes it stick(fixed position) on scroll 924 }); 925}); 926 927 928 929</script>
929 930</div></div><div class="block block-492 block_no_10 block_html_block hover-desc" id="492"><div class='block-header '></div><div class="block-body content"><p><img alt="" id="box" src="jps/resources/Icon/right-arrbtn2.png" style="height: 40px; width: 40px; z-index: 999; left:15px; " />
930<script> 931/*$('#box').click(function(){ */ 932/*$('.handle').toggle('slide',{direction: 'right'}) */ 933/*})*/ 934</script>
934 935<style type="text/css">.handle{ 936 overflow: hidden; 937 float: right; 938 visibility: visible; 939 opacity: 1; 940/* -webkit-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 1.9s linear; 941 transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 1.9s linear; 942 -moz-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 1.9s linear; 943 -o-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 1.9s linear; 944 -ms-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 1.9s linear;*/ 945} 946.block-492{ 947 -webkit-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear; 948 transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear; 949 -moz-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear; 950 -o-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear; 951 -ms-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear; 952} 953 954.show-me{visibility: visible !important; opacity: 1;} 955.hide-me{opacity: 0; 956 visibility: hidden !important; 957left: -50px !important; 958 transition:all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear !important; 959-webkit-transition: all .30s cubic-bezier(0.4, 0, 1, 1) .15s, visibility 0s, opacity 0.5s linear !important;} 960 961 962@media only screen and (min-width:768px){#box{visibility:hidden;}} 963</style>
964<script type="text/javascript"> 965$(document).ready(function(){ 966 $("#box").click(function(){ 967 if($("#box").attr("src") == "jps/resources/Icon/right-arrbtn2.png"){ 968 $("#box").attr("src", "jps/resources/Icon/left-arrbtn2.png").css("left", -40+"px !important"); 969 $(".block-492").css("right", 0+"px"); 970 $(".handle").removeClass("show-me").addClass("hide-me"); 971 972 973 }else{ 974 $("#box").attr("src", "jps/resources/Icon/right-arrbtn2.png").css("left", 15+"px !important"); 975 $(".block-492").css("right", 40+"px"); 976 $(".handle").removeClass("hide-me").addClass("show-me"); 977 978 } 979 }); 980}); 981</script>
981</p> 982</div></div></div> 983</div> 984</div> 985<div id='5858ae623d0f4' class='grid row-5858ae623d0f4'> 986<div id='5858ae623d0f5' class='col-9-12' data-colname='Main_menu'> 987<div class='column-5858ae623d0f5 drag'> 988<div class="block block-212 block_no_1 block_responsive_menu hover-desc" id="212"><div class='block-header '></div><div class="block-body content">
988<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/menus/scripts/responsivemenu/script.js"></script>
988 989<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/menus/scripts/responsivemenu/styles.css" /> 990<div id="responsive_menu_212" class="responsive_menu"><ul><li><a href="#?mid=209" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/2e1275e45291aa7388e5dd4d5d5652e3.png" alt=" " /> </span></a></li><li><a href="/index.php/pages/view/1572?mid=208" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/c676a21c118ca11ac374640127f8e097.png" alt="About Us" /> About Us</span></a><ul><li><a href="index.php/pages/view/1474?mid=216" ><span>Profile</span></a><ul><li><a href="index.php/pages/view/349?mid=220" ><span>Our Background</span></a></li><li><a href="index.php/pages/view/351?mid=222" ><span>Corporate Info</span></a></li><li><a href="/index.php/pages/view/354?mid=636" ><span>Client Charter</span></a></li><li><a href="index.php/pages/view/2160?mid=223" ><span>Client Charter Achievement</span></a></li><li><a href="/index.php/pages/view/1576?mid=224" ><span>Identity (Logo and Song)</span></a><ul><li><a href="/index.php/pages/view/476?mid=224?mid=618" ><span>Our Logo</span></a></li><li><a href="/index.php/pages/view/478?mid=620" ><span>Our Song</span></a></li></ul></li><li><a href="index.php/pages/view/1478?mid=225" ><span>History</span></a><ul><li><a href="index.php/pages/view/483?mid=226" ><span>Past Ministers</span></a></li><li><a href="index.php/pages/view/486?mid=227" title="Past Director Generals"><span>Director Generals</span></a></li><li><a href="index.php/pages/view/489?mid=228" ><span>
990Back In Time</span></a></li></ul></li></ul></li><li><a href="index.php/pages/view/1484?mid=217" ><span>Our Structure</span></a><ul><li><a href="index.php/pages/view/491?mid=229" title="Organisational Chart"><span>Organisational Chart</span></a></li><li><a href="index.php/pages/view/494?mid=230" ><span>Top Management</span></a></li><li><a href="index.php/pages/view/496?mid=231" ><span>Chief Digital Officer (CDO)</span></a></li><li><a href="index.php/pages/view/504?mid=233" ><span>Minister/ Deputy Minister</span></a></li></ul></li><li><a href="index.php/pages/view/1488?mid=218" ><span>Awards</span></a><ul><li><a href="index.php/pages/view/510?mid=323" ><span>Innovation Awards</span></a></li><li><a href="index.php/pages/view/513?mid=324" ><span>Quality Awards</span></a></li><li><a href="index.php/pages/view/514?mid=325" ><span>Acknowledgement</span></a></li><li><a href="index.php/pages/view/519?mid=326" ><span>ISO 14001</span></a></li><li><a href="/index.php/pages/view/524?mid=327" target="_blank" ><span>ISO 9001</span></a></li><li><a href="index.php/pages/view/529?mid=328" ><span>OHSAS 18001</span></a></li><li><a href="index.php/pages/view/531?mid=329" ><span>Engineering Awards</span></a></li></ul></li><li><a href="/index.php/pages/view/1928?mid=650" ><span>Location</span></a><ul><li><a href="/index.php/pages/view/541?mid=652" ><span>Location</span></a></li></ul></li><li><a href="index.php/pages/view/1932?mid=219" ><span>Divisions</span></a><ul><li><a href="/index.php/pages/view/543?mid=406" ><span>Flood Management</span></a></li><li><a href="/index.php/pages/view/547?mid=410" ><span>Coastal Zone Management</span></a></li><li><a href="/index.php/pages/view/545?mid=408" ><span>River Basin Management</span></a></li><li><a href="/index.php/pages/view/549?mid=412" ><span>Water Resources Management and Hydrology</span></a></li><li><a href="/index.php/pages/view/577?mid=440" ><span>Facility and GIS</span></a></li><li><a href="/index.php/pages/view/552?mid=414" ><span>Stormwater Management</span></a></li><li><a href="/index.php/pages/view/555?mid=416" ><span>Building and Infrastructure</span></a></li><li><a href="/index.php/pages/view/557?mid=418" ><span>Design and Dam</span></a></li><li><a href="/index.php/pages/view/559?mid=420" ><span>Quantity Surveying and Contract Administration</span></a></li><li><a href="/index.php/pages/view/561?mid=422" ><span>Special Project</span></a></li><li><a href="/index.php/pages/view/563?mid=424" ><span>Mechanical and Electrical Services</span></a></li><li><a href="/index.php/pages/view/565?mid=426" ><span>Corporate</span></a></li><li><a href="/index.php/pages/view/567?mid=428" ><span>Management Services</span></a></li><li><a href="/index.php/pages/view/569?mid=430" ><span>Human Capital Development</span></a></li><li><a href="/index.php/pages/view/344?mid=432" ><span>Humid Tropics Centre</span></a></li><li><a href="http://state.water.gov.my/scc/" ><span>SMART Control Centre</span></a></li><li><a href="/index.php/pages/view/573?mid=436" ><span>Information Management</span></a></li><li><a href="/index.php/pages/view/575?mid=438" ><span>Performance Audit</span></a></li><li><a href="index.php/pages/view/1956?mid=678" ><span>National Flood Forecasting and Warning Centre</span></a></li></ul></li></ul></li><li><a href="index.php/pages/view/1492?mid=210" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/547d1094ac1489b10458e5d0cb17fb40.png" alt="Services" /> Services</span></a><ul><li><a href="index.php/pages/view/1496?mid=237" ><span>Flood Mitigation</span></a><ul><li><a href="index.php/pages/view/419?mid=244" ><span>Programme & Activities</span></a></li><li><a href="/index.php/pages/view/1390?mid=296" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1500?mid=238" ><span>River Management</span></a><ul><li><a href="index.php/pages/view/501?mid=246" ><span>Programme & Activities</span></a></li><li><a href="index.php/pages/view/508?mid=248" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1504?mid=239" ><span>Coastal Management</span></a><ul><li><a href="index.php/pages/view/515?mid=290" ><span>Programme & Activities</span></a></li><li><a href="index.php/pages/view/615?mid=292" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1508?mid=240" ><span>Water Resources Management & Hydrology</span></a><ul><li><a href="index.php/pages/view/661?mid=293" ><span>Programme & Activities</span></a></li><li><a href="index.php/pages/view/665?mid=295" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1512?mid=241" ><span>Stormwater Management</span></a><ul><li><a href="index.php/pages/view/667?mid=297" ><span>Activities</span></a></li><li><a href="index.php/pages/view/669?mid=298" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1516?mid=242" ><span>Dams</span></a><ul><li><a href="index.php/pages/view/675?mid=300" ><span>Activities</span></a></li><li><a href="index.php/pages/view/677?mid=301" ><span>Dam Locations</span></a></li><li><a href="index.php/pages/view/1194?mid=302" ><span>Dam Information & Dam Units</span></a></li><li><a href="index.php/pages/view/681?mid=299" ><span>Projects</span></a></li></ul></li><li><a href="index.php/pages/view/1520?mid=243" ><span>Structure</span></a><ul><li><a href="index.php/pages/view/684?mid=303" ><span>Flood Mitigation</span></a></li><li><a href="index.php/pages/view/688?mid=304" ><span>River Management</span></a></li><li><a href="index.php/pages/view/1296?mid=305" ><span>Coastal Management</span></a></li><li><a href="index.php/pages/view/698?mid=306" ><span>Hydrological & Water Resources</span></a></li><li><a href="index.php/pages/view/709?mid=307" ><span>Mechanical Structures</span></a></li></ul></li></ul></li><li><a href="index.php/pages/view/1524?mid=211" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/6ef4f611dfcb3e38b15b427172029fcb.png" alt="Resources" /> Resources</span></a><ul><li><a href="index.php/pages/view/1528?mid=268" ><span>Manual & Guidelines</span></a><ul><li><a href="index.php/pages/view/579?mid=269" ><span>Drainage/Flood</span></a></li><li><a href="index.php/pages/view/587?mid=270" ><span>River Management</span></a></li><li><a href="index.php/pages/view/693?mid=271" ><span>Coastal Management</span></a></li><li><a href="index.php/pages/view/848?mid=272" ><span>Tenders & Quotations</span></a></li><li><a href="index.php/pages/view/2070?mid=689" ><span>Stormwater Management</span></a></li><li><a href="index.php/pages/view/1418?mid=273" ><span>Other Resources</span></a></li></ul></li><li><a href="index.php/pages/view/1536?mid=277" ><span>Publications</span></a><ul><li><a href="index.php/pages/view/593?mid=278" ><span>River Management</span></a></li><li><a href="index.php/pages/view/1300?mid=333" ><span>Water Resources</span></a></li><li><a href="index.php/pages/view/660?mid=336" ><span>Hydrology</span></a></li><li><a href="index.php/pages/view/623?mid=334" ><span>Flood Mitigation</span></a></li><li><a href="index.php/pages/view/685?mid=335" ><span>Stormwater Management</span></a></li><li><a href="/index.php/pages/view/689?mid=658" ><span>Corporate</span></a></li></ul></li><li><a href="index.php/pages/view/1544?mid=281" ><span>Artifacts</span></a><ul><li><a href="index.php/pages/view/729?mid=308" ><span>Drafting Tools</span></a></li><li><a href="index.php/pages/view/731?mid=309" ><span>Design and Computerization (Computer)</span></a></li><li><a href="index.php/pages/view/733?mid=310" ><span>Design & Computerization (Plans)</span></a></li><li><a href="index.php/pages/view/735?mid=311" ><span>Modernization of Office Equipment</span></a></li><li><a href="index.php/pages/view/737?mid=312" ><span>Hydrology & Water Resources Equipment</span></a></li></ul></li><li><a href="http://library.water.gov.my/" target="_blank" ><span>Library</span></a></li><li><a href="index.php/pages/view/742?mid=283" ><span>Technological Innovations</span></a></li><li><a href="index.php/pages/view/779?mid=284" ><span>Malaysian Laws & Policies</span></a></li><li><a href="/index.php/pages/archives?mid=285" ><span>Archives</span></a><ul><li><a href="index.php/pages/archives/28?mid=679" ><span>Announcement</span></a></li><li><a href="/index.php/pages/archives/26?mid=624" ><span>Article</span></a></li><li><a ><span>Responses</span></a><ul><li><a href="/index.php/pages/view/781?mid=630" ><span>2016</span></a></li><li><a href="/index.php/pages/view/783?mid=632" ><span>2015</span></a></li></ul></li></ul></li></ul></li><li><a href="index.php/pages/view/1548?mid=212" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/27bfda6f36aa26cf40ccc1e926897e76.png" alt="Media" /> Media</span></a><ul><li><a href="/index.php/database_stores/store_view/4?mid=286" target="_blank" ><span>Department News & Events</span></a></li><li><a href="/index.php/forums?mid=287" ><span>Forum</span></a></li><li><a href="/index.php/videos_gallery?mid=288" ><span>Video Gallery</span></a></li><li><a href="/index.php/pages/view/1936?mid=400" ><span>Publication</span></a><ul><li><a href="/index.php/pages/view/1902?mid=670" ><span>JPS Updates</span></a></li><li><a href="/index.php/pages/view/1382?mid=672" ><span>
990Annual Report</span></a></li><li><a href="index.php/pages/view/1900?mid=674" ><span>Compendium</span></a></li><li><a href="index.php/pages/view/2113?mid=691" target="_blank" ><span>Annual Flood Reporting</span></a></li><li><a href="jps/resources/Pelan_Strategik_JPS_2021-2025.pdf?mid=690" target="_blank" ><span>Pelan Strategik Jabatan Pengairan Dan Saliran (JPS) Malaysia</span></a></li><li><a href="index.php/pages/view/2134?mid=695" target="_blank" ><span>Water Resourcers Publications</span></a></li></ul></li></ul></li><li><a href="index.php/pages/view/1552?mid=213" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/e73619adbb2edd75b5cdb96dae95ce0e.png" alt="E-Participation" /> E-Participation</span></a><ul><li><a href="https://www.facebook.com/did.jps.gov" target="_blank" ><span>Our Page on Facebook</span></a></li><li><a href="https://twitter.com/jps_malaysia" target="_blank" ><span>Our Page on Twitter</span></a></li><li><a href="index.php/pages/view/829?mid=320" ><span>E-Participation Policy</span></a></li><li><a href="/index.php/pages/view/1674?mid=322" target="_blank" ><span>Customer Satisfaction Survey</span></a><ul><li><a href="jps/resources/PDF/Ringkasan_Analisis_Kajian_Kepuasan_Pelanggan_2016__Peratusan_.pdf?mid=634" target="_blank" ><span>Customer Satisfaction Survey - SMART Tunnel Project</span></a></li></ul></li></ul></li><li><a href="index.php/pages/view/1556?mid=214" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/dd42174609870115581041c13dc8d949.png" alt="Contact us" /> Contact us</span></a><ul><li><a href="index.php/pages/view/1564?mid=256" ><span>Key Personnel</span></a><ul><li><a href="index.php/pages/view/859?mid=263" ><span>Top Management</span></a></li><li><a href="index.php/pages/view/861?mid=264" ><span>HQ Division Directors</span></a></li><li><a href="index.php/pages/view/863?mid=265" ><span>State Directors</span></a></li><li><a href="index.php/pages/view/865?mid=266" ><span>Project Office</span></a></li><li><a href="index.php/pages/view/833?mid=267" ><span>Address</span></a></li></ul></li><li><a href="index.php/edirectory/edirectory_list/2?mid=257" ><span>Staff Directory</span></a></li><li><a href="index.php/forms/form/2?mid=656" ><span>Website Feedback</span></a></li><li><a href="index.php/forms/form/4?mid=259" ><span>Integrity Complaint</span></a></li></ul></li><li><a href="index.php/pages/view/1560?mid=215" ><span><img src="https://www.water.gov.my/jps/modules_resources/menus/15bbc0e21d26099d2f6fbd74eb640775.png" alt="Help" /> Help</span></a><ul><li><a href="index.php/pages/view/871?mid=254" ><span>FAQs</span></a></li></ul></li></ul></div> 991<style> 992#responsive_menu_212{ 993 994 background: rgba(255, 255, 255, 0); 995 996} 997 998#responsive_menu_212 > ul > li > a { 999 1000 color: #045268; 1001 } 1002 1003#responsive_menu_212 ul ul li a { 1004 1005 background: rgba(255, 255, 255, 0); 1006 1007 color: #045268; 1008 } 1009 1010#responsive_menu_212 ul ul li.has-sub > a:after, #responsive_menu_212 ul ul li.has-sub > a:before { 1011 1012 background: #045268; 1013 } 1014 1015#responsive_menu_212 .submenu-button:before, #responsive_menu_212 .submenu-button:after { 1016 1017 background: #045268; 1018 } 1019 1020.responsive_menu > ul > li > a { 1021 1022 font-size: 14px; 1023 } 1024.responsive_menu ul ul li a { 1025 1026 font-size: 14px; 1027 } 1028.responsive_menu #menu-button { 1029 1030 font-size: 14px; 1031 } 1032 1033@media only screen and (min-width: 768px) { 1034 #responsive_menu_212 > ul > li > a:hover { 1035 1036 background: #0063b1; 1037 } 1038 1039 #responsive_menu_212 > ul > li > a:hover { 1040 1041 color: rgb(255, 255, 255); 1042 } 1043 1044 #responsive_menu_212 ul ul li a:hover { 1045 1046 background: #0063b1; 1047 1048 color: rgb(255, 255, 255); 1049 } 1050 1051 #responsive_menu_212 ul ul li.has-sub > a:hover:after, #responsive_menu_212 ul ul li.has-sub > a:hover:before { 1052 1053 background: rgb(255, 255, 255); 1054 } 1055} 1056 1057@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { 1058 #responsive_menu_212 #menu-button { 1059 1060 color: #045268; 1061 } 1062 1063 #responsive_menu_212 #menu-button:after { 1064 1065 border-color: #045268; 1066 } 1067 1068 #responsive_menu_212 .submenu-button.submenu-opened { 1069 1070 background: #045268; 1071 } 1072 1073 #responsive_menu_212 #menu-button.menu-opened:after, #responsive_menu_212 #menu-button:before { 1074 1075 background: #045268; 1076 } 1077 1078 #responsive_menu_212 .submenu-button.submenu-opened:before, #responsive_menu_212 .submenu-button.submenu-opened:after { 1079 1080 background: rgb(255, 255, 255); 1081 } 1082 1083 #responsive_menu_212 .submenu-button.submenu-opened + a, #responsive_menu_212 .submenu-button.submenu-opened + a { 1084 1085 background: #0063b1; 1086 1087 color: rgb(255, 255, 255); 1088 } 1089} 1090</style> 1091
1092<script> 1093$( document ).ready(function() { 1094 $("#responsive_menu_212").menumaker({ 1095 title: "Menu", 1096 format: "multitoggle" 1097 }); 1098}); 1099</script>
1099 1100 1101</div></div></div> 1102</div> 1103<div id='5858ae623d0f6' class='col-3-12' data-colname='Search'> 1104<div class='column-5858ae623d0f6 drag'> 1105<div class="block block-216 block_no_1 block_html_block hover-desc" id="216"><div class='block-header '></div><div class="block-body content"><div class="f_search"> 1106<form splwpk-advanced-search-function="splwpk-advanced-search-function"><label for="adv_search_text" style="display:none;">Advance Search:</label> <label for="filter-searching" style="display:none;">Filter Search:</label><label for="specific-searching" style="display:none;">Specific Searching:</label></form> 1107 1108<div> 1109<form splwpk-search-function="splwpk-search-function"><style> 1110 1111.dropdown-content { 1112 display: none; 1113 position: fixed; 1114 width:auto; 1115 background-color: rgba(102, 178, 255, 0.7); 1116 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5); 1117 z-index: 9999; 1118} 1119 1120 1121.dropdown-content a { 1122 color: black; 1123 padding: 12px 16px; 1124 text-decoration: none; 1125 display: block; 1126} 1127 1128#myDropdown{ 1129 width:auto; 1130} 1131 1132.dropdown-content a:hover {background-color: #f1f1f1} 1133 1134 1135.display_adv_block {display:block;} 1136 1137.tooltip { 1138 position: relative; 1139 display: inline-block; 1140 1141} 1142 1143 1144.tooltip .tooltiptext { 1145 visibility: hidden; 1146 width: 120px; 1147 background-color: #555; 1148 color: #fff; 1149 text-align: center; 1150 padding: 5px 0; 1151 border-radius: 6px; 1152 1153 position: absolute; 1154 z-index: 1; 1155 bottom: 125%; 1156 left: 50%; 1157 margin-left: -60px; 1158 1159 opacity: 0; 1160 transition: opacity 1s; 1161} 1162 1163 1164.tooltip .tooltiptext::after { 1165 content: ""; 1166 position: absolute; 1167 top: 100%; 1168 left: 50%; 1169 margin-left: -5px; 1170 border-width: 5px; 1171 border-style: solid; 1172 border-color: #555 transparent transparent transparent; 1173} 1174 1175 1176.tooltip:hover .tooltiptext { 1177 visibility: visible; 1178 opacity: 1; 1179} 1180 1181.advance_filter{ 1182 1183 color: white; 1184 1185} 1186 1187.advance_filter_header{ 1188 position:relative; 1189 height:50px; 1190 width:100%; 1191 text-align:center; 1192 padding-top:5px; 1193 background-color:#66b2ff; 1194} 1195 1196.advance_filter_footer{ 1197 position:relative; 1198 height:50px; 1199 width:100%; 1200 text-align:center; 1201 padding-bottom:5px; 1202 background-color:#66b2ff; 1203} 1204 1205.advance_header_title{ 1206 1207 font-family: "Courier New", "serif" , "sans-serif"; 1208 font-weight:bold; 1209 1210 1211} 1212 1213.search_filter_table{ 1214 border-collapse: collapse; 1215 width: inherit; 1216 height: inherit; 1217 1218 1219} 1220 1221 1222 1223.search_filter_table tr td{ 1224 width:auto; 1225 padding-left:10px; 1226 padding-right:10px;
1227 /*min-width:200px; 1228 max-width:250px;*/ 1229 1230 border-right:2px solid white; 1231} 1232 1233.front_row{ 1234 text-align:center; 1235 padding:10px; 1236 1237 font-weight: bold; 1238 text-decoration: underline; 1239 1240} 1241 1242.inner-table{ 1243 margin:10px; 1244} 1245 1246.inner-table tr td{ 1247 padding: 4px; 1248 border-bottom:0px; 1249 border-right:0px; 1250} 1251 1252.search_fields{ 1253 text-align:center; 1254 1255 1256} 1257 1258.select2-selection__choice{ 1259 background-color: none !important; 1260 color: black; 1261} 1262 1263.select2-container{ 1264 z-index:9999; 1265} 1266 1267.remove_loading_background{ 1268 background:transparent !important; 1269} 1270 1271</style> 1272<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/search/styles/search_theme.css" /> 1273<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/shared/scripts/select/select2.min.css" />
1274<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/select/select2.full.min.js"></script>
1274 1275 1276<div class="search-wrap" style="width:350px; margin: 0 auto;"> 1277 1278 <form action="https://www.water.gov.my/index.php/search/results" accept-charset="utf-8" method="GET" id="search_block_form"> 1279 <label for="search" class="search-lbl" style="display:none;">Search</label> 1280 1281 <div class='search-box search-box1'> 1282 <input type='text' class='search-text' name='search' id="search" placeholder='Search' style='padding: 7px 0px 7px 7px;'/> 1283 1284 1285 <button class='search-button no_search_name' type='submit'><span><span style="display:none;">NO_NAME</span></span></button> 1286 1287 1288 </form> 1289 1290 <form action="https://www.water.gov.my/index.php/search/results" accept-charset="utf-8" method="POST" id="adv_search_form"> <img src="assets/shared/images/admin/plus-sign.png" id="search-input-img" style="z-index:1;cursor: pointer;" alt="Advance Search" Title="Advance Search" onclick="dropdown_toggle()" class="advance_search_btn" /> 1291 <link rel="stylesheet" type="text/css" media="all" href="https://www.water.gov.my/assets/shared/css/preloader.css">
1291 <div class="preloader" id="transparent_content"> 1292 <div class="preloadStatus remove_loading_background" > 1293 <div id="myDropdown" class="dropdown-content"> 1294 <div class="advance_filter"> 1295 <div class="advance_filter_header"> 1296 <span class="advance_header_title"> Advance Search </span> 1297 </div> 1298 <table class="search_filter_table"> 1299 <tr> 1300 <td style="text-align:center;border-right:0px;padding: 4px;" colspan="3" > Search : <input type="text" name="adv_search" value="" id="adv_search_text" class="search-text" placeholder="Search" /> 1301 </td> 1302 1303 </tr> 1304 1305 <tr> 1306 <td class="front_row">Keyword Search</td> 1307 <td class="front_row">Specific Search</td> 1308 <td class="front_row" style="border-right:0px">Filter Search</td> 1309 </tr> 1310 <tr> 1311 <td> 1312 <table class="inner-table"> 1313 <tr> 1314 <td> 1315 <label for="keyword_all" style="display:none">All</label> 1316 <input type="text" name="keyword_all" value="" id="keyword_all" placeholder="Contains Keywords" /> <div class="tooltip"> <img src='assets/shared/images/info_box.png' style="width:20px;height:20px;"/> 1317 <span class="tooltiptext">Contain <b><i>all</i></b> of these keywords. </span> 1318 </div> 1319 </td> 1320 </tr> 1321 <tr> 1322 <td> 1323 <label for="keyword_exact" style="display:none">Exact</label> 1324 <input type="text" name="keyword_exact" value="" id="keyword_exact" placeholder="Exact Keywords" /> <div class="tooltip"> <img src='assets/shared/images/info_box.png' style="width:20px;height:20px;"/> 1325 <span class="tooltiptext">Contain <b><i>exactly</i></b> these keywords.</span> 1326 </div> 1327 </td> 1328 </tr> 1329 <tr> 1330 <td> 1331 <label for="keyword_any" style="display:none">Any</label> 1332 <input type="text" name="keyword_any" value="" id="keyword_any" placeholder="Any Keywords" /> <div class="tooltip"> <img src='assets/shared/images/info_box.png' style="width:20px;height:20px;"/> 1333 <span class="tooltiptext">Contain <b><i>any</i></b> of these keywords.</span> 1334 </div> 1335 </td> 1336 </tr> 1337 <tr> 1338 <td> 1339 <label for="keyword_none" style="display:none">None</label> 1340 <input type="text" name="keyword_none" value="" id="keyword_none" placeholder="Not these Keywords" /> </label> 1341 <div class="tooltip"> <img src='assets/shared/images/info_box.png' style="width:20px;height:20px;"/> 1342 <span class="tooltiptext">Contain <b><i>none</i></b> of these keywords.</span> 1343 </div> 1344 </td> 1345 </tr> 1346 </table> 1347 </td> 1348 <td class="search_fields"> 1349 <label for="specific-searching-input" style="display:none">Specific Input</label> 1350 <select name="specifc_search[]" class="input" id="specific-searching" multiple="multiple"> 1351<option value="name">Title</option> 1352<option value="body">Body</option> 1353</select> </td> 1354 1355 <td class="search_fields" style="border-right:0px"> 1356 <label for="filter-searching-input" style="display:none">Filter Input</label> 1357 <select name="filter_search[]" class="input" id="filter-searching" multiple="multiple"> 1358<option value="image">Image</option> 1359<option value="application">Document</option> 1360</select> </td> 1361 </tr> 1362 <tr > 1363 <td style="text-align:right;border-right:0px;padding: 4px;" colspan="3"> 1364 <input type="hidden" name="to_redirect" id="to_redirect"/> 1365 <input type="hidden" name="type_specific" id="specific_type_hidden"/> 1366 <input type="hidden" name="type_filter" id="filter_type_hidden"/> 1367 </td> 1368 </tr> 1369 </table> 1370 </div> 1371 <div class="advance_filter_footer"> 1372 <input type="button" class="button" value="Close" onclick="close_box()"/> 1373 <input type="button" class="button" value="Search" onclick="get_search_results_ajax(0 , false)" id="enter_key_adv_search"/> 1374 </div> 1375 </div> 1376 </div> 1377 </div> 1378 </form> </div> 1379 1380 </div> 1381 1382
1383<script> 1384 1385$(document).ready(function(e) { 1386 1387 //declare the select2 lists 1388 multiple_select(); 1389 $('#specific-searching').parent().find('input').first().attr('id', 'specific-searching-input'); 1390 $('#filter-searching').parent().find('input').first().attr('id', 'filter-searching-input'); 1391 var auto_complete = 1; 1392 var open_new_tab = 0; 1393 var on_keyup = 0; 1394 var keyup_amount = 7; 1395 var adv_search = 1; 1396 1397 1398 if(adv_search == 1){ 1399 //for IE fix. 1400 $('.search-box').css('overflow','visible'); 1401 } 1402 // adds the open in new tab if its set to 1 1403 if(open_new_tab == 1){ 1404 if($('#div_search_results').length == 0){ 1405 $('#search_block_form').attr('target', '_blank'); 1406 } 1407 } 1408 1409 if(on_keyup == 1){ 1410 $('#search').attr("oninput", "trigger_on_keyup("+ keyup_amount +")"); 1411 } 1412 1413 1414 if(auto_complete == 1){ 1415 1416 $('.search-text').each(function(i, el) { 1417 el = $(el); 1418 el.autocomplete({ 1419 source: function(request, response) { 1420 $.ajax({ 1421 url: site_url('search/autocomplete_search'), 1422 data: request, 1423 minLength: 2, 1424 dataType: "json", 1425 type: "POST", 1426 success: function(data){ 1427 var id = el.attr('id'); 1428 $('#'+id).data("ui-autocomplete")._renderItem = function( ul, item ) { 1429 1430 $(ul).css({ 'z-index' : 9999 }); 1431 1432 return $( "<li></li>" ) 1433 .data( "item.autocomplete", item ) 1434 .append( "<a><b>" + item.name + "</b><br><span>"+item.type+"</span></a>" ) 1435 .appendTo(ul); 1436 }; 1437 response(data); 1438 } 1439 }); 1440 }, 1441 minLength: 1, 1442 focus: function(event, ui) { 1443 //$('.search-text').val(ui.item.name); 1444 //return false; 1445 }, 1446 //changed to redirect on click 1447 select: function(event, ui) { 1448 return window.location = site_url("pages/view/"+ ui.item.id); 1449 } 1450 }); 1451 }); 1452 1453 } 1454 $(".advance_filter input").keydown(function (e) { 1455 if (e.keyCode == 13) { 1456 $('#enter_key_adv_search').focus(); 1457 $('#enter_key_adv_search').click(); 1458 } 1459 }); 1460 1461 $(window).click(function(e){ 1462 // if(e.target.id == 'myDropdown'){
1463 if(e.target.id == 'transparent_content'){ 1464 $("#myDropdown").toggleClass("display_adv_block"); 1465 //$(".dropdown").hide(); 1466 $('.preloader').removeClass("preloader-display"); 1467 $('#search').prop("disabled", false); 1468 } 1469 }); 1470}); 1471 1472function adv_search_location(){ 1473 1474$('#myDropdown').css("position","fixed"); 1475var width = $('#myDropdown').outerWidth()/2; 1476var height = $('#myDropdown').outerHeight()/2; 1477$('#myDropdown').css("left","50%"); 1478$('#myDropdown').css("top","50%"); 1479$('#myDropdown').css("margin-top","-"+height+"px"); 1480$('#myDropdown').css("margin-left","-"+width+"px"); 1481 1482 1483} 1484 1485function dropdown_toggle() { 1486 $("#myDropdown").toggleClass("display_adv_block"); 1487 //$(".dropdown").show(); 1488 $('.preloader').addClass("preloader-display"); 1489 // http://jqueryui.com/draggable/#constrain-movement 1490 $('#myDropdown').draggable({ containment: "#transparent_content", scroll: false }); 1491 $('#adv_search_text').focus(); 1492 1493 if($("#myDropdown").hasClass("display_adv_block")) 1494 $('#search').prop("disabled", true); 1495 else 1496 $('#search').prop("disabled", false); 1497 adv_search_location(); 1498 1499} 1500 1501function close_box(){ 1502 $("#myDropdown").toggleClass("display_adv_block"); 1503 $('#search').prop("disabled", false); 1504 //$(".dropdown").hide(); 1505 $('.preloader').removeClass("preloader-display"); 1506 1507 adv_search_location(); 1508} 1509function multiple_select() 1510{ 1511 if(jQuery().select2) 1512 { 1513 $('#specific-searching').select2({ 1514 width: '150px', 1515 placeholder: 'Default All' 1516 }); 1517 1518 $('#filter-searching').select2({ 1519 width: '150px', 1520 placeholder: 'Default All' 1521 }); 1522 1523 } 1524 1525} 1526 1527 1528 1529function trigger_on_keyup(value){ 1530 //var keyup_amount = event.target.value.length; 1531 var keyup_amount = $('#search').val().length; 1532 1533 //triggers the form submit for the search button 1534 if(keyup_amount >= value) 1535 $('.search-button').trigger('click'); 1536} 1537</script>
1537 1538</form> 1539</div> 1540 1541<table border="0" cellpadding="0" cellspacing="0" style="width:100%;/* margin-top: 5px; *//* text-align: center; *//* margin: 0 auto; *//* margin: 15px 0 15px; */"> 1542 <tbody> 1543 <tr> 1544 <td class="custom-border" style="text-align: center;width: 20%;"><a class="icon_image" href="/index.php/pages/view/871"><img alt="image" src="jps/resources/Icon/faq.png" style="width: 25px; height: 25px;" /></a><br /> 1545 <a href="/index.php/pages/view/871"><span style="color:#000000;"><strong><span style="font-size:11px;">F.A.Q.</span><br /> 1546 </strong></span></a></td> 1547 <td class="custom-border" style="text-align: center;/* width: 20%; *//* border-right: 1px solid red; */"><a class="icon_image" href="/index.php/pages/view/1556"><img alt="image" src="jps/resources/Icon/hubungi.png" style="width: 25px; height: 25px;" /></a><br /> 1548 <a href="/index.php/pages/view/1556"><span style="color:#000000;"><strong><span style="font-size:11px;">Contact Us</span><br /> 1549 </strong></span></a></td> 1550 <td class="custom-border" style="text-align: center;/* width: 35%; *//* border-right: 1px solid red; */"><a class="icon_image" href="/index.php/forms/form/2"><img alt="image" src="jps/resources/Icon/maklumbalas.png" style="width: 25px; height: 25px;" /></a><br /> 1551 <span style="font-size:11px;"><a href="https://water.spab.gov.my/eApps/system/index.do" target="_blank"><span style="color:#000000;"><strong>Complaints and<br /> 1552 Feedback</strong></span></a></span></td> 1553 <td style="text-align: center;/* width: 25%; */"><a class="icon_image" href="/index.php/sitemap/33"><img alt="image" src="jps/resources/Icon/peta.png" style="width: 25px; height: 25px;" /></a><br /> 1554 <a href="/index.php/sitemap/33"><span style="color:#000000;"><strong><span style="font-size:11px;">Sitemap</span><br /> 1555 </strong></span></a></td> 1556 </tr> 1557 </tbody> 1558</table> 1559</div> 1560<style type="text/css">.f_search{ 1561 /* margin: 19px 0px;*/ 1562 /*background: rgba(255,255,255,0.50);*/ 1563 /*background: rgba(255,255,255,0.50)url(/jps/resources/FullScreen_Icons/1GovSearch_Logo.png)no-repeat; 1564 background-position: center right; 1565 background-size: 30%;*/ 1566 border-top-right-radius: 5px; 1567 border-bottom-right-radius: 5px; 1568 } 1569.custom-border { 1570 position: relative; 1571} 1572 1573.custom-border:after { 1574 content: " "; 1575 position: absolute; 1576 border-left: 1px red solid; 1577 top:15%; 1578 right: 0; 1579 height: 40%; 1580 margin-top: auto; 1581 margin-bottom: auto; 1582} 1583@media only screen and (max-width: 768px) and (min-width: 320px) 1584{ 1585a.icon_image img{ 1586display:unset!important;} 1587} 1588</style> 1589</div></div></div> 1590</div> 1591</div> 1592<div id='5858af4a3d0fb' class='grid row-5858af4a3d0fb'> 1593<div id='5858af4a3d0fc' class='col-1-1' data-colname='Announcement'> 1594<div class='column-5858af4a3d0fc drag'> 1595<div class="block block-222 block_no_1 block_html_block hover-desc" id="222"><div class='block-header '></div><div class="block-body content"><div class="f_fullrow"> 1596<div class="f_center"><link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/contents/modern_news_ticker/css/modern-ticker.css" /> 1597<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/contents/modern_news_ticker/themes/theme1/theme.css" />
1598<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/modern_news_ticker/js/jquery.modern-ticker.min.js"></script>
1598 1599 1600<div class="modern_news_ticker_217 "> 1601 <div class="mt-body"> 1602<div class="mt-label"><a href="https://www.water.gov.my/index.php/announcements/all/12">Announcement | </a> <a href="https://www.water.gov.my/index.php/announcements/archives/12">Archive</a></div> <div class="mt-news"> 1603 <ul> 1604 </ul> 1605 </div> 1606 1607 <div class="mt-controls"> 1608 <div class="mt-prev"></div> 1609 <div class="mt-play"></div> 1610 <div class="mt-next"></div> 1611 </div> 1612 </div> 1613</div> 1614 1615<style> 1616/* Ticker */ 1617.modern_news_ticker_217 { 1618 width: 100%; 1619 height: 30px; 1620 line-height: 30px; 1621 font-size: 14px; 1622 overflow: hidden; 1623} 1624.modern_news_ticker_217 a { 1625 text-decoration: none; 1626} 1627.modern_news_ticker_217 ul { 1628 margin: 0; 1629 padding: 0; 1630 list-style: none; 1631} 1632 1633/* News. See modern-ticker/themes/theme1/theme.css */ 1634/* mt-news background-color has no effect here so force it with "!important" */ 1635.mt-news { 1636 color: white; 1637 background-color: transparent !important; 1638} 1639 1640/* Label. See modern-ticker/themes/theme1/theme.css */ 1641.mt-label, .mt-prev, .mt-next, .mt-label a { 1642 color: white; 1643 background-color: DeepSkyBlue2; 1644} 1645.mt-play { 1646 background-color: DeepSkyBlue; 1647} 1648</style> 1649
1650<script type="text/javascript"> 1651 jQuery(".modern_news_ticker_217").modernTicker({ 1652 effect: "scroll", 1653 scrollType: "continuous", 1654 scrollStart: "inside", 1655 scrollInterval: 20, /* for effect:scroll only */ 1656 typeInterval: 20, /* for effect:type only. TODO: not working, need to debug 20150527 */ 1657 transitionTime: 500, /* TODO: let use configure 20150527 */ 1658 linksEnabled: true, 1659 pauseOnHover: true, 1660 autoplay: true }); 1661</script>
1661 1662</div> 1663</div> 1664<style type="text/css">.f_fullrow{ 1665 width: 100%; 1666 1667} 1668.f_center{ 1669 max-width: 1170px; 1670 width: 100%; 1671 margin: auto; 1672 background: #034ea2; 1673 border-radius: 5px; 1674} 1675 1676.modern_news_ticker_217{ 1677 line-height: 26px!important; 1678} 1679.mt-news a{ width:auto!important; 1680} 1681</style> 1682</div></div></div> 1683</div> 1684</div> 1685<div id='58661e1739610' class='grid row-58661e1739610'> 1686<div id='58661e1739611' class='col-2-12' data-colname='Quick_Links'> 1687<div class='column-58661e1739611 drag'> 1688<div class="block block-214 block_no_1 block_html_block hover-desc" id="214"><div class='block-header '></div><div class="block-body content"><div class="q_links"> 1689<div class="q_link_items"> 1690<div class="q_public"><a href="/index.php/pages/view/1312">Public</a></div> 1691</div> 1692 1693<div class="q_link_items "> 1694<div class="q_staff"><a href="/index.php/pages/view/1364">staff</a></div> 1695</div> 1696 1697<div class="q_link_items "> 1698<div class="q_download"><a href="/index.php/pages/view/887">download</a></div> 1699</div> 1700 1701<div class="q_link_items "> 1702<div class="q_business"><a href="/index.php/pages/view/1788">Business</a></div> 1703</div> 1704</div> 1705</div></div></div> 1706</div> 1707<div id='58661e7439612' class='col-10-12' data-colname='Main_Slider'> 1708<div class='column-58661e7439612 drag'> 1709<div class="block block-498 block_no_1 block_content_slicebox_slider_block hover-desc" id="498"><div class='block-header '></div><div class="block-body content"><link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/image_contents/styles/slicebox_slider/slicebox.css" />
1710<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/image_contents/scripts/slicebox_slider/modernizr.custom.46884.js"></script>
vendor: 1 bytes, line 1710
1710
1711<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/image_contents/scripts/slicebox_slider/jquery.slicebox.js"></script>
1711 1712 1713<div id="sb-slider_498_wrapper" class="slider-wrapper"> 1714 1715 <ul id="sb-slider_498" class="sb-slider" > 1716<li data-src="jps/modules_resources/images_contents/cdf166c34d8d07b4e2ec9762b5ed1083.png"><div class="slider-content" ><img src="jps/modules_resources/images_contents/cdf166c34d8d07b4e2ec9762b5ed1083.png" width="100%" height="190px" alt="Spaqs"/></div></li><li data-src="jps/modules_resources/images_contents/7031f580ab613ff7102cc25c6cd3d986.jpg"><div class="slider-content" ><img src="jps/modules_resources/images_contents/7031f580ab613ff7102cc25c6cd3d986.jpg" width="100%" height="190px" alt="My JPS"/></div></li><li data-src="jps/modules_resources/images_contents/3ab31f4b17d6142effc7071756cebd84.JPG"><div class="slider-content" ><img src="jps/modules_resources/images_contents/3ab31f4b17d6142effc7071756cebd84.JPG" width="100%" height="190px" alt="MyRiver"/></div></li><li data-src="jps/modules_resources/images_contents/3a8f51807288e06dfe52e432ff09cc65.jpg"><div class="slider-content" ><img src="jps/modules_resources/images_contents/3a8f51807288e06dfe52e432ff09cc65.jpg" width="100%" height="190px" alt="Banner JPS Malaysia"/></div></li><li data-src="jps/modules_resources/images_contents/cefd59c989c1ae09bd07626a8d0fa4ba.png"><div class="slider-content" ><img src="jps/modules_resources/images_contents/cefd59c989c1ae09bd07626a8d0fa4ba.png" width="100%" height="190px" alt="PELAWAAN TENDER PRA-KELAYAKAN KONTRAKTOR PENYIAP"/></div></li><li data-src="jps/modules_resources/images_contents/aa227467dfc4b45eedf07ac28a201011.png"><div class="slider-content" ><img src="jps/modules_resources/images_contents/aa227467dfc4b45eedf07ac28a201011.png" width="100%" height="190px" alt="Pensijilan Sistem Pengurusan Alam Sekitar EMS ISO "/></div></li><li data-src="jps/modules_resources/images_contents/571880e1eb44b13931a51b5b32a3a985.png"><div class="slider-content" ><img src="jps/modules_resources/images_contents/571880e1eb44b13931a51b5b32a3a985.png" width="100%" height="190px" alt="eBANCI 2026"/></div></li> </ul> 1717 1718 1719 1720 1721 <div id="nav-arrows" class="nav-arrows"> 1722 <a href="#">Next</a> 1723 <a href="#">Previous</a> 1724 </div> 1725 1726 1727 1728</div> 1729 1730 1731 1732 1733
1734<script type="text/javascript"> 1735 1736$(function(){ 1737 var Page = (function() { 1738 1739 var $navArrows = $( '#nav-arrows' ).hide(), 1740 $navDots = $( '#nav-dots' ).hide(), 1741 $nav = $navDots.children( 'span' ), 1742 $shadow = $( '#shadow' ).hide(), 1743 slicebox = $( "#sb-slider_498" ).slicebox( { 1744 onReady : function() { 1745 1746 $navArrows.show(); 1747 $navDots.show(); 1748 $shadow.show(); 1749 }, 1750 onBeforeChange : function( pos ) { 1751 1752 $nav.removeClass( 'nav-dot-current' ); 1753 $nav.eq( pos ).addClass( 'nav-dot-current' ); 1754 1755 }, 1756 orientation : 'h', 1757 cuboidsRandom : true, 1758 autoplay : 1, 1759 interval: 5000, 1760 easing : 'ease', 1761 colorHiddenSides : '#222' 1762 } ), 1763 1764 init = function() { 1765 1766 initEvents(); 1767 1768 }, 1769 initEvents = function() { 1770 1771 // add navigation events 1772 $navArrows.children( ':first' ).on( 'click', function() { 1773 1774 slicebox.next(); 1775 return false; 1776 1777 } ); 1778 1779 $navArrows.children( ':last' ).on( 'click', function() { 1780 1781 slicebox.previous(); 1782 return false; 1783 1784 } ); 1785 1786 $nav.each( function( i ) { 1787 1788 $( this ).on( 'click', function( event ) { 1789 1790 var $dot = $( this ); 1791 1792 if( !slicebox.isActive() ) { 1793 1794 $nav.removeClass( 'nav-dot-current' ); 1795 $dot.addClass( 'nav-dot-current' ); 1796 1797 } 1798 1799 slicebox.jump( i + 1 ); 1800 return false; 1801 1802 } ); 1803 1804 } ); 1805 1806 }; 1807 1808 return { init : init }; 1809 1810 })(); 1811 1812 Page.init(); 1813 1814 1815}); 1816 1817</script>
1817 1818</div></div></div> 1819</div> 1820</div> 1821<div id='58eb1d680ec07' class='grid row-58eb1d680ec07'> 1822<div id='58eb1d680ec08' class='col-8-12' data-colname='Body_Content2'> 1823<div class='column-58eb1d680ec08 drag'> 1824<div class="block block-342 block_no_1 block_html_block hover-desc" id="342"><div class='block-header '></div><div class="block-body content"><p>
1824<script> 1825 $( function() { 1826 $( "#tabs" ).tabs(); 1827 $("#tabs").addClass( "ui-tabs-vertical ui-helper-clearfix" ); 1828 $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" ); 1829 } ); 1830 </script>
1830 1831<div class="ui-tabs-vertical ui-helper-clearfix" id="tabs"> 1832<ul> 1833 <li><a href="#tabs-2" id="tab2"><img alt="InfoBanjir" src="jps/resources/Icon/infobanjir_icon.png" /><span>Public InfoBanjir</span></a></li> 1834 <li><a href="#tabs-3" id="tab3"><img alt="MyWater" src="jps/resources/Icon/mywater_icon2.png" /><span>MyWater</span></a></li> 1835</ul> 1836 1837<div id="tabs-2" style="text-align:center"><a href="https://publicinfobanjir.water.gov.my/?lang=en" target="_blank"><img alt="InfoBanjir" class="test-pic " height="100%" src="jps/resources/Icon/InfoBanjir_banner.jpg" style="padding-left:1%" width="100%" /><!--span>Public InfoBanjir</span--></a></div> 1838 1839<div id="tabs-3" style="text-align:center"><a href="https://mywater.gov.my/portal/" target="_blank"><img alt="MyWater" class="test-pic " height="100%" src="jps/resources/Icon/mywater_banner.jpg" style="padding-left:1%" width="100%" /><!--span>MyWater</span--></a></div> 1840</div>
1841<script> 1842 1843tab2.onclick = function(){ 1844 open('https://publicinfobanjir.water.gov.my/?lang=en'); 1845} 1846tab3.onclick = function(){ 1847 open('https://mywater.gov.my/portal/'); 1848} 1849 1850</script>
1850</p> 1851</div></div></div> 1852</div> 1853<div id='58eb1dbb0ec0a' class='col-4-12' data-colname='Body_menu'> 1854<div class='column-58eb1dbb0ec0a drag'> 1855<div class="block block-218 block_no_1 block_html_block hover-desc" id="218"><div class='block-header '></div><div class="block-body content"><div class="f_body"> 1856<div class="fb_menu"> 1857<div class="inner"> 1858<div class="f_calendar"><a class="c_title" href="/index.php/pages/view/1434">Calendar</a></div> 1859 1860<div class="f_cal"><link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/shared/scripts/cluetip/jquery.cluetip.css" /> 1861<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/calendar/styles/front-base.css" />
1862<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/cluetip/jquery.cluetip.js"></script>
1862 1863<style> 1864 .custom { 1865 border: 1px solid #1d1d1d !important; 1866 } 1867 1868 .custom table thead { 1869 background-color: #045268; 1870 border-bottom: 2px solid #1d1d1d !important; 1871 } 1872 1873 .custom table td:hover { 1874 background: #1d1d1d; 1875 } 1876 1877 .custom table thead a { 1878 color: #fff; 1879 } 1880 1881 .custom .arrow-left { 1882 border-right: 7px solid #fff; 1883 } 1884 1885 .custom .arrow-right { 1886 border-left: 7px solid #fff; 1887 } 1888 </style> 1889<!-- display calender --> 1890<div id="cal_mini_calendar_250" class="custom border calendar rounded"></div> 1891
1892<script> 1893 1894 $(document).ready(function() { 1895 1896 var calendar_ids = ["47","134"]; 1897 calendar_ids = calendar_ids.join(","); 1898 1899 var calendar_setting = { 1900 1901 block_id: 250, 1902 calendars: calendar_ids, 1903 language: 'en', 1904 type: 'event' 1905 } 1906 1907 $.fn.initMiniCalendar= function() { 1908 1909 var mini = $(this); 1910 1911 $.ajax({ 1912 url: site_url('calendar/display_calendar'), 1913 type: 'POST', 1914 dataType: 'HTML', 1915 data: calendar_setting, 1916 success: function(c) { 1917 1918 mini.html(c); 1919 1920 var calendar_nxt = $(mini).find('.event_change'); 1921 1922 $(mini).on('click','.event_change',function(e){ 1923 e.preventDefault(); 1924 1925 $.ajax({ 1926 url: $(this).attr('href'), 1927 type: 'POST', 1928 dataType: 'HTML', 1929 data: calendar_setting, 1930 success: function(c) { 1931 1932 mini.html(c); 1933 } 1934 1935 }); 1936 1937 return false; 1938 }); 1939 } 1940 1941 }); 1942 1943 mini.find('.day_of_month a').cluetip({width: '200px', local: true,showTitle: false, dropShadow: false}); 1944 } 1945 1946 $('#cal_mini_calendar_'+250).initMiniCalendar(); 1947 1948 1949 1950 $("body").on('click','.ev_view',function(e){ 1951 1952 $(this).colorbox({ 1953 1954 width:"1000px", 1955 height:"750px", 1956 maxWidth: "98%", 1957 maxHeight: "98%", 1958 iframe: true, 1959 1960 }); 1961 1962 }); 1963 1964 // Updated 10/04/2017 1965 // Displays events as tooltip on hover on day 1966 $("body").on('hover','.ev_view',function(){ 1967 $('a.ev_view').cluetip({local: true, showTitle: false, dropShadow: true}); 1968 }); 1969 1970 }); 1971</script>
1971</div> 1972</div> 1973 1974<div class="inner"> 1975<div class="f_online"><a class="c_title">Online Services</a></div> 1976 1977<div class="f_box"> 1978 1979<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/menus/styles/superfish/css/superfish.css" /> 1980<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/menus/styles/superfish/css/superfish-vertical.css" />
1981<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/superfish.js"></script>
1981 1982
1983<script> 1984 1985 jQuery(document).ready(function(){ 1986 jQuery('ul.sf-menu').superfish({ 1987 animation: {height:'show'}, // slide-down effect without fade-in 1988 delay: 1200 // 1.2 second delay on mouseout 1989 }); 1990 }); 1991 1992</script>
1992 1993 1994 1995<ul class="sf-menu sf-vertical"><li class=""><a href="http://kontrak.water.gov.my/01sistBUBK/strak.cfm?mid=251" title="SMATRAK" target="_blank">SMATRAK</a></li><li class=""><a href="https://siswa.water.gov.my/?mid=252" title="Staff Information System (SISWA)" target="_blank">Staff Information System (SISWA)</a></li><li class=""><a href="http://hrd.water.gov.my/otas/?mid=253" title="OTAS" target="_blank">OTAS</a></li><li class=""><a href="http://library.water.gov.my/?mid=622" title="Virtual Library" target="_blank">Virtual Library</a></li></ul></div> 1996</div> 1997 1998<div class="inner"> 1999<div class="f_library"><a class="c_title">Tender</a></div> 2000<div class="f_box"> 2001 2002<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/menus/styles/superfish/css/superfish.css" /> 2003<link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/menus/styles/superfish/css/superfish-vertical.css" />
2004<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/superfish.js"></script>
2004 2005
2006<script> 2007 2008 jQuery(document).ready(function(){ 2009 jQuery('ul.sf-menu').superfish({ 2010 animation: {height:'show'}, // slide-down effect without fade-in 2011 delay: 1200 // 1.2 second delay on mouseout 2012 }); 2013 }); 2014 2015</script>
2015 2016 2017 2018<ul class="sf-menu sf-vertical"><li class=""><a href="https://spaqs.water.gov.my/tunas/senarai-iklan-telah-buka?mid=686" title="Notice Tender" target="_blank">Notice Tender</a></li><li class=""><a href="https://spaqs.water.gov.my/senarai-iklan-telah-tutup?mid=687" title="Tender Price Schedule" target="_blank">Tender Price Schedule</a></li><li class=""><a href="https://spaqs.water.gov.my/senarai-petender-berjaya?mid=688" title="Successful Tenderer" target="_blank">Successful Tenderer</a></li></ul></div> 2019</div> 2020 2021<div class="inner"> 2022<div class="f_SISPA"><a class="c_title" href="http://water.spab.gov.my/eApps/system/index.do" target="_blank">SISPAA(Complaint)</a></div> 2023</div> 2024</div> 2025</div> 2026</div></div></div> 2027</div> 2028</div> 2029<div id='5858af3e3d0f9' class='grid row-5858af3e3d0f9'> 2030<div id='590ff58a1d59a' class='col-4-12' data-colname='FB Tab'> 2031<div class='column-590ff58a1d59a drag'> 2032<div class="block block-410 block_no_1 block_html_block hover-desc" id="410"><div class='block-header '></div><div class="block-body content"><div class="fb-container"> 2033<table cellpadding="0" cellspacing="0" style="margin-top:3px;width:100%; "> 2034 <thead> 2035 <tr> 2036 <th scope="col" style="background-color: rgb(59, 89, 152); border-top-left-radius: 5px; border-top-right-radius: 5px;"> 2037 <div style="font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">Facebook JPS<a href="https://www.facebook.com/jpsmalaysiaofficial/" target="_blank"><img alt="facebook" src="jps/resources/Icon/external_link_white.png" style="width: 16px; height: 14px; float: right; margin-top: 2.5px; margin-right: 10px;" /></a></div> 2038 </th> 2039 </tr> 2040 </thead> 2041 <tbody> 2042 <tr> 2043 <td style="background-color: rgb(255, 255, 255); height: 255px;"> 2044 <div id="pageContainer"> 2045 <div class="fb-page" data-adapt-container-width="true" data-height="252" data-hide-cover="true" data-href="https://www.facebook.com/jpsmalaysiaofficial/" data-show-facepile="false" data-show-posts="true" data-small-header="true" data-width="500"> 2046 <div class="fb-xfbml-parse-ignore"> 2047 <blockquote cite="https://www.facebook.com/jpsmalaysiaofficial/"><a href="https://www.facebook.com/jpsmalaysiaofficial/">Jabatan Pengairan dan Saliran Malaysia - DID</a></blockquote> 2048 </div> 2049 </div> 2050 </div> 2051 </td> 2052 </tr> 2053 </tbody> 2054</table> 2055</div>
2056<script>(function(d, s, id) { 2057 var js, fjs = d.getElementsByTagName(s)[0]; 2058 if (d.getElementById(id)) return; 2059 js = d.createElement(s); js.id = id; 2060 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=302985666415399"; 2061 fjs.parentNode.insertBefore(js, fjs); 2062}(document, 'script', 'facebook-jssdk')); 2063 2064$( window ).resize(function() { 2065 var container_width = $('#pageContainer').width(); 2066 $('#pageContainer').html('<div class="fb-page" data-href="https://www.facebook.com/jpsmalaysiaofficial/" data-width="' + container_width + '" data-height="252" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-tabs="timeline"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/jpsmalaysiaofficial/"><a href="https://www.facebook.com/jpsmalaysiaofficial/">Jabatan Pengairan dan Saliran Malaysia - DID</a></blockquote></div></div>'); 2067 FB.XFBML.parse(); 2068}); 2069 2070</script>
2070</div></div></div> 2071</div> 2072<div id='5858af3e3d0fa' class='col-4-12' data-colname='Body_Content'> 2073<div class='column-5858af3e3d0fa drag'> 2074<div class="block block-340 block_no_1 block_html_block hover-desc" id="340"><div class='block-header '></div><div class="block-body content"><div><link rel="stylesheet" type="text/css" href="https://www.water.gov.my/assets/modules/contents/styles/rhino_slider/rhinoslider-1.05.css" />
2075<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/rhino_slider/rhinoslider-1.05.min.js"></script>
vendor: 1 bytes, line 2075
2075
2076<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/rhino_slider/mousewheel.js"></script>
vendor: 1 bytes, line 2076
2076
2077<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/modules/contents/scripts/rhino_slider/easing.js"></script>
2077 2078 2079<div id="rhino-slider_221_page"> 2080 <ul id="rhino-slider_221" style="width:100%; height:296px;"> 2081 2082<li> 2083 <div style="height:100%;"> 2084 <div style="background-color: rgba(3, 78, 162, 0.9);border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">DID's News</div> 2085 2086<div style="padding:0px 15px;"> 2087<h3 class="truncate">Projek Cakna MADANI beri impak pantas penuhi keperluan manusia</h3> 2088 2089<div class="imgDatastore"><img src="jps/modules_resources/database_stores/8/60_11617.jpeg" /></div> 2090 2091<div class="imgDatastore">Date: 2026-05-27</div> 2092 2093<div class="truncate"> 2094<p>Berita Harian || Download :<a href="https://www.water.gov.my/index.php/database_stores/attach_download/28/11617"><img alt="" src="jps/resources/Icon/pdf icon.png" style="width: 20px; height: 20px;" /></a></p> 2095</div> 2096 2097<div class="div-table" id="label-footer"> 2098<div class="div-body"> 2099<div class="div-row"> 2100<div class="div-col" id="news-slider" onclick="window.open('https://www.water.gov.my/index.php/database_stores/store_view_page/4/11617');" style="text-align: center; width: 50%;cursor: pointer;"><a>See More</a></div> 2101 2102<div class="div-col" id="news-slider" onclick="window.open('/index.php/database_stores/store_view/4');" style="text-align: center; width: 50%; cursor: pointer;"><a>View All</a></div> 2103</div> 2104</div> 2105</div> 2106</div> 2107<style type="text/css">
2107#news-slider:hover{ 2108 background-color: rgba(0, 0, 0, 0.1); 2109} 2110#rhino-slider_221_page .rhino-prev{left: 18px !important;} 2111#rhino-slider_221_page .rhino-next{right: -28px!important;} 2112#rhino-slider_221_page .rhino-btn{bottom: 100px!important;} 2113</style> 2114 2115 </div></li><li> 2116 <div style="height:100%;"> 2117 <div style="background-color: rgba(3, 78, 162, 0.9);border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">DID's News</div> 2118 2119<div style="padding:0px 15px;"> 2120<h3 class="truncate">KEDAH NAFI PEMBALAKAN PUNCA EMPANGAN BERSELUT</h3> 2121 2122<div class="imgDatastore"><img src="jps/modules_resources/database_stores/8/60_11615.jpeg" /></div> 2123 2124<div class="imgDatastore">Date: 2024-01-26</div> 2125 2126<div class="truncate"> 2127<p>Berita Harian || Download :<a href="https://www.water.gov.my/index.php/database_stores/attach_download/28/11615"><img alt="" src="jps/resources/Icon/pdf icon.png" style="width: 20px; height: 20px;" /></a></p> 2128</div> 2129 2130<div class="div-table" id="label-footer"> 2131<div class="div-body"> 2132<div class="div-row"> 2133<div class="div-col" id="news-slider" onclick="window.open('https://www.water.gov.my/index.php/database_stores/store_view_page/4/11615');" style="text-align: center; width: 50%;cursor: pointer;"><a>See More</a></div> 2134 2135<div class="div-col" id="news-slider" onclick="window.open('/index.php/database_stores/store_view/4');" style="text-align: center; width: 50%; cursor: pointer;"><a>View All</a></div> 2136</div> 2137</div> 2138</div> 2139</div> 2140<style type="text/css">
2140#news-slider:hover{ 2141 background-color: rgba(0, 0, 0, 0.1); 2142} 2143#rhino-slider_221_page .rhino-prev{left: 18px !important;} 2144#rhino-slider_221_page .rhino-next{right: -28px!important;} 2145#rhino-slider_221_page .rhino-btn{bottom: 100px!important;} 2146</style> 2147 2148 </div></li><li> 2149 <div style="height:100%;"> 2150 <div style="background-color: rgba(3, 78, 162, 0.9);border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">DID's News</div> 2151 2152<div style="padding:0px 15px;"> 2153<h3 class="truncate">PEMBANGUNAN MAMPAN KURANGKAN KEROSAKAN BANJIR</h3> 2154 2155<div class="imgDatastore"><img src="jps/modules_resources/database_stores/8/60_11616.jpeg" /></div> 2156 2157<div class="imgDatastore">Date: 2024-01-26</div> 2158 2159<div class="truncate"> 2160<p>Berita Harian || Download :<a href="https://www.water.gov.my/index.php/database_stores/attach_download/28/11616"><img alt="" src="jps/resources/Icon/pdf icon.png" style="width: 20px; height: 20px;" /></a></p> 2161</div> 2162 2163<div class="div-table" id="label-footer"> 2164<div class="div-body"> 2165<div class="div-row"> 2166<div class="div-col" id="news-slider" onclick="window.open('https://www.water.gov.my/index.php/database_stores/store_view_page/4/11616');" style="text-align: center; width: 50%;cursor: pointer;"><a>See More</a></div> 2167 2168<div class="div-col" id="news-slider" onclick="window.open('/index.php/database_stores/store_view/4');" style="text-align: center; width: 50%; cursor: pointer;"><a>View All</a></div> 2169</div> 2170</div> 2171</div> 2172</div> 2173<style type="text/css">
2173#news-slider:hover{ 2174 background-color: rgba(0, 0, 0, 0.1); 2175} 2176#rhino-slider_221_page .rhino-prev{left: 18px !important;} 2177#rhino-slider_221_page .rhino-next{right: -28px!important;} 2178#rhino-slider_221_page .rhino-btn{bottom: 100px!important;} 2179</style> 2180 2181 </div></li><li> 2182 <div style="height:100%;"> 2183 <div style="background-color: rgba(3, 78, 162, 0.9);border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">DID's News</div> 2184 2185<div style="padding:0px 15px;"> 2186<h3 class="truncate">PARAS AIR SUNGAI TEMBELING DI STESEN KAMPUNG BANTAL MELEPASI PARAS AMARAN</h3> 2187 2188<div class="imgDatastore"><img src="jps/modules_resources/database_stores/8/60_11605.jpeg" /></div> 2189 2190<div class="imgDatastore">Date: 2024-01-16</div> 2191 2192<div class="truncate"> 2193<p>Berita Harian || Download :<a href="https://www.water.gov.my/index.php/database_stores/attach_download/28/11605"><img alt="" src="jps/resources/Icon/pdf icon.png" style="width: 20px; height: 20px;" /></a></p> 2194</div> 2195 2196<div class="div-table" id="label-footer"> 2197<div class="div-body"> 2198<div class="div-row"> 2199<div class="div-col" id="news-slider" onclick="window.open('https://www.water.gov.my/index.php/database_stores/store_view_page/4/11605');" style="text-align: center; width: 50%;cursor: pointer;"><a>See More</a></div> 2200 2201<div class="div-col" id="news-slider" onclick="window.open('/index.php/database_stores/store_view/4');" style="text-align: center; width: 50%; cursor: pointer;"><a>View All</a></div> 2202</div> 2203</div> 2204</div> 2205</div> 2206<style type="text/css">
2206#news-slider:hover{ 2207 background-color: rgba(0, 0, 0, 0.1); 2208} 2209#rhino-slider_221_page .rhino-prev{left: 18px !important;} 2210#rhino-slider_221_page .rhino-next{right: -28px!important;} 2211#rhino-slider_221_page .rhino-btn{bottom: 100px!important;} 2212</style> 2213 2214 </div></li><li> 2215 <div style="height:100%;"> 2216 <div style="background-color: rgba(3, 78, 162, 0.9);border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">DID's News</div> 2217 2218<div style="padding:0px 15px;"> 2219<h3 class="truncate">MANGSA BAH JOHOR TERUS MENCATAT PENURUNAN </h3> 2220 2221<div class="imgDatastore"><img src="jps/modules_resources/database_stores/8/60_11606.jpeg" /></div> 2222 2223<div class="imgDatastore">Date: 2024-01-16</div> 2224 2225<div class="truncate"> 2226<p>Metro || Download :<a href="https://www.water.gov.my/index.php/database_stores/attach_download/28/11606"><img alt="" src="jps/resources/Icon/pdf icon.png" style="width: 20px; height: 20px;" /></a></p> 2227</div> 2228 2229<div class="div-table" id="label-footer"> 2230<div class="div-body"> 2231<div class="div-row"> 2232<div class="div-col" id="news-slider" onclick="window.open('https://www.water.gov.my/index.php/database_stores/store_view_page/4/11606');" style="text-align: center; width: 50%;cursor: pointer;"><a>See More</a></div> 2233 2234<div class="div-col" id="news-slider" onclick="window.open('/index.php/database_stores/store_view/4');" style="text-align: center; width: 50%; cursor: pointer;"><a>View All</a></div> 2235</div> 2236</div> 2237</div> 2238</div> 2239<style type="text/css">
2239#news-slider:hover{ 2240 background-color: rgba(0, 0, 0, 0.1); 2241} 2242#rhino-slider_221_page .rhino-prev{left: 18px !important;} 2243#rhino-slider_221_page .rhino-next{right: -28px!important;} 2244#rhino-slider_221_page .rhino-btn{bottom: 100px!important;} 2245</style> 2246 2247 </div></li> </ul> 2248</div> 2249<style> 2250 #rhino-slider_221 { 2251 2252 /*IE bugfix*/ 2253 padding:0; 2254 margin:0; 2255 } 2256 2257 #rhino-slider_221 li { list-style:none; } 2258 2259 #rhino-slider_221_page { 2260 width: 100%; 2261 margin: 0 auto; 2262 overflow: hidden; 2263 } 2264 2265 #rhino-slider_221_page .rhino-container { 2266 width : 100% 2267 2268 } 2269</style> 2270 2271
2272<script type="text/javascript"> 2273 2274 $(document).ready(function() { 2275 $('#rhino-slider_221').rhinoslider({ 2276 effect: 'none', 2277 autoPlay: true, 2278 showCaptions: 'never', 2279 showControls: 'always', 2280 controlsPlayPause: false, 2281 cycled: true, 2282 pauseOnHover: true, 2283 showTime: 5000, 2284 effectTime: 5000 2285 }); 2286 }); 2287 2288 2289</script>
2289</div> 2290</div></div></div> 2291</div> 2292<div id='58eb1d2d0ec06' class='col-4-12' data-colname='Latest_Publication'> 2293<div class='column-58eb1d2d0ec06 drag'> 2294<div class="block block-344 block_no_1 block_html_block hover-desc" id="344"><div class='block-header '></div><div class="block-body content"><table border="0" cellpadding="0" cellspacing="0" id="penerbitanTable" style="height:297px;width:100%; margin-top:3px;"> 2295 <thead> 2296 <tr style="background:#034ea2; opacity: 0.9"> 2297 <th scope="col" style="border-top-left-radius: 5px;border-top-right-radius: 5px;"> 2298 <div style="font-size:16px; color: white; text-align: left; padding: 10px 20px; font-weight: normal;">Latest Publications</div> 2299 </th> 2300 </tr> 2301 </thead> 2302 <tbody> 2303 <tr> 2304 <td style="background: white; opacity: 0.9; /*vertical-align: top;*/ text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;"> 2305 <div splwpk-publication="splwpk-publication" class="flippingbook_book-description" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: Arial, "Trebuchet MS", verdana, Tahoma, Helvetica, sans-serif; font-size: 11.2px;"> 2306 2307 2308 2309 <div class="top-list-flipbook-container" id="container> 2310 <span>Annual Report</span> 2311 2312 <ul id="top-lists-512" class="top-lists"> 2313 2314 <li> 2315 <a href="https://drive.google.com/file/d/1X8MTeVCsHcTewmF77ini1fHR-emv4GKs/view?usp=sharing" target="_blank"><img alt= "Laporan Tahunan 2024" src="jps/resources/LAPORAN_TAHUNAN_2024_-_FRONT_PAGE_page-0001.jpg" class="flipbook_img"></a> </li> 2316 2317 </ul> 2318 </div> 2319 <div class="top-list-flipbook-container" id="container> 2320 <span>Compendium</span> 2321 2322 <ul id="top-lists-512" class="top-lists"> 2323 2324 <li> 2325 <a href="" target="_blank"><img alt= "Kompedium 2025" src="jps/resources/WhatsApp_Image_2025-12-09_at_10.05_.38_(1)_.jpeg" class="flipbook_img"></a> </li> 2326 2327 </ul> 2328 </div> 2329 <div class="top-list-flipbook-container" id="container> 2330 <span>JPS Updates</span> 2331 2332 <ul id="top-lists-512" class="top-lists"> 2333 2334 <li> 2335 <a href="jps/resources/JPS_Updates_Edisi_4_Okt-Dis_2025-2.pdf" target="_blank"><img alt= "JPS UPDATES EDISI 4/2025" src="jps/resources/JPS_Updates_Edisi_4_Okt-Dis_2025-2.cover__page-0001_.jpg" class="flipbook_img"></a> </li> 2336 2337 </ul> 2338 </div> 2339 2340 2341 2342<style> 2343 #top-lists-512 { 2344 margin: 0; 2345 padding: 0; 2346 list-style-type: none; 2347 } 2348 2349 #top-lists-512 > li { 2350 padding: 5px 0; 2351 } 2352 2353 #top-lists-512 > li > a { 2354 } 2355 2356 .page-hits { 2357 float: right; 2358 color: #333; 2359 font-weight: bold; 2360 } 2361 2362 .flipbook_img{ 2363 margin: 0px; 2364 padding: 0px; 2365 vertical-align: bottom; 2366 border-width: 0px; 2367 border-style: solid; 2368 width: 106px; 2369 height: 150px; 2370 } 2371</style> 2372</div> 2373 </td> 2374 </tr> 2375 </tbody> 2376</table> 2377<style type="text/css">@media (max-width:768px){ 2378#penerbitanTable{width:100% !important;}} 2379 2380#top-lists-362{ 2381 padding-top: 10px; 2382} 2383 2384#top-lists-362 > li { 2385 padding: 5px 0; 2386 display: inline-table; 2387} 2388 2389.top-list-flipbook-container span{ 2390 font-size: 15px; 2391 font-weight: bold; 2392} 2393 2394.top-list-flipbook-container > li{ 2395 display: block !important; 2396} 2397 2398#penerbitanTable .flippingbook_book-description{padding: 5px 0px 0px 0px; display: table; width: 100%; margin: auto !important;} 2399#penerbitanTable .flippingbook_book-description .top-list-flipbook-container{display: table-cell}; 2400</style> 2401</div></div></div> 2402</div> 2403</div> 2404<div id='5858af5c3d0fd' class='grid row-5858af5c3d0fd'> 2405<div id='5858af5c3d0fe' class='col-1-1' data-colname='Footer'> 2406<div class='column-5858af5c3d0fe drag'> 2407<div class="block block-210 block_no_1 block_html_block hover-desc" id="210"><div class='block-header '></div><div class="block-body content"><div class="f_footer" id="i_footer"> 2408<div id="f_menu"> 2409<div class="f_container"> 2410<ul> 2411 <li><a class="f_slide f_stat " id="stat">Statistics</a></li> 2412 <li><a class="f_slide f_link front-end-colorbox" data-height="50%" data-type="inline" data-width="50%" href="#f_usefulinks" id="f_ulink">Related Links</a></li> 2413 <li><a class="f_slide f_directory front-end-colorbox" data-height="70%" data-type="iframe" data-width="90%" href="index.php/edirectory/edirectory_list/2?mode=popup">Directory</a></li> 2414 <li><a class="f_slide f_contact front-end-colorbox" data-height="80%" data-type="inline" data-width="90%" href="#f_slideup" id="f_contact">Contact Us</a></li> 2415 <li><a class="f_slide f_sitemap front-end-colorbox" data-height="80%" data-type="iframe" data-width="70%" href="/index.php/sitemap/33" splwpk-sitemap="splwpk-sitemap">Sitemap</a></li> 2416 <li><a class="f_slide f_cloud front-end-colorbox" data-height="60%" data-type="inline" data-width="50%" href="#f_cloudTag" id="f_Ctags">Tag Cloud</a></li> 2417 <li><a class="f_slide f_guide front-end-colorbox" data-height="80%" data-type="iframe" data-width="90%" href="/index.php/pages/view/1796">Guide</a></li> 2418 <li> 2419 <div id="f_lastupdate" style="margin:-16px 15px 0 15px;color: white; font-size:14px;" title="Last Update"><span class="float_right"> 2420Visitor count : <strong>2825568</strong></span> 2421<span class="last_update"> 2422Last updated : <strong>24-09-2026</strong></span> 2423 2424</div> 2425 </li> 2426</ul> 2427</div> 2428 2429<div class="hide" id="f_cloudTag">
2429<script type="text/javascript" language="javascript" src="https://www.water.gov.my/assets/shared/scripts/tagcanvas/jquery.tagcanvas.min.js"></script>
2429 2430 2431<style> 2432#tag_438{ 2433 background-color: #ffffff; 2434 border: 1px solid #CACACA; 2435 padding: 15px; 2436 -moz-border-radius: 0; 2437 -webkit-border-radius: 0; 2438 -goog-ms-border-radius: 0; 2439 border-radius: 0; 2440 width:100%; 2441} 2442 2443.tag_block #tag_cloud .smallest { 2444 font-size: 9px; 2445} 2446 2447.tag_block #tag_cloud .small { 2448 font-size: 10px; 2449} 2450 2451.tag_block #tag_cloud .medium { 2452 font-size: 12px; 2453} 2454 2455.tag_block #tag_cloud .large { 2456 font-size: 14px; 2457} 2458 2459.tag_block #tag_cloud .largest { 2460 font-size: 16px; 2461} 2462 2463#tag_cloud{ 2464 text-align: center; 2465 margin: 10px; 2466 font-size: 14px; 2467 font-weight: bold; 2468} 2469 2470#tag_listing{ 2471 margin: 10px; 2472 font-size: 12px; 2473} 2474</style> 2475<div class="tag_block" id="tag_438"> 2476 2477 <h2>Tag Cloud</h2> <canvas id="tagcanvas_438" style="width:100%;"><ul><li><a href="https://www.water.gov.my/index.php/pages/view_tag/59574a766458516764584d3d" title="about us" target="_blank">about us</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/636d567a62335679593255675932567564484a6c" title="resource centre" target="_blank">resource centre</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/63484a765a6d6c735a513d3d" title="profile" target="_blank">profile</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6233567949484e6c636e5a705932567a" title="our services" target="_blank">our services</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/5533526864476c7a64476c6a" title="Statistic" target="_blank">Statistic</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/5548566962476c6a" title="Public" target="_blank">Public</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/59584a6a61476c325a584d3d" title="archives" target="_blank">archives</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/593239686333526862434274595735685a3256745a573530" title="coastal management" target="_blank">coastal management</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6157356d62334a7459585270623234675a6d3979" title="information for" target="_blank">information for</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/5a476c3261584e706232343d" title="division" target="_blank">division</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/59584a3061574e735a584d3d" title="articles" target="_blank">articles</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/64485967615735305a584a326157563363773d3d" title="tv interviews" target="_blank">tv interviews</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6348566962476c6a" title="public" target="_blank">public</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/5a6d787662325167625746755957646c6257567564413d3d" title="flood management" target="_blank">flood management</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6447566a614735705932467349484e30645752705a584d3d" title="technical studies" target="_blank">technical studies</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/636d6c325a584967625746755957646c6257567564413d3d" title="river management" target="_blank">river management</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/55325679646d6c6a5a584d3d" title="Services" target="_blank">Services</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6257467564574673494359675a3356705a4756736157356c63773d3d" title="manual & guidelines" target="_blank">manual & guidelines</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/6257566b615745675932567564484a6c" title="media centre" target="_blank">media centre</a></li><li><a href="https://www.water.gov.my/index.php/pages/view_tag/593239756447466a6443423163773d3d" title="contact us" target="_blank">contact us</a></li></ul></canvas> 2478</div> 2479 2480<!--Load tagcanvas script if tag cloud type is tagcanvas-->
2481<script> 2482$(document).ready(function() { 2483 $('#tagcanvas_438' ).tagcanvas({ 2484 textFont: 'Arial, Helvetica, sans-serif', 2485 maxSpeed: 0.05, 2486 minSpeed: 0.01, 2487 textColour: 'rgb(51, 102, 169)', 2488 textHeight: 13, 2489 outlineMethod: 'colour', 2490 fadeIn: 800, 2491 outlineColour: '#039', 2492 outlineOffset: 0, 2493 depth: 0.97, 2494 minBrightness: 0.2, 2495 wheelZoom: false, 2496 reverse: true, 2497 shuffleTags: true, 2498 shadowOffset: [1,1], 2499 stretchX: 1.7, 2500 initial: [0,0.1], 2501 }) 2502}); 2503</script>
2503 2504 2505</div> 2506 2507<div class="hide" id="f_usefulinks"><table align="center" border="0" cellpadding="0" cellspacing="0" class="full" id="t_links" style="width:100%; height:100%;"> 2508 <tbody> 2509 <tr> 2510 <td colspan="4" style="text-align: center;"><strong>JPS States</strong></td> 2511 </tr> 2512 <tr> 2513 <td style="text-align: center;"><a href="https://jps.perlis.gov.my/" target="_blank">Perlis</a></td> 2514 <td style="text-align: center;"><a href="http://jpsns.ns.gov.my/" target="_blank">Negeri Sembilan</a></td> 2515 <td style="text-align: center;"><a href="http://jpsweb.terengganu.gov.my" target="_blank">Terengganu</a></td> 2516 <td style="text-align: center;"><a href="https://www.didkedah.gov.my" target="_blank">Kedah</a></td> 2517 </tr> 2518 <tr> 2519 <td style="text-align: center;"><a href="http://jps.melaka.gov.my/" target="_blank">Melaka</a></td> 2520 <td style="text-align: center;"><a href="http://www.did.sabah.gov.my/" target="_blank">Sabah</a></td> 2521 <td style="text-align: center;"><a href="http://jps.penang.gov.my/" target="_blank">Pulau Pinang</a></td> 2522 <td style="text-align: center;"><a href="http://jps.johor.gov.my/" target="_blank">Johor</a></td> 2523 </tr> 2524 <tr> 2525 <td style="text-align: center;"><a href="https://did.sarawak.gov.my/" target="_blank">Sarawak</a></td> 2526 <td style="text-align: center;"><a href="http://jps.perak.gov.my/" target="_blank">Perak</a></td> 2527 <td style="text-align: center;"><a href="http://jps.pahang.gov.my" target="_blank">Pahang</a></td> 2528 <td style="text-align: center;"><a href="http://state.water.gov.my/scc/" target="_blank">SMART</a></td> 2529 </tr> 2530 <tr> 2531 <td style="text-align: center;"><a href="http://water.selangor.gov.my" target="_blank">Selangor</a></td> 2532 <td style="text-align: center;"><a href="http://did.kelantan.gov.my/" target="_blank">Kelantan</a></td> 2533 <td style="text-align: center;"> </td> 2534 <td style="text-align: center;"> </td> 2535 </tr> 2536 <!--<tr> 2537 <td colspan="4" style="text-align: center;">Tender</td> 2538 </tr> 2539 <tr> 2540 <td><a href="http://kontrak.water.gov.my/tendernotice" target="_blank">Tender Notice</a></td> 2541 <td><a href="http://kontrak.water.gov.my/tenderberjaya" target="_blank">Successful Tenderer</a></td> 2542 <td><a href="http://kontrak.water.gov.my/tenderprice" target="_blank">Schedule Price</a></td> 2543 <td> </td> 2544 </tr>--> 2545 <tr> 2546 <td colspan="4" style="text-align: center;"><strong>Others</strong></td> 2547 </tr> 2548 <tr> 2549 <td style="text-align: center;"><a href="https://www.petra.gov.my/" target="_blank">MINISTRY</a></td> 2550 <td style="text-align: center;"><a href="https://www.jdn.gov.my/" target="_blank">JDN</a></td> 2551 <td style="text-align: center;"><a href="https://publicinfobanjir.water.gov.my/" target="_blank"><span style="text-align: center;">Public I</span><span style="text-align: center;">infobanjir</span></a></td> 2552 <td style="text-align: center;"><a href="https://www.malaysia.gov.my" target="_blank">MyGoverment</a></td> 2553 <td style="text-align: center;"><a href="https://gamma.malaysia.gov.my/appdetails/9" splwpk-mobile-apps="splwpk-mobile-apps" target="_blank">MYHRMIS MOBILE</a></td> 2554 <td style="text-align: center;"> </td> 2555 </tr> 2556 <tr> 2557 <td style="text-align: center;"> </td> 2558 <td style="text-align: center;"> </td> 2559 <td style="text-align: center;"> </td> 2560 <td style="text-align: center;"> </td> 2561 </tr> 2562 </tbody> 2563</table> 2564<style type="text/css">#t_links a{ 2565 /* color: rgba(255, 255, 255, 0.6);*/ 2566 font-size: 14px; 2567 padding: 5px 30px; 2568} 2569 2570#t_links a:hover{ 2571 color: rgba(255, 255, 255, 1); 2572 background:rgba(173, 14, 14, 0.5) url(/jps/resources/FullScreen_Icons/external_link.png) no-repeat; 2573 background-position: 5px center; 2574} 2575</style> 2576</div> 2577<label for="recaptcha_response_field" style="display: none;">recaptcha response field:</label> 2578 2579<div class="hide" id="f_slideup"><div id="contact_container"> 2580<div><form splwpk-feedback-form="splwpk-feedback-form"> 2581<link rel="stylesheet" type="text/css" href="/assets/modules/forms/styles/style.css" /> 2582<form action="https://www.water.gov.my/index.php" method="post" accept-charset="utf-8" id="form-block-22" data-id="22" enctype="multipart/form-data"> 2583 2584 2585 <style>.hide-lbl { visibility: hidden; }</style> 2586<div class="row row_header" id="row_764"><div class="field_section" id="field_790"><h3 class="header_form"><span>Contact Us</span></h3></div></div><div class="row" id="row_765"><table class="table_form form_display table_form_section cols_1" cellpadding="0" cellspacing="0"><tr> <td class="field_section "> <div class="label "><label><label for = field_791>Name</label><span class="req">*</span></label></div> <div class="field"> <span class="container_input"> <input id = field_791 type="text" class="field_text input large" name="field_791" value="" data-name="Name"/> </span> <div class="note"></div> </div> </td></tr></table></div><div class="row" id="row_766"><table class="table_form form_display table_form_section cols_1" cellpadding="0" cellspacing="0"><tr> <td class="field_section "> <div class="label "><label><label for = field_792>Email</label><span class="req">*</span></label></div> <div class="field"> <span class="container_input"> <input id = field_792 type="text" class="field_text input large" name="field_792" value="" data-name="Email"/> </span> <div class="note"></div> </div> </td></tr></table></div><div class="row" id="row_767"><table class="table_form form_display table_form_section cols_1" cellpadding="0" cellspacing="0"><tr> <td class="field_section "> <div class="label "><label><label for = field_793>Telephone No.</label><span class="req">*</span></label></div> <div class="field"> <span class="container_input"> <input type="text" class="field_text input medium" name="field_793" value="" data-name="tel_no"/> </span> <div class="note">Telephone No.</div> </div> </td></tr></table></div><div class="row" id="row_768"><table class="table_form form_display table_form_section cols_1" cellpadding="0" cellspacing="0"><tr> <td class="field_section "> <div class="label "><label><label for = field_794>Category</label></label></div> <div class="field"> <span class="container_input"> <select name="field_794" id = field_794class="field_select input large" data-name="C
2586ategory"> 2587<option value="Question (Pertanyaan)">Question (Pertanyaan)</option> 2588<option value="Suggestion (Cadangan) ">Suggestion (Cadangan) </option> 2589<option value="Appreciation (Penghargaan)">Appreciation (Penghargaan)</option> 2590</select> </span> <div class="note"></div> </div> </td></tr></table></div><div class="row" id="row_769"><table class="table_form form_display table_form_section cols_1" cellpadding="0" cellspacing="0"><tr> <td class="field_section "> <div class="label "><label><label for = field_795>Message</label><span class="req">*</span></label></div> <div class="field"> <span class="container_input"> <textarea id = field_795 class="field_textarea input large" name="field_795" data-name="Message"></textarea> </span> <div class="note"></div> </div> </td></tr></table></div>
vendor: 67 bytes, lines 2590-2591
2590<script src='https://www.google.com/recaptcha/api.js'></script> 2591
2592<div style=" margin:auto;display:table;"> 2593<div class="g-recaptcha" data-sitekey="6LekF0sUAAAAAHOK3u4z_ZddjP_A-Ii-sMWCxbQc"></div> 2594</div> 2595 2596<input type="submit" name="submit" value="Submit" id="form_submit" class="button" /> 2597<input type="reset" value="Reset" class="button"/> 2598 2599</form>
2600<script> 2601$(function(){ 2602 2603 // frontend form submit 2604 $('#form-block-22').submit(function(e) { 2605 e.preventDefault(); 2606 2607 var form = $(this); 2608 submitButton = form.find('#form_submit'), 2609 formId = form.data('id'); 2610 2611 $.ajax({ 2612 url: site_url('forms/form_submit/'+formId), 2613 type : 'POST', 2614 dataType: 'json', 2615 data: new FormData(this), 2616 processData: false, 2617 contentType: false, 2618 beforeSend: function( xhr ) { 2619 // prevent multiple submit 2620 submitButton.attr('disabled','disabled'); 2621 form.css({ 'opacity':0.5, 'pointer-events':'none'}); 2622 }, 2623 complete : function( xhr ) { 2624 submitButton.removeAttr('disabled'); 2625 form.removeAttr('style'); 2626 }, 2627 success: function (data) { 2628 2629 if(typeof data == 'object' && data.result == true) 2630 { 2631 $('.aj-form-error').remove(); // remove all previous error 2632 2633 /* --------------------- send to form action site ---------------------------*/ 2634 var formContainer = form.find('#container_form'); 2635 var formElement = form.find('#container_form').find('input[type=text],input[type=file], input[type=checkbox], input[type=radio],select'); // get all form element 2636 var fData = {}; 2637 var customFormSuccess = false; 2638 var customFormResult = {}; 2639 2640 formElement.each(function(){ 2641 2642 var name = $(this).data('name'); 2643 var value = $(this).val() || ''; 2644 2645 if($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') 2646 { 2647 if($(this).is(":checked")) 2648 fData[name] = value; 2649 } 2650 else if($(this).attr('type') == 'file') 2651 { 2652 /* Currently we dont have support file ajax post to external url. */ 2653 } 2654 else 2655 fData[name] = value; 2656 }); 2657 2658 if(data.form_action_url !== undefined) 2659 { 2660 $.ajax({
2661 url: data.form_action_url, 2662 type : 'POST', 2663 dataType: 'json', 2664 data: fData, 2665 success: function (r) { 2666 console.log(r); 2667 if(typeof r == 'object' && r.result !== undefined && r.result == true) 2668 { 2669 customFormSuccess = true; 2670 2671 form.html( 2672 data.submission_id_info+ 2673 '<br/>---------------------------------------------------------------------------------------------<br/>'+ 2674 r.succ_msg + '<br/><br/>' + 2675 data.back_button 2676 ); 2677 } 2678 }, 2679 }); 2680 } 2681 2682 // if custom form url is not working, use the defualt successful msg 2683 if(customFormSuccess == false) 2684 { 2685 form.html( 2686 data.submission_id_info+ 2687 '<br/>---------------------------------------------------------------------------------------------<br/>'+ 2688 data.content + '<br/><br/>' + 2689 data.back_button 2690 ); 2691 } 2692 2693 /*-------------------------- end send to form action site ------------------*/ 2694 } 2695 else 2696 { 2697 /* Display validation error */ 2698 if($('.aj-form').find('.aj-form-error').length > 0) 2699 $('.aj-form-error').html(data); 2700 else 2701 $('.aj-form').prepend('<div class="aj-form-error">'+data+"</div>"); 2702 2703 // $('#recaptcha_reload').trigger('click'); 2704 grecaptcha.reset(); 2705 } 2706 }, 2707 }); 2708 }); 2709}) 2710 2711</script>
2711 2712</form></div> 2713 2714<h3>Department of Irrigation and Drainage</h3> 2715 2716<p>Persiaran Rimba Permai, Cyber 8,<br /> 271763000 Cyberjaya, Selangor,<br /> 2718Malaysia</p> 2719 2720<p><a href="/index.php/pages/view/336">Security Policy</a> | <a href="index.php/pages/view/340" splwpk-privacy-policy="splwpk-privacy-policy">Privacy Policy</a> | <a href="/index.php/pages/view/342">Copyright Notice</a> | <a href="/index.php/pages/view/338">Disclaimer</a><br /> 2721Copyright (C) JPS 2016. All Rights Reserved.<br /> 2722Best viewed using Internet Explorer 10 and above with resolution 1280 x 800</p> 2723</div> 2724</div> 2725 2726<div class="footer_bubble" id="m_stat"> 2727<div class="f_inner"><span class="close">×</span><table align="center" border="0" cellpadding="1" cellspacing="1"> 2728 <tbody> 2729 <tr> 2730 <td id="statistics"> 2731 <div class="title_stat">Statistics</div> 2732 2733 <div class="s_title"> 2734 <div class="DAY">TODAY</div> 2735 2736 <div class="YESTERDAY">YESTERDAY</div> 2737 2738 <div class="WEEK">THIS WEEK</div> 2739 2740 <div class="MONTH">THIS MONTH</div> 2741 2742 <div class="TOTAL">TOTAL</div> 2743 2744<table> 2745 <tr><td colspan="4"><strong>Website Statistic :</strong></td></tr> <tr> 2746 <td><img src="https://www.water.gov.my/assets/shared/images/admin/vtoday.png" title="Today" />Today</td><td><strong>163</strong></td><td width="15px"> </td><td><img src="https://www.water.gov.my/assets/shared/images/admin/vyesterday.png" title="Yesterday" />Yesterday</td><td><strong>335</strong></td><td width="15px"> </td><td><img src="https://www.water.gov.my/assets/shared/images/admin/vweek.png" title="This Week" />This Week</td><td><strong>1228</strong></td><td width="15px"> </td><td><img src="https://www.water.gov.my/assets/shared/images/admin/vmonth.png" title="This Month" />This Month</td><td><strong>7874</strong></td><td width="15px"> </td><td><img src="https://www.water.gov.my/assets/shared/images/admin/vall.png" title="Total Visitor" />Total Visitor</td><td><strong>2825568</strong></td><td width="15px"> </td> </tr> 2747</table> 2748 2749</div> 2750 </td> 2751 </tr> 2752 </tbody> 2753</table> 2754<style type="text/css">.s_title{ 2755color:white; 2756background-color:rgba(0,0,0,0.15); 2757padding: 7px; 2758margin: 20px; 2759width: 520px; 2760border: 1px solid; 2761} 2762div.s_title div { 2763padding-left: 36px; 2764float: left; 2765} 2766 2767.s_title 2768table tbody tr:first-child td:first-child{ 2769display:none; 2770} 2771 2772.s_title table tbody tr:nth-child(2) td:first-child{display:none;} 2773 2774.s_title table tbody tr:nth-child(2) td:nth-child(4){display:none;} 2775 2776.s_title table tbody tr:nth-child(2) td:nth-child(7){display:none;} 2777 2778.s_title table tbody tr:nth-child(2) td:nth-child(10){display:none;} 2779 2780.s_title table tbody tr:nth-child(2) td:nth-child(13){display:none;} 2781 2782.s_title table tbody tr:nth-child(2) td:nth-child(16){display:none;} 2783 2784.s_title table tbody tr:nth-child(2) td:nth-child(19){display:none;} 2785 2786.title_stat{ 2787 position: relative; 2788 font-size: 14px; 2789 color: white; 2790 left: 25px;
2791 top: 17px; 2792 display:none; 2793} 2794 2795 2796.s_title table tbody tr:nth-child(2) td:nth-child(2){padding-left:38px;width:106px;} 2797 2798.s_title table tbody tr:nth-child(2) td:nth-child(5){width:88px;} 2799 2800.s_title table tbody tr:nth-child(2) td:nth-child(8){width:88px;} 2801 2802.s_title table tbody tr:nth-child(2) td:nth-child(14){width:52px;} 2803 2804.s_title table tbody tr:nth-child(2) td:nth-child(11){width:95px;} 2805 2806.s_title table tbody tr:nth-child(2) td:nth-child(20){width:52px;} 2807</style> 2808</div> 2809</div> 2810</div> 2811</div>
2812<script> 2813 2814var modal = document.getElementById("m_stat"); 2815var modal_2 = document.getElementById("f_usefulinks"); 2816var modal_3 = document.getElementById("f_slideup"); 2817var modal_4 = document.getElementById("f_cloudTag"); 2818var btn = document.getElementById("stat"); 2819 2820var span = document.getElementsByClassName("close")[0]; 2821 2822btn.onclick = function() { 2823 if(modal.style.display == "block") 2824 { 2825 modal.style.display = "none"; 2826 } 2827 else 2828 { 2829 modal.style.display = "block"; 2830 $("#f_usefulinks").removeClass("show").addClass("hide"); 2831 $("#f_slideup").removeClass("show").addClass("hide"); 2832 $("#f_cloudTag").removeClass("show").addClass("hide"); 2833 } 2834} 2835 2836span.onclick = function() { 2837 modal.style.display = "none"; 2838 2839} 2840 2841 2842// When the user clicks anywhere outside of the modal, close it 2843$(window).click(function(e){ 2844if(modal.style.display =="block" && (e.target.id != "stat" || e.target.id == "f_ulink" || e.target.id == "f_contact" || e.target.id == "i_footer" || e.target.id == "f_Ctags")) 2845 { 2846 modal.style.display = "none"; 2847 console.log('1') 2848 } 2849 2850 else if(e.target.id =="f_ulink") 2851{ 2852$("#f_usefulinks").removeClass("hide").addClass("show"); 2853} 2854 2855 else if(e.target.id =="f_contact") 2856{ 2857$("#f_slideup").removeClass("hide").addClass("show"); 2858} 2859 2860 else if(e.target.id =="f_Ctags") 2861{ 2862$("#f_cloudTag").removeClass("hide").addClass("show"); 2863} 2864 2865 2866else if (e.target.id == "cboxOverlay") 2867{ 2868 $("#f_usefulinks").removeClass("show").addClass("hide"); 2869 $("#f_slideup").removeClass("show").addClass("hide"); 2870 $("#f_cloudTag").removeClass("show").addClass("hide"); 2871} 2872 2873else if (e.target.id == "cboxClose") 2874{ 2875 $("#f_usefulinks").removeClass("show").addClass("hide"); 2876 $("#f_slideup").removeClass("show").addClass("hide"); 2877 $("#f_cloudTag").removeClass("show").addClass("hide"); 2878} 2879}); 2880 2881</script>
2881</div></div></div> 2882</div> 2883</div> 2884 2885 2886</div> 2887</body> 2888</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.