CINXE.COM
Creating Functional Spaces With Homeowners In Mind - Article | Selangor Dredging Berhad
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Creating Functional Spaces With Homeowners In Mind - Article | Selangor Dredging Berhad </title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /><base href="https://www.sdb.com.my/" /><link rel="icon" href="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentMS/img/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentMS/img/favicon.ico" type="image/x-icon" /><meta name="description" content="Creating Functional Spaces With Homeowners In Mind" /><meta name="keywords" content="" /><link rel=" canonical" href="https://www.sdb.com.my/media/press-releases-stories/article/creating-functional-spaces-with-homeowners-in-mind"/> <!--START - custom font--> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Style+Script&display=swap' rel='stylesheet'> <!--END - custom font--> <link href="https://www.sdb.com.my/api/css-page.ashx?page_type=website&t=1729042075" rel="stylesheet" /><link href="https://www.sdb.com.my/api/css-page.ashx?page_type=content&website_page_template_menu_id=DC529407-F0C6-4D86-896A-F0BC55AB9EB4&t=1729042075" rel="stylesheet" eqcss="true" /><link href="https://www.sdb.com.my/api/css-page.ashx?page_type=master&website_page_template_menu_id=3F72F0D2-5A6A-4E89-BAEB-03177393E9E1&t=1729042075" rel="stylesheet" eqcss="true" /> <!--START - Dynamic Molecule CSS for SMART/CUSTOM/DATA--> <style> #st-1 .st-btn {padding:0 5px!important; height: 26px!important; line-height: 26px!important; display:inline-block!important} #st-1 .st-btn > img{top:5px!important} </style><style> .social-item-tk img{position: absolute; top: 50%;bottom: 50%;transform: translate(-50%,-50%);} .icon-size-m img{width:18px} .co-menu-02 .hamburger-box{vertical-align:middle;} .co-menu-02 .hamburger-inner, .co-menu-02 .hamburger-inner:after, .co-menu-02 .hamburger-inner:before{height:3px} .search-obj{vertical-align:top} .social-list.gap-size-s li{margin-bottom:0} .design-boxed .social-item-fb a,.design-boxed .social-item-in a, .design-boxed .social-item-li a, .design-boxed .social-item-yt a{background:none} .social-item-fb a:before{position:static} .dock-menu .design-boxed a{color:#000} .main-footer .design-boxed a{color:#58585a} .search-result-item{padding:16px} .result-list a, .search-desc{padding:0} .dd-type-01 .drop-down-wrapper, .dd-type-04 .drop-down-wrapper{left:50%; transform:translate(-50%)} .dd-type-01 .root-menu li:hover>.drop-down-wrapper:before{border-color: transparent transparent var(--sub-lvl2-background-color) transparent; content: ''; position: absolute; display: block; border-width: 10px; border-style: solid; left: 50%; top: -20px; transform: translate(-50%,0%); transition: all .5s;} </style> <!--END - Dynamic Molecule CSS for SMART/CUSTOM/DATA--> <link rel="stylesheet" type="text/css" href="WebResources.ashx?q=10bfc7bcdf81ee6db624276d2ff77c74&t=0903055327" /> <meta name="twitter:card" content="summary" /><meta name="twitter:title" property="og:title" content="Creating Functional Spaces With Homeowners In Mind - Article" /><meta name="twitter:description" property="og:description" content="Creating Functional Spaces With Homeowners In Mind" /><meta name="twitter:image" property="og:image" content="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentMS/img/thumb-article-4.jpg" /><meta property="og:image" content="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentMS/img/thumb-article-4.jpg" /><meta property="og:url" content="https://www.sdb.com.my/media/press-releases-stories/article/creating-functional-spaces-with-homeowners-in-mind" /><meta property="og:type" content="website" /><!-- Hotjar Tracking Code for http://www.sdb.com.my/ --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:655441,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-25076160-1']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-KF87W2XBJ9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KF87W2XBJ9'); </script></head> <body> <!--START - JS for dynamic molecule (SMART/DATA/CUSTOM)--> <!--END - JS for dynamic molecule (SMART/DATA/CUSTOM)--> <input type="hidden" name="hf_website_id" id="hf_website_id" value="C0203663-5E0C-4131-BF1F-F2264FAE544F" /><input type="hidden" name="hf_website_page_template_menu_id" id="hf_website_page_template_menu_id" value="DC529407-F0C6-4D86-896A-F0BC55AB9EB4" /><input type="hidden" name="hf_website_URL" id="hf_website_URL" value="https://www.sdb.com.my/" /><input type="hidden" name="hf_root_id" id="hf_root_id" value="AE04B007-4D5F-458D-80DD-5C8DA9D0B610" /><input type="hidden" name="hf_root_title" id="hf_root_title" value="Media" /><input type="hidden" name="hf_page_draft_id" id="hf_page_draft_id" value="" /><input type="hidden" name="hf_website_page_template_menu_URL" id="hf_website_page_template_menu_URL" value="media/press-releases-stories/article/creating-functional-spaces-with-homeowners-in-mind" /><input type="hidden" name="hf_str_page_template_type_id" id="hf_str_page_template_type_id" value="AC1B83B2-528F-4F0C-8684-ED24EEB24D77" /> <div class="row row-e85f67ff-3aa2-3d74-1825-cedeb48dfc61 dock-menu"><div class="mol mol-d5c03f2f-06e1-a4a5-fcf4-e0f8e7fafc23"><div class="col col-daf17241-f25f-4827-90cb-d341bb2f11df"><div class="com com-74b0c421-5dd0-43b1-9c29-2a685d105507"><a data-so-type="btn;1" class="aps-0031-so-wrapper so-thumbnail-frame sot-no-effect aps-0031-so-wrapper-3faf3ca5-a8ab-43d0-9941-21b5fc1456fe" data-so-popup="" href="homepage" target="_self"><img data-so-type="img;1" class="so-thumbnail" title="" alt="" src="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentms/img/logo-sdb.png"></a></div></div><div class="col col-84deadbe-35e7-45e1-a210-fdc9ca17e38c"><div class="com com-3ff32321-8eb8-4913-837a-c481a2c99cdf"><div class="co-menu-01 co-menu-01-IID9716aef80e9a4734af98e4a4bc070c33 dd-icon-off dd-border-off"></div></div><div class="com com-75b853cc-a901-4cae-b1a9-b053c98bda62"><div class="co-menu-02 co-menu-02-IID5695f528eec7486caa86455eef424b89"> <div class="burger-menu font-822FA4B9-B520-451A-81C4-72392A0A53E2"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> </div> </div></div></div><div class="col col-d650b288-e209-4e9e-9158-864b11d8a894"><div class="com com-6252458d-0129-4ed2-97cb-e2ccf67bd30a"><ul class="social-list-7f52b439-6a30-41fc-b7b6-b1faebd241ae social-list design-default-dark icon-size-s gap-size-m "><li class="social-item-fb"><a href="https://www.facebook.com/selangordredgingberhad/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-facebook" /></svg></a></li><li class="social-item-in"><a href="https://www.instagram.com/selangordredging/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-instagram" /></svg></a></li><li class="social-item-li"><a href="https://www.linkedin.com/company/selangor-dredging-berhad/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-linkedin" /></svg></a></li><li class="social-item-yt"><a href="https://www.youtube.com/@SelangorDredgingTV" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-youtube" /></svg></a></li></ul></div></div><div class="col col-3e6837ff-f3d5-492e-870e-228716bc4584"><div class="com com-045cf955-f5c6-4b53-83e6-5576f4389728"><div class="mol mol-4d2f1e8b-019f-400e-93e1-ff5154ae8b6f"><div class="col col-e28dba77-c535-403f-97ac-0151eb8604a6"><div class="com com-e7281826-2ab9-45ee-b2cc-46f87f50d27b search-obj"><div class="search-0001 search-0001-d44faaf6f80c4daa882c41faf2b3645a"> <div class="search-wrap search-design-01 icon-size-s font-844CA48E-8825-412E-9881-0CBB0011A17F"> <div class="search-field-col "><div class="search-field-wrap"><input placeholder="Please enter text" class="search-box" /></div></div><div class="search-btn-col"><div class="search-icon"></div></div> </div> </div></div></div></div></div></div></div></div><div class="row row-165d2d1b-b8d4-4478-9e95-8a8a54a42a5a"><div class="mol mol-31dcf88b-29f3-42af-8468-4166f42b7b86"><div class="col col-7fd52681-8965-4b8c-b0b4-01f170b8a601"></div></div></div><div class="row row-c0715085-579e-416c-b319-63c67cb4dba1"><div class="mol mol-f307b49d-3475-4236-b8d0-a77428dff96d" data-vivaldi-spatnav-clickable="1"><div class="col col-90d30148-bdaf-4318-95ff-62549b763b83" data-vivaldi-spatnav-clickable="1"><div class="com com-94f5129c-863c-45b4-99da-c7633ffb45c9"><div data-so-type="txt;1" class="aps-0056-so-wrapper text-truncate font-844CA48E-8825-412E-9881-0CBB0011A17F aps-0056-so-wrapper-89d6c07f-62fe-4713-bea9-98c9b5266e6a">13 August 2022 </div></div><div class="com com-f5246378-2bd4-4d12-be65-b4756398aebd"><div data-so-type="txt;1" class="aps-0056-so-wrapper font-B315D38A-594D-4EF4-B33F-057B253DC327 aps-0056-so-wrapper-56df64ad-e433-4222-8c74-aaf195a21877">Creating Functional Spaces With Homeowners In Mind </div></div><div class="com com-1240b929-fa92-4177-8a13-209019bace1d"><div data-so-type="txt;1" class="aps-0036-so-wrapper list-gap-s font-844CA48E-8825-412E-9881-0CBB0011A17F aps-0036-so-wrapper-d14ac2ba-53f7-4442-9df8-a7ac0335d902"><div class="a-inner-text"></div></div></div><div class="com com-6089386a-fa67-4bfb-a5fc-a5c2c7474876"><div class="aps-0037-so-wrapper line-placement-center aps-0037-so-wrapper-3204c4fd-d371-4ea2-b529-314bf2fb0d8b"><hr></div></div><div class="com com-c158514d-f35b-4a97-bf99-41d888ae4e94"><div class="mol mol-513f5070-38af-47a2-96ab-15fdf6017c0f"><div class="col col-cc925cfc-c52c-44b9-a0df-f5d1ebf3ea16"><div class="com com-d3306517-cde9-4d3c-8543-0be106b39d99"><div data-so-type="txt;1" class="aps-0036-so-wrapper list-gap-s font-822FA4B9-B520-451A-81C4-72392A0A53E2 aps-0036-so-wrapper-5687017c-d352-4606-b81f-ae018eccf802"><div class="a-inner-text">SHARE THIS</div></div></div></div><div class="col col-7536c59b-61aa-4c70-966e-f99fa75447b7"><div class="com com-199f70c0-66cb-4318-9a5f-7af4edf0f60c"><!-- ShareThis BEGIN --><div class="sharethis-inline-share-buttons"></div><!-- ShareThis END --></div></div></div></div></div></div></div><div class="row row-372a04dc-7aac-efc2-80ca-e07e8b918046" id="homearea"><div class="mol mol-f485974d-0168-cd10-9aff-644211a8568e"><div class="col col-4c6ffaaf-cd16-f4b9-d6ee-d44d2553ae94"><div class="com com-5b8a14df-cf41-43aa-4f3f-6096e282c837"><div class="atom-746252e7-36c7-3879-7a03-8cd73b753929"><!--START-INDEX--><div class="row row-92eb2f71-ac55-46ea-bbff-6254beef0892"><div class="mol mol-6fe2eb21-ac33-4567-a409-187c0f5d6025"><div class="col col-fef61228-ef8d-4bab-ba31-f5b6d366615a"><div class="com com-dc371021-ca06-429c-8a82-77ebebc3cc83"><div class="Design_8349D053-C617-433E-9AA8-B834B488B8C2 font-844CA48E-8825-412E-9881-0CBB0011A17F atom-6d97b135-445b-4869-b3b1-5805808ed0eb"><span class="a-icon-first"></span><div class="a-inner-text" spellcheck="false">What is space? How do we create spaces that are practical and useful?<br><br>The process of designing efficient spaces for living and working is most demanding, starting from the drawing board. For many designers and planners, getting the floor plans right and creating a nice flow between the spaces are some of the key requirements to increase functionality and efficiency.<br><br>Since 2020, the Covid-19 pandemic has altered the future of living and work. Today, more people are working from their homes either full-time or through the hybrid work model. In a nutshell, the home has also doubled up as the workplace.<br> <br>To meet this home-office requirement, property buyers would be on the lookout for larger spaces. But larger space would also mean a hefty price tag, and buyers will need to consider other factors including inflation and rising property interest rates.<br><br>Thus, it all comes down to the individual’s needs. An ideal space should not be too big or small. It should not be overly cramped or too sparse either. Rather, a balance must be found. Through proper spatial planning, homeowners can have spaces that suit their needs, and are practical and conducive to live in. <br><br>What is spatial planning? To put it simply, it is the process of creating well-defined spaces and optimising them by keeping the inhabitants (homeowners and tenants) in mind. How the occupants utilise the space, and how they move between the rooms and around the house are taken into consideration.<br><br>In general, a home can have many different spaces or zones – for social, work, private or storage. The right spatial layout properly places and brings these different spaces together in harmony to enhance the occupants’ experience.<br><br>To maximise each space, the rectilinear design which emphasises on straight lines and right angles is used to eliminate unused excess spaces. This clean and linear design style helps to create an expansive living area with an uninterrupted flow. It gives more flexibility to the occupants to accessorise and personalise the spaces to their liking.<br></div><span class="a-icon-last"></span></div></div><div class="com com-3392998c-21fd-4e09-bd46-91b1c7cec625"><a data-so-type="btn;1" class="aps-0031-so-wrapper so-thumbnail-frame sot-no-effect aps-0031-so-wrapper-25bcac1c-9d4d-43e0-80e4-8a79752c3275" data-so-popup="" href="javascript:void(0)" target="_self"><img data-so-type="img;1" class="so-thumbnail" title="" alt="" src="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentms/img/sdb-stories/img-article-4-1.jpg"></a></div><div class="com com-859a76de-86bf-444c-a844-e09dbbc37dc7"><div class="Design_8349D053-C617-433E-9AA8-B834B488B8C2 font-844CA48E-8825-412E-9881-0CBB0011A17F atom-1427ae90-d939-4999-8fba-3fe3a19ef951"><span class="a-icon-first"></span><div class="a-inner-text" spellcheck="false"><i>Well-defined spaces enhance the overall functionality of a home. (UNA Serviced Apartment @ Jalan Peel, Kuala Lumpur - pic courtesy of Selangor Dredging Berhad)</i><br></div><span class="a-icon-last"></span></div></div><div class="com com-3f13e071-639b-4cd8-b8b1-d534b2b8ee4e"><div class="Design_8349D053-C617-433E-9AA8-B834B488B8C2 font-844CA48E-8825-412E-9881-0CBB0011A17F atom-98ea5313-900d-4a3a-a893-de7a48a83c65"><span class="a-icon-first"></span><div class="a-inner-text" spellcheck="false">Bringing together spatial planning and linear design create open spaces that are cosy and comfortable. For instance, it allows more natural light and ventilation to flow into the home.<br><br>Natural lighting can improve your mood, and prevent eye strain, stress and fatigue. Any well-designed space that is complemented with a properly oriented building can capture more natural (but indirect) sunlight.<br><br>Within the living area, features such as extensive window panels provide more light penetration and also improve the internal airflow and circulation - an ideal consideration for typical tropical houses and residentials. <br><br>With all these design features, homeowners can reduce the use of artificial lighting, which creates shadow, glare spots and heat as well as reduces the use of fans and air conditioners. In a way, homeowners can reduce their utility bills and the building can reduce its energy consumption.<br></div><span class="a-icon-last"></span></div></div></div></div></div><div class="row row-70ce7329-f745-4409-af8e-22a68db22e12"><div class="mol mol-3f3a9f08-3820-47f6-8ab0-2a52cfe4cb07"><div class="col col-c0b0775f-3a2a-4382-a053-a527582f3bfd"><div class="com com-290dc6b3-6ac8-4f6c-aea5-4b3abebdd563"><a data-so-type="btn;1" class="aps-0031-so-wrapper so-thumbnail-frame sot-no-effect aps-0031-so-wrapper-0841dec8-4ba4-4b32-b2b1-0b0ab38f2c8b" data-so-popup="" href="javascript:void(0)" target="_self"><img data-so-type="img;1" class="so-thumbnail" title="" alt="" src="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentms/img/sdb-stories/img-article-4-2.jpg"></a></div><div class="com com-ea6733a1-3d74-4224-9076-a1887e118982"><div class="Design_8349D053-C617-433E-9AA8-B834B488B8C2 font-844CA48E-8825-412E-9881-0CBB0011A17F atom-9668dc06-08b3-47a1-9ab7-9fd029a2c1fe"><span class="a-icon-first"></span><div class="a-inner-text" spellcheck="false"><i>Natural light, ventilation and linear spaces are the hallmarks of modern-day design and living, as seen at UNA Serviced Apartment.</i><br></div><span class="a-icon-last"></span></div></div><div class="com com-dd4e8396-1e0d-4d7f-bfee-0cae805f7559"><div class="Design_8349D053-C617-433E-9AA8-B834B488B8C2 font-844CA48E-8825-412E-9881-0CBB0011A17F atom-8d2952f1-e23d-4528-920f-24d03b4cd9b5"><span class="a-icon-first"></span><div class="a-inner-text" spellcheck="false">Many modern-day buyers are increasingly looking for sustainable features and greenery to be part of their homes. One of the features is having lively green spaces and natural landscaping.<br><br>Greenery is essential in both indoor and outdoor spaces. Even by having a window view of trees and shrubs can be restorative and keep people’s minds sharp and focused.<br><br>Within the building industry, the biophilic approach increases homeowners’ connectivity to the natural environment. Biophilic or literally ‘A love of living things’ from the Greek word 'philia' (love of) embodies human’s natural affinity to connect and be part of nature and to seek to live with it.<br><br>All in all, a truly functional space has to be beautiful and aesthetically pleasing. This can be achieved through the use of colours, floor designs, furniture placing, fixtures, fittings and other decorative items.<br><br>By marrying both functionality and aesthetic together, the space – a place to call home – can evoke the right emotion in homeowners to enhance their physical, psychological and social well-being.<br><br>As there are no other places like home, that emotion should be happiness.<br></div><span class="a-icon-last"></span></div></div></div></div></div><!--End-INDEX--></div></div></div></div></div><div class="row row-be64e635-0db8-8adc-5b74-0232d572aa27 main-footer"><div class="mol mol-d34e8ba9-ea9e-1ae1-a505-8d88c8002af2"><div class="col col-45b50f82-f452-2273-01fc-2f062d3adc7c"><div class="com com-26d4bc92-45f7-46c2-b8fd-23373929c3e4"><a href="javascript:void(0)" class="Design_FD554FB3-3F70-4F7E-BA2E-45DB4F08F344 atom-4f31d95c-bdec-46e1-81e0-445024cc3d43" target="_self"><img src="https://www.sdb.com.my/clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentms/img/sdb-logo-footnote.png" alt=""></a></div><div class="com com-d75bc7d6-738e-441c-bf16-94cc6b33ef16"><div data-so-type="txt;1" class="aps-0036-so-wrapper list-gap-s font-822FA4B9-B520-451A-81C4-72392A0A53E2 aps-0036-so-wrapper-5e48760a-0c8b-4813-9876-034922ac842f"><div class="a-inner-text" spellcheck="false" data-ms-editor="true">A QUALITY LIFESTYLE PROPERTY COMPANY</div></div></div><div class="com com-18c31fca-b1c9-4cc1-8157-7e0979a8f844"><div data-so-type="txt;1" class="aps-0036-so-wrapper list-gap-s font-822FA4B9-B520-451A-81C4-72392A0A53E2 aps-0036-so-wrapper-e14cca3e-8590-4221-8aa7-609215241cca"><div class="a-inner-text">© COPYRIGHT 2024</div></div></div><div class="com com-836e8632-fc06-44d1-8a73-bf1ad446238a"><div class="aps-0037-so-wrapper line-placement-center aps-0037-so-wrapper-709ec3de-23f1-4724-b337-1167adadd1dd"><hr></div></div><div class="com com-befd98ff-d05e-4a88-8c2c-825f94606e6b"><ul class="social-list-3fe8c4ca-e7ba-426b-a707-f327ced5fa73 social-list design-default-dark icon-size-m gap-size-m "><li class="social-item-fb"><a href="https://www.facebook.com/selangordredgingberhad/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-facebook" /></svg></a></li><li class="social-item-in"><a href="https://www.instagram.com/selangordredging/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-instagram" /></svg></a></li><li class="social-item-li"><a href="https://www.linkedin.com/company/selangor-dredging-berhad/" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-linkedin" /></svg></a></li><li class="social-item-yt"><a href="https://www.youtube.com/@SelangorDredgingTV" target="_blank"><svg viewBox="0 0 192 192"><use xlink:href="img/svg/social-icon.svg?v=1#fill-youtube" /></svg></a></li></ul></div><div class="com com-cfb3da1f-7984-d05b-bc3d-95ab101b7ec4"></div></div></div></div> <div class="actionMS_generic_popup generic_popup"> <div class="generic_popup_title">Ooops!</div> <div class="generic_popup_msg">Generic Popup2</div> </div> <div class="search-0001 overlay search-0001-d44faaf6f80c4daa882c41faf2b3645a"> <div class="overlay-close"></div> <div class="overlay-top font-844CA48E-8825-412E-9881-0CBB0011A17F"> <div class="overlay-box search-wrap search-design-01 icon-size-s"> <div class="search-field-col"> <div class="search-field-wrap"> <input placeholder="Please enter text" class="search-box" /> </div> </div><div class="search-btn-col"><div class="search-icon"></div></div> </div> </div> <div class="search-result basic-result"> <div class="result-section"></div> </div> </div> <script type="text/javascript" src="WebResources.ashx?q=3cd68de5be018a4d0507d69fbf2ad169&t=0308030415"></script> <script> var nonce = "9d353f66-1a5e-44d6-bcb1-07143fdddb59", xVar = { id: { pid: "#hf_website_page_template_menu_id", pdid: "#hf_page_draft_id" } }; </script> <script> var formVal = {"2CC78DB0-2762-4140-9CBF-B007F5C14049":{}}; var mFormVal = {"2CC78DB0-2762-4140-9CBF-B007F5C14049":{}}; var trgs = {"act":{}, "trg":[]}; var mTrgs = {"act":{}, "trg":[]}; var xtopiaPa = JSON.parse("[]"); </script> <script type="text/javascript" src="WebResources.ashx?q=69ef0baf809ac7c89d949024a23afeb7&t=1120012700"></script> <script src="api/jssdk.ashx"></script> <script defer src="https://www.sdb.com.my/js/EQCSS-1.9.1.min.js"></script> <!--START - Dynamic Molecule JS Preload for SMART/DATA/CUSTOM--> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=643cd9f93337a000130c37b2&product=sop' async='async'></script><script src="smart_object/menu/burger/xtopia-burger-menu-2.0.min.js?_=1590225390"></script><script src="smart_object/menu/horizontal/xtopia-horizontal-menu-2.0.min.js?_=64f59ff9"></script> <script> </script> <script>var form = [], recaptchaCallback = function () {!function(a){a.xReCaptcha={},$(".x-recaptcha").each(function(c,e){var t=$(e),r=t.attr("id");t.removeClass("x-recaptcha"),a.xReCaptcha[r.substr(8)]=grecaptcha.render(r,{sitekey:"6Lcv5BUTAAAAAHhwGN6LgeSQvhWDfCz6HLxpBryF",callback:function(a){grecaptchaCallback(r,a)}})})}(window);};</script> <script>var formValidation = {};</script> <!--END - Dynamic Molecule JS Preload for SMART/DATA/CUSTOM--> <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit" async defer></script> <script> !function(e,t){if(!$("."+t).length){var n=e.createElement("link"),a=e.getElementsByTagName("link")[0];n.rel="stylesheet",n.href="https://fonts.googleapis.com/icon?family=Material+Icons",n.type="text/css",n.className=t,a.parentNode.insertBefore(n,a)}}(document,"x-material-icons"); </script> <script data-xtopia="content">!function(e,t){if(!$("."+t).length){var n=e.createElement("link"),a=e.getElementsByTagName("link")[0];n.rel="stylesheet",n.href="https://www.sdb.com.my/font/icon_pack/default/style.css",n.type="text/css",n.className=t,a.parentNode.insertBefore(n,a)}}(document,"x-icon-pack");</script> <script data-xtopia="master"> $(document).ready(function () { // create a new <li> element with a class of "social-item-tk" let newLi = $("<li>").addClass("social-item-tk"); // create a new <a> element with a href and target attribute let newLink = $("<a>").attr({ href: "https://www.tiktok.com/@selangordredging?_t=8cPDeLLMaSf&_r=1", target: "_blank" }); // create a new <img> element with src and width attributes let newImg = $("<img>").attr({ src: "clients/Selangor_Dredging_Berhad_C0203663-5E0C-4131-BF1F-F2264FAE544F/contentms/img/tiktok.svg", width: "12px" }); // append the new <img> element to the new <a> element newLink.append(newImg); // append the new <a> element to the new <li> element newLi.append(newLink); // add the new <li> element after the last <li> element in the list $(".social-list").append(newLi); window.setTimeout( function () { if (window.location.hash) { var hash = window.location.hash, top = 0, offsetTop = 0; // Remove window.location.hash = ""; history.pushState('', document.title, window.location.pathname); if ($(hash).length) { top = $(hash).offset().top; offsetTop = $("#homepage").outerHeight(); $('html,body').animate({ scrollTop: top - offsetTop }, 'fast', 'swing'); } } }, 200); window.scrollY == window.pageYOffset;// always true var offsetTop, scrollPosition, ItemHeight, $header = $('.dock-menu'); $(window).on('scroll', function() { offsetTop = $("#homepageR2").outerHeight(); scrollPosition = window.pageYOffset + offsetTop; $header.addClass("select").each(function () { var $this = $(this), id = $this.attr("id"), $section = $('#homepageR2'), offsetTop, itemHeight; if ($section.length) { offsetTop = $section.offset().top; itemHeight = offsetTop + $section.outerHeight(); if ((scrollPosition >= offsetTop) && (scrollPosition < itemHeight)) { $this.removeClass("select"); return 0; } } }) }); }); /*global $, window, $X*/ /*jslint browser, devel, multivar, long, this, white:true*/ (function (window) { "use strict"; var searchKeyword = ""; // There are 2 instances, search & overlay var $inst = $(".search-0001-d44faaf6f80c4daa882c41faf2b3645a"), $search = $inst.find(".search-wrap"), $overlay = $inst.filter(".overlay"), $txtSearchSub = $search.find("input.search-box"), $txtSearch = $overlay.find("input.search-box"); function fn_web_pages_search() { var str_default_thumb = "", str_search_type = "title_only"; if ($txtSearch.val() !== "") { if (searchKeyword === $txtSearch.val()) { return ""; } searchKeyword = $txtSearch.val(); //remember search keyword to prevent repeated search $.ajax({ type: "POST", url: "smart_molecule/search_type/Web Pages Search 00/api/contentMS_web_pages_search.ashx?search_type=" + str_search_type + "&q=" + $txtSearch.val(), data: "{str_query: '" + "str_query" + "', str_default_thumb: '" + str_default_thumb + "'}", contentType: "application/json; charset=utf-8", dataType: "json", async: true, cache: false, success: function (msg) { var str_search_list, astrLi = []; if (msg.length > 0) { astrLi.push("<ul class=\"result-list\">"); $.each(msg, function (idx, el) { str_default_thumb = el.website_page_template_menu_thumbnail; //if thumbnail is empty, use default if (str_default_thumb === "") { str_default_thumb = "https://projects.xtopia.io/XTOPIA_System/clients/XTOPIA_System_a7096948-8c92-49b0-8588-22b98566ca3c/contentms/img/search_default_thumbnail.jpg"; } astrLi.push("<li><div class=\"search-result-item\"><div class=\"search-result-thumbnail-col\"><a target=\"" + el.website_page_template_menu_is_link_target + "\" class=\"search-thumb\" href=\"" + el.website_page_template_menu_URL + "\"><img src=\"" + str_default_thumb + "\" /></a></div><div class=\"search-result-info-col\"><div class=\"search-date\">" + el.Display_Date + "</div><a class=\"search-title\" href=\"" + el.website_page_template_menu_URL + "\" >" + el.website_page_template_menu_name + "</a><div class=\"search-desc\">" + el.website_page_template_menu_meta_desc + "</div></div></div></li>"); }); astrLi.push("</ul>"); str_search_list = astrLi.join(""); } else { str_search_list = "<div class=\"result-list\" style=\"text-align:center\">No result found</div>"; } $overlay.find(".result-section").html(str_search_list); }, error: function (jqXHR, textStatus, errorThrown) { } }); } } function fn_txt_search_search() { //if the result overlay is not open, we assign the query to the search box in overlay if (!$overlay.hasClass("select")) { $overlay.addClass("select"); $txtSearch.val($txtSearchSub.val()); } fn_web_pages_search(); } $inst.find(".search-btn-col").click(function () { fn_txt_search_search(); }); $overlay.find(".overlay-close").click(function () { $overlay.removeClass("select"); }); $inst.on("click", ".search-title", function() { $overlay.removeClass("select"); }); $txtSearchSub.keypress(function (e) { if (e.which === 13) { fn_txt_search_search(); } }); $txtSearch.keypress(function (e) { if (e.which === 13) { $txtSearchSub.val($txtSearch.val()); fn_web_pages_search(); } }); }());$(".co-menu-02-IID5695f528eec7486caa86455eef424b89").xtopiaBurgerMenu({ source: "https://www.sdb.com.my/api/contentms/full_menu_json.ashx", plugin: "bb-type-01", fontSizeRoot: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeLvl2: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeLvl3: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeLvl4: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeHead: "font-844CA48E-8825-412E-9881-0CBB0011A17F", defaultTitle: "Navigation", burgerTitle: "", borderBetween: "dd-border-on", counter: "bb-counter-off", position: "position-right" }); $(".co-menu-01-IID9716aef80e9a4734af98e4a4bc070c33").xtopiaMenu({ source: "https://www.sdb.com.my/api/contentms/menu_data_json.ashx?menu_data_source_id=70cf590e-fe8c-466d-b804-4462332db530", rootType: "rt-type-01", plugin: "dd-type-01", fontSizeRoot: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeLvl2: "font-844CA48E-8825-412E-9881-0CBB0011A17F", fontSizeLvl3: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A", fontSizeLvl4: "font-0475C8D2-46DA-4BDE-965C-F7E6CB6CBB9A" }); </script> <script src="js/form-validation.min.js?1631608792"></script> </body> </html>