Paywall Package Review

<!DOCTYPE html> <html lang="en"> <head> <title>Paywall Package Review | The Star</title> <link rel="icon" type="image/png" href="https://cdn.thestar.com.my/Themes/img/favicon.ico" />  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <meta name="ROBOTS" content="index,follow"/> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> <meta name="at:customer_id" content=""> <meta name="at:subscription_status" content="Inactive">   <meta name="SAS" content="{'area': 'TSOL.Business.Premium', 'pagetype': 'IndexPage'}" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@staronline" /> <meta property="og:title" name="title" content="Paywall Package Review | The Star" />   <meta name="page_type" content="Subscribe"/>  <meta name="csrf-token" content="sLd6nRiIzgg2p79HzBC0waj0KjE8Due0I7ItjeS3">  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.thestar.com.my/Themes/js/bootstrap.min.js"></script> <script type="text/javascript" async="" src="https://scdn.cxense.com/cx.cce.js"></script>    <script type="text/javascript"> var viewid = Math.round(Math.random() * 100000000000); function sasiajserver(size,position){ var SAS = JSON.parse(jQuery('meta[name=SAS]').attr("content")); var rdm2 = Math.round(Math.random() * 100000000000); return "https://content.thestar.com.my/smg/jserver/viewid=" + viewid + "/random=" + rdm2 + "/network=SMG/site=TSOL" + "/area=" + SAS.area + "/pagetype=" + SAS.pagetype + "/platform=" + sascalcsize() + "/size=" + size + "/position=" + position; } function sascalcsize(){var b=window.getComputedStyle(document.querySelector(".sassize"));var a=b.getPropertyValue("--breakpoint");return a}; </script>  <script> if (typeof pageType !== "undefined") { if(pageType == "article"){ var daxsubscriber = false; } } </script>  <script> // show or hide login button var rmad = false; var isLogin = false; tkValid = 0; // 3 = active , subscriber, has ads free if (tkValid > 0) { isLogin = true; } if (tkValid == "3") { rmad = true; } jQuery(document).ready(function() { if (tkValid > 0) { jQuery('.btn_login').hide(); jQuery('.login_menu').show(); jQuery('.m-login-menu').show(); jQuery('.m-login-button').attr("style", "display: none !important"); // Override css } else { jQuery('.btn_login').show(); jQuery('.login_menu').hide(); jQuery('.m-login-button').show(); jQuery('.m-login-menu').hide(); } }); </script>  <script type="text/javascript"> // client id value will be = encrypted(userid) // else client id = encrypted GA ID var client_id = "cd91e4b8cc71fc46c35e4608358cc1df5faf72f4"; var re = new RegExp("^([0-9a-zA-Z]{32,150})$|^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$"); var userID = "UA-167768859-1" ; client_id = "cd91e4b8cc71fc46c35e4608358cc1df5faf72f4"; console.log('client_id: '+client_id); </script>   <script type = "text/javascript" > var _portalId = "564891087"; var _propId = "564997745"; var _ATM_TRACKING_ASSOCIATE_UTM = 0 ; var _CDP_GA_ACCOUNT_TRACKING_ID = "UA-828580-1"; var _cdp365Analytics = { default_event: 0, first_party_domain: ".thestar.com.my", dims: { users: { origin_source: "The Star Online" } } }; (function() { var w = window; if (w.web_event) return; var a = window.web_event = function() { a.queue.push(arguments); } a.propId = _propId; a.track = a; a.queue = []; var e = document.createElement("script"); e.type = "text/javascript", e.async = !0, e.src = "//st-a.cdp.asia/insight.js"; var t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(e, t) })(); </script>       <link href="https://cdn.thestar.com.my/Themes/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> <link href="https://cdn.thestar.com.my/Themes/css/font-awesome.min.css" rel="stylesheet" type="text/css" />   <link href="https://cdn.thestar.com.my/Themes/css/tsol2017.min.css" rel="stylesheet" type="text/css">   <link href="https://cdn.thestar.com.my/Themes/css/regLog.css" rel="stylesheet" type="text/css" /> <link href="https://cdn.thestar.com.my/Themes/css/paywall.css" rel="stylesheet" type="text/css" />   <link href="https://cdn.thestar.com.my/Themes/css/r-promo.css?v=20220623" rel="stylesheet" type="text/css" /> <link href="https://cdn.thestar.com.my/Themes/css/afp.css?v=20210630" rel="stylesheet" type="text/css" /> <style> .sassize{--breakpoint:desktop}@media all and (max-width:991px){.sassize{--breakpoint:tablet}}@media all and (max-width:767px){.sassize{--breakpoint:mobile}} </style>    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PVM4TH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PVM4TH');</script> <script> window.Laravel = {"csrfToken":"sLd6nRiIzgg2p79HzBC0waj0KjE8Due0I7ItjeS3"} </script> </head> <body> <div class='sassize'></div>   <div id="log-wrapper">  <div class="wrap-nav"> <nav id="navbar-main" class="navbar navbar-default affix-top" data-spy="affix" data-offset-top="100"> <div id="divBckBtn" class="backto"> <a class="backto-dark" href="javascript:history.back(1)"> <i class="icon sprite-icon"></i> </a> </div> <div class="navbar-header"> <a href="https://www.thestar.com.my/"><svg class="icon biz" width="150" height="50" role="img" aria-label="Star Media Group"> <image xlink:href="//cdn.thestar.com.my/Themes/img/logo-tsol-fullv3.svg" src="//cdn.thestar.com.my/Themes/img/logo-tsol-logov3.png" width="150" height="50" border="0"></image> </svg></a> <a href="https://www.thestar.com.my/"><svg class="icon biz icon-res" width="104" height="69" role="img" aria-label="Star Media Group"> <image xlink:href="//cdn.thestar.com.my/Themes/img/logo-tsol-fullv3.svg" src="//cdn.thestar.com.my/Themes/img/logo-tsol-logov3.png" width="104" height="69" border="0"></image> </svg></a> </div> <div class="header-log"> <ul class="nav navbar-nav navbar-right"> <li id="login_menu" class="dropdown" style="display: none;"> <a id="hllogin" class="log-in"><i class="icon sprite-icon"></i></a> <ul class="dropdown-menu log-in"> <li> <a href="https://login.thestar.com.my/accountinfo/profile.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Manage Profile" data-content-title="https://login.thestar.com.my/accountinfo/profile.aspx">Manage Profile </a> </li> <li> <a href="https://login.thestar.com.my/accountinfo/profile.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Change Password" data-content-title="https://login.thestar.com.my/accountinfo/changepassword.aspx">Change Password </a> </li> <li> <a href="https://login.thestar.com.my/accountinfo/sessions.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Manage Logins" data-content-title="https://login.thestar.com.my/accountinfo/sessions.aspx">Manage Logins </a> </li> <li style="border-top:1px solid #d6d6d6"> <a href="https://login.thestar.com.my/accountinfo/subscriptioninfo.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Manage Subscription" data-content-title="https://login.thestar.com.my/accountinfo/subscriptioninfo.aspx">Manage Subscription </a> </li> <li> <a href="https://login.thestar.com.my/accountinfo/transhistory.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Transaction History" data-content-title="https://login.thestar.com.my/accountinfo/transhistory.aspx">Transaction History </a> </li> <li> <a href="https://login.thestar.com.my/accountinfo/billing.aspx" target="_blank" data-list-type="Profile Management" data-content-type="Manage Billing Info" data-content-title="https://login.thestar.com.my/accountinfo/billing.aspx">Manage Billing Info </a> </li> <li style="border-top:1px solid #d6d6d6"> <a href="https://www.thestar.com.my/foryou/edit" data-list-type="Profile Management" data-content-type="Manage For You" data-content-title="https://www.thestar.com.my/foryou/edit">Manage For You </a> </li> <li style="border-bottom:1px solid #d6d6d6"> <a href="https://www.thestar.com.my/saved-articles" data-list-type="Profile Management" data-content-type="Manage Bookmarks" data-content-title="https://www.thestar.com.my/saved-articles">Manage Bookmarks </a> </li> <li> <a href="https://www.thestar.com.my/subscribe" data-list-type="Profile Management" data-content-type="Package & Pricing" data-content-title="https://www.thestar.com.my/subscribe">Package & Pricing </a> </li> <li> <a href="https://www.thestar.com.my/faqs/" data-list-type="Profile Management" data-content-type="FAQs" data-content-title="https://www.thestar.com.my/faqs/">FAQs </a> </li> <li class="log-out"> <a href="#" onclick="logout();" data-list-type="Profile Management" data-content-type="Log Out" data-content-title="https://www.thestar.com.my">Log Out </a> </li> </ul> </li> <li id="btn_login"> <a class="login" data-list-type="Header" data-content-type="Outbound Referral" data-content-title="Log In" data-content-id="https://sso.thestar.com.my/?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2&lng=en&channel=1&ru=HNQ8Auw31qgZZU47ZjHUhHKJStkK3H51/pPcFdJ1gQ9cFgPiSalasDvF6DeumuZwQFWSTaAxDLkfr7/af0z9HwoDPtL8uAbCjYwk5/k0nAQYlwC/aGG+r7rVzdev1JoMnVgVC02bZAY/49pCcgZm65/9tQnyPufLk4/bQpNiVadNf/yn5+8MKy8AFvyE9CSZeZTSeikJ405M19q++kF++EZCk4FwpDEM+ICdLdn2SPD4kK2pJ3lbjWFJNDLnivQbif1pjER+H1P2DI9nYosE1FV87PjNf9JEKDGgSq2sCgXFUC3aiTzCSu9G0hyAzW/f82LOzpQ0fc5n5y1URzaP6C4UD8MF+V49kC0g6sqXTjXsX7b2SJ5e8pA/AGBrjk8edKB/EnVsetG0uOOnn2anDJWLqHtra25INmxXXmUl/Qg=" href="https://sso.thestar.com.my/?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2&lng=en&channel=1&ru=HNQ8Auw31qgZZU47ZjHUhHKJStkK3H51/pPcFdJ1gQ9cFgPiSalasDvF6DeumuZwQFWSTaAxDLkfr7/af0z9HwoDPtL8uAbCjYwk5/k0nAQYlwC/aGG+r7rVzdev1JoMnVgVC02bZAY/49pCcgZm65/9tQnyPufLk4/bQpNiVadNf/yn5+8MKy8AFvyE9CSZeZTSeikJ405M19q++kF++EZCk4FwpDEM+ICdLdn2SPD4kK2pJ3lbjWFJNDLnivQbif1pjER+H1P2DI9nYosE1FV87PjNf9JEKDGgSq2sCgXFUC3aiTzCSu9G0hyAzW/f82LOzpQ0fc5n5y1URzaP6C4UD8MF+V49kC0g6sqXTjXsX7b2SJ5e8pA/AGBrjk8edKB/EnVsetG0uOOnn2anDJWLqHtra25INmxXXmUl/Qg=">Log In</a> </li> </ul> </div> </nav> </div>  <div class="wrapper-maincontent"> <div class="container"> <div class="row"> <section class="col-xs-12 col-md-9 order-summary top-20 float-none"> <div class="progressbar-wrapper"> <ul class="progressbar"> <li>Select Plan</li> <li class="active">Order Summary & Payment</li> <li>Thank You</li> </ul> </div> <div class="order-summary col-md-12 col-lg-12 col-sm-12 col-xs-12 float-none"> <div class="headline"> <h1 class="title-01">Order Summary</h1> <hr> </div> <div class="form--order bot-30"> <div class="order__table"> <div class="order__preview"> <div class="receipt"> <div class="receipt__item receipt--bold receipt--big"> <p class="receipt__desc"id="pkgname"> Free Trial monthly <script type="text/javascript"> jQuery('head').append('<meta name="subscription_plan" content="1-Month Free Trial" />'); </script> </p> <p class="receipt__value" id="totalexcltaxval"> RM 0.00 </p> </div> <div class="receipt__item"> <p class="receipt__desc"> Discount</p> <p class="receipt__value" id="discval"> RM 0.00 </p> </div> <div class="receipt__item"> <p class="receipt__desc">Total</p> <p class="receipt__value" id="exclusiveSSTValue"> RM 0.00 </p> </div> <div class="receipt__item receipt__total receipt--bold"> <p class="receipt__desc"> Grand Total </p> <p class="receipt__value" id="totalValue"> RM 0.00 <span class="sub-info" data-pckgid="PK4trial" data-pckgname="1-Month Free Trial" data-pckgamount="0.00" data-topup="0"></span> </p> </div> </div> </div> <div class="order__code"> <div class="form__elem codeSection"> <p class="order__desc"> Have discount code or referral code? </p> <div class="order__input"> <form method="GET" id="discountCodeForm" action="https://www.thestar.com.my/subscribe/review" > <input type="hidden" class="form-control" id="pkg" name="pkg" value="/UDrwzm8VnndOruK Schqw=="> <input type="hidden" class="form-control" id="pw" name="pw" value="1"> <input type="hidden" class="form-control" id="pkgid" name="pkgid" value="tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY="> <input type="text" class="form-control codeInput" id="dc" name="dc" value="" placeholder="Discount Code"> <span id="revDiscountCode" style="color:Red;"></span> <p id="smsg" style="text-align: right;color: darkblue;display:none;margin-top:-10px;">You have applied the discount code successfully!</p> <button type="button" id="submitDiscountForm" form="discountCodeForm" class="btn btn-default">Apply Discount Code</button> <button id="removeDiscount" class="btn btn-default" style="display:none;">Remove</button> <input type="text" class="form-control codeInput" id="agent_code" name="ac" value="" style="margin-top:10px;" maxlength="20" placeholder="Referral Code"> <span id="revAgentCode" style="color:Red;"></span> </form> </div> </div> </div> </div> </div> </div> <form method="POST" action="https://www.thestar.com.my/subscribe/review?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2" id="packageReviewValidate"> <input type="hidden" class="form-control" id="bfDC" name="bfDC" value=""> <input type="hidden" class="form-control" id="validdc" name="validdc" value=""> <input type="hidden" class="form-control" id="ac" name="ac" value=""> <div class="order-summary col-md-12 col-lg-12 col-sm-12 col-xs-12 userInfoSection"> <div class="headline"> <h1 class="title-01">User Info</h1> <hr> </div> <div class="form-outline bot-20"> <div class="col-5"> <label class="form-label">Email Address</label> <input type="text" id="uiTxtEmail" name="uiTxtEmail" class="form-control" placeholder="Add your email address here"> <div id="cover-div-spin" style="display:none;"></div> </div> </div> <div id="message" class="error-msg"></div> <div class="alert alert-flex alert-warning accountExist" role="alert" style="display: none;"> <label class="alert-label"><i class="fa fa-exclamation-circle" aria-hidden="true"></i></label> <label class="alert-desc">Our system has detected that you already have an account using the email address provided. Please log into your account by clicking the button below. You'll be redirected back to this page after account login is successful.</label> </div> <div class="w100 bot-20 fullName" style="display:none;"> <div class="col-xs-12 col-md-6 userinfo-fullname"> <label class="form-label">First Name</label> <input type="text" id="uiTxtFirstName" name="uiTxtFirstName" class="form-control" maxlength="100" placeholder="What is your first name?"> </div> <div class="col-xs-12 col-md-6 userinfo-fullname" style="padding-right:0px;"> <label class="form-label">Last Name</label> <input type="text" id="uiTxtLastName" name="uiTxtLastName" class="form-control" maxlength="100" placeholder="What is your last name?"> </div> </div> <div class="form-outline bot-20 mobileNo" style="display:none;"> <label class="form-label">Mobile Number</label> <div class="flex-row row"> <div class="col-xs-4 col-md-3"> <div class="form_elem"> <div class="form-group"> <select name="mobile_code" id="select_mobile_code" class="form-control"> <option value='93' > Afghanistan (93) </option> <option value='355' > Albania (355) </option> <option value='213' > Algeria (213) </option> <option value='1684' > American Samoa (1684) </option> <option value='376' > Andorra (376) </option> <option value='244' > Angola (244) </option> <option value='1264' > Anguilla (1264) </option> <option value='1268' > Antigua and Barbuda (1268) </option> <option value='54' > Argentina (54) </option> <option value='374' > Armenia (374) </option> <option value='297' > Aruba (297) </option> <option value='61' > Australia (61) </option> <option value='43' > Austria (43) </option> <option value='994' > Azerbaijan (994) </option> <option value='1242' > Bahamas (1242) </option> <option value='973' > Bahrain (973) </option> <option value='880' > Bangladesh (880) </option> <option value='1246' > Barbados (1246) </option> <option value='375' > Belarus (375) </option> <option value='32' > Belgium (32) </option> <option value='501' > Belize (501) </option> <option value='229' > Benin (229) </option> <option value='1441' > Bermuda (1441) </option> <option value='975' > Bhutan (975) </option> <option value='591' > Bolivia (591) </option> <option value='387' > Bosnia and Herzegovina (387) </option> <option value='267' > Botswana (267) </option> <option value='55' > Brazil (55) </option> <option value='1284' > British Virgin Islands (1284) </option> <option value='673' > Brunei (673) </option> <option value='359' > Bulgaria (359) </option> <option value='226' > Burkina Faso (226) </option> <option value='257' > Burundi (257) </option> <option value='855' > Cambodia (855) </option> <option value='237' > Cameroon (237) </option> <option value='1' > Canada (1) </option> <option value='238' > Cape Verde (238) </option> <option value='1345' > Cayman Islands (1345) </option> <option value='236' > Central African Republic (236) </option> <option value='235' > Chad (235) </option> <option value='56' > Chile (56) </option> <option value='86' > China (86) </option> <option value='57' > Colombia (57) </option> <option value='269' > Comoros (269) </option> <option value='682' > Cook Islands (682) </option> <option value='506' > Costa Rica (506) </option> <option value='225' > Cote D Ivoire (225) </option> <option value='385' > Croatia (385) </option> <option value='53' > Cuba (53) </option> <option value='53' > Cuba (53) </option> <option value='357' > Cyprus (357) </option> <option value='53' > Czech Republic (53) </option> <option value='45' > Denmark (45) </option> <option value='253' > Djibouti (253) </option> <option value='1767' > Dominica (1767) </option> <option value='1809' > Dominican Republic (1809) </option> <option value='243' > DR Congo (243) </option> <option value='593' > Ecuador (593) </option> <option value='20' > Egypt (20) </option> <option value='503' > El Salvador (503) </option> <option value='240' > Equatorial Guinea (240) </option> <option value='291' > Eritrea (291) </option> <option value='372' > Estonia (372) </option> <option value='251' > Ethiopia (251) </option> <option value='500' > Falkland Islands (500) </option> <option value='298' > Faroe Islands (298) </option> <option value='679' > Fiji (679) </option> <option value='358' > Finland (358) </option> <option value='33' > France (33) </option> <option value='596' > French Guiana / Guadeloupe / Martinique (596) </option> <option value='689' > French Polynesia (689) </option> <option value='241' > Gabon (241) </option> <option value='220' > Gambia (220) </option> <option value='995' > Georgia (995) </option> <option value='49' > Germany (49) </option> <option value='233' > Ghana (233) </option> <option value='350' > Gibraltar (350) </option> <option value='30' > Greece (30) </option> <option value='299' > Greenland (299) </option> <option value='1473' > Grenada (1473) </option> <option value='1671' > Guam (1671) </option> <option value='502' > Guatemala (502) </option> <option value='224' > Guinea (224) </option> <option value='245' > Guinea-Bissau (245) </option> <option value='592' > Guyana (592) </option> <option value='509' > Haiti (509) </option> <option value='504' > Honduras (504) </option> <option value='852' > Hong Kong (852) </option> <option value='36' > Hungary (36) </option> <option value='354' > Iceland (354) </option> <option value='91' > India (91) </option> <option value='62' > Indonesia (62) </option> <option value='98' > Iran (98) </option> <option value='964' > Iraq (964) </option> <option value='353' > Ireland (353) </option> <option value='972' > Israel (972) </option> <option value='39' > Italy (39) </option> <option value='1876' > Jamaica (1876) </option> <option value='81' > Japan (81) </option> <option value='962' > Jordan (962) </option> <option value='7' > Kazakhstan (7) </option> <option value='254' > Kenya (254) </option> <option value='965' > Kuwait (965) </option> <option value='996' > Kyrgyzstan (996) </option> <option value='856' > Laos (856) </option> <option value='371' > Latvia (371) </option> <option value='961' > Lebanon (961) </option> <option value='266' > Lesotho (266) </option> <option value='231' > Liberia (231) </option> <option value='218' > Libya (218) </option> <option value='423' > Liechtenstein (423) </option> <option value='370' > Lithuania (370) </option> <option value='352' > Luxembourg (352) </option> <option value='853' > Macau (853) </option> <option value='389' > Macedonia (389) </option> <option value='261' > Madagascar (261) </option> <option value='265' > Malawi (265) </option> <option value='60' selected> Malaysia (60) </option> <option value='960' > Maldives (960) </option> <option value='223' > Mali (223) </option> <option value='356' > Malta (356) </option> <option value='222' > Mauritania (222) </option> <option value='230' > Mauritius (230) </option> <option value='52' > Mexico (52) </option> <option value='691' > Micronesia (691) </option> <option value='373' > Moldova (373) </option> <option value='377' > Monaco (377) </option> <option value='976' > Mongolia (976) </option> <option value='382' > Montenegro (382) </option> <option value='1664' > Montserrat (1664) </option> <option value='212' > Morocco (212) </option> <option value='258' > Mozambique (258) </option> <option value='95' > Myanmar (95) </option> <option value='264' > Namibia (264) </option> <option value='977' > Nepal (977) </option> <option value='31' > Netherlands (31) </option> <option value='1721' > Netherlands Antilles / Curacao (1721) </option> <option value='687' > New Caledonia (687) </option> <option value='64' > New Zealand (64) </option> <option value='505' > Nicaragua (505) </option> <option value='227' > Niger (227) </option> <option value='234' > Nigeria (234) </option> <option value='672' > Norfolk Island (672) </option> <option value='1670' > Northern Mariana Islands (1670) </option> <option value='47' > Norway (47) </option> <option value='968' > Oman (968) </option> <option value='92' > Pakistan (92) </option> <option value='680' > Palau (680) </option> <option value='970' > Palestine (970) </option> <option value='507' > Panama (507) </option> <option value='675' > Papua New Guinea (675) </option> <option value='595' > Paraguay (595) </option> <option value='51' > Peru (51) </option> <option value='63' > Philippines (63) </option> <option value='48' > Poland (48) </option> <option value='351' > Portugal (351) </option> <option value='1787' > Puerto Rico (1787) </option> <option value='974' > Qatar (974) </option> <option value='242' > Republic of Congo (242) </option> <option value='262' > Reunion (262) </option> <option value='40' > Romania (40) </option> <option value='7' > Russia (7) </option> <option value='250' > Rwanda (250) </option> <option value='1869' > Saint Kitts and Nevis (1869) </option> <option value='1758' > Saint Lucia (1758) </option> <option value='508' > Saint Pierre Et Miquelon (508) </option> <option value='1784' > Saint Vincent and Grenadines (1784) </option> <option value='685' > Samoa (685) </option> <option value='378' > San Marino (378) </option> <option value='239' > Sao Tome and Principe (239) </option> <option value='966' > Saudi Arabia (966) </option> <option value='221' > Senegal (221) </option> <option value='381' > Serbia (381) </option> <option value='248' > Seychelles (248) </option> <option value='232' > Sierra Leone (232) </option> <option value='65' > Singapore (65) </option> <option value='421' > Slovakia (421) </option> <option value='677' > Solomon Islands (677) </option> <option value='252' > Somalia (252) </option> <option value='27' > South Africa (27) </option> <option value='82' > South Korea (82) </option> <option value='34' > Spain (34) </option> <option value='94' > Sri Lanka (94) </option> <option value='249' > Sudan (249) </option> <option value='597' > Suriname (597) </option> <option value='268' > Swaziland (268) </option> <option value='46' > Sweden (46) </option> <option value='41' > Switzerland (41) </option> <option value='963' > Syria (963) </option> <option value='886' > Taiwan (886) </option> <option value='992' > Tajikistan (992) </option> <option value='255' > Tanzania (255) </option> <option value='66' > Thailand (66) </option> <option value='670' > Timor Leste (670) </option> <option value='228' > Togo (228) </option> <option value='676' > Tonga (676) </option> <option value='1868' > Trinidad and Tobago (1868) </option> <option value='216' > Tunisia (216) </option> <option value='90' > Turkey (90) </option> <option value='993' > Turkmenistan (993) </option> <option value='1649' > Turks and Caicos (1649) </option> <option value='256' > Uganda (256) </option> <option value='380' > Ukraine (380) </option> <option value='971' > United Arab Emirates (971) </option> <option value='44' > United Kingdom (44) </option> <option value='598' > Uruguay (598) </option> <option value='1' > USA (1) </option> <option value='998' > Uzbekistan (998) </option> <option value='678' > Vanuatu (678) </option> <option value='58' > Venezuela (58) </option> <option value='84' > Vietnam (84) </option> <option value='967' > Yemen (967) </option> <option value='260' > Zambia (260) </option> <option value='263' > Zimbabwe (263) </option> </select> </div> </div> </div> <div class="col-xs-8 col-md-9"> <div class="form_elem"> <div class="form-group"> <input type="text" class="form-control" id="uiTxtPhone" name="uiTxtPhone" aria-describedby="billing--phone" maxlength="25" placeholder="123456789"> </div> </div> </div> </div> </div> </div> <div class="order-summary col-md-12 col-lg-12 col-sm-12 col-xs-12"> <div class="headline ps1"> <h1 class="title-01">Payment Method</h1> <hr> </div> <div class="payment-selector bot-30"> <div class="ps2"> <div id="renewalholder" class="row" style=display:none> <div class="col-lg-6 col-xs-6 paylabel" style="width:125px">Auto-Renewal</div> <div class="paymethod col-lg-6 col-xs-6 paybox"> <div> <input id="switch" type="checkbox" value="1" name="enableauto" checked="checked" ><label class="switch" for="switch"></label> <span class="switch-label switch-text"> Enabled</span> </div> </div> </div> <div class="paymethod"> <div class="col-xs-12"> <div class="row method-wrapper"> <div class="col-xs-12 col-sm-12 col-md-12 bot-15"> <div class="paymethod_info"> <p id="pay_info">Pay with a credit / debit card </p> <img src="https://cdn.thestar.com.my/Themes/img/ipay-logo.png"> </div> <div class="radio-wrapper"> <div class="iradio_square-grey" aria-checked="false" aria-disabled="false" style=display:none;> <input id="iPay88" type="radio" value="0" name="iCheck" class="check-radio" checked> </div> <label class="card-ipay " for="iPay88"> <div class="card-info"> <div class="card-info-text"> <img src="https://cdn.thestar.com.my/Themes/img/Visa+Logo-1.png" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/Mastercard+Logo-1.png" style="width:auto"> <span class="nonerecurring" style="display:none"> <img src="https://cdn.thestar.com.my/Themes/img/payment/FPXLogo.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/mbbqrpay.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/grabpay.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/boostwallet.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/tng.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/mcash.jpg" style="width:auto"> <img src="https://cdn.thestar.com.my/Themes/img/payment/shopeepay.png" style="width:auto"> </span> </div> </div> </label> </div> </div> </div> </div> </div> </div> <div class="alert alert-flex plan-change-box successLogin" role="alert" style="display: none;"> <label class="alert-label"><i class="fa fa-info-circle" aria-hidden="true"></i></label> <label class="alert-desc">You have successfully logged In. Kindly proceed with payment.</label> </div> <input style="display:none;" type="button" onclick="javascript:history.back(1);" class="reg-button back-button inline" value="Back" /> <div id="isUserLoggedIn" data-value="0"></div> <a class="reg-button" id="btnLogin" href="https://sso.thestar.com.my/?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2&s=1&channel=1&ru=HNQ8Auw31qgZZU47ZjHUhHKJStkK3H51/pPcFdJ1gQ9cFgPiSalasDvF6DeumuZwQFWSTaAxDLkfr7/af0z9HwoDPtL8uAbCjYwk5/k0nAQYlwC/aGG+r7rVzdev1JoMnVgVC02bZAY/49pCcgZm65/9tQnyPufLk4/bQpNiVadNf/yn5+8MKy8AFvyE9CSZeZTSeikJ405M19q++kF++EZCk4FwpDEM+ICdLdn2SPD4kK2pJ3lbjWFJNDLnivQbif1pjER+H1P2DI9nYosE1FV87PjNf9JEKDGgSq2sCgXFUC3aiTzCSu9G0hyAzW/f82LOzpQ0fc5n5y1URzaP6C4UD8MF+V49kC0g6sqXTjXsX7b2SJ5e8pA/AGBrjk8edKB/EnVsetG0uOOnn2anDJWLqHtra25INmxXXmUl/Qg=" tabindex="0" style="display:none;">Proceed to Log In</a> <div class="btn-proceedPayment" style="display: none;"> <div style="font-size: 12px;text-align: center;display:none" id="diginote">*Please switch on your mobile data before proceeding to payment</div> <input type="submit" name="btnSubmit" value="Proceed to Payment" id="btnSubmit" class="reg-button"> </div> </div> </div> </form> </section> </div> </div> </div> </div> <footer class="footer"> <style> /** { outline: 1px red solid; }*/ /*.row { margin-right: -15px; margin-left: -15px; }*/ /*.footer h3 { padding-top: 10px; }*/ .footer ul li a { display: inherit; } /*ul.social { display: inline-block; }*/ </style> <div class="container"> <div class="row"> <div class="footer-r footer-col-right col-xs-12 col-sm-4"> <h3>Connect with Us</h3> <ul class="social"> <li> <a href="https://www.youtube.com/user/thestaronline" class="youtube" data-list-type="Footer" data-content-type="Social Page" data-content-title="Youtube" data-content-id="https://www.youtube.com/user/thestaronline"> <i class="icon sprite-icon"></i> </a> </li> <li> <a href="https://www.instagram.com/thestaronline/?hl=en" class="instagram-white" data-list-type="Footer" data-content-type="Social Page" data-content-title="Instagram" data-content-id="https://www.instagram.com/thestaronline/?hl=en"> <i class="icon sprite-icon"></i> </a> </li> <li> <a href="https://twitter.com/staronline" class="twitter-white" data-list-type="Footer" data-content-type="Social Page" data-content-title="Twitter" data-content-id="http://twitter.com/staronline"> <i class="icon sprite-icon"></i> </a> </li> <li> <a href="https://www.facebook.com/TheStarOnline" class="facebook-white" data-list-type="Footer" data-content-type="Social Page" data-content-title="Facebook" data-content-id="http://www.facebook.com/TheStarOnline"> <i class="icon sprite-icon"></i> </a> </li> <li> <a href="https://t.me/thestar_official" class="telegram" data-list-type="Footer" data-content-type="Social Page" data-content-title="telegram" data-content-id="https://t.me/thestar_official"> <i class="icon sprite-icon"></i> </a> </li>   </ul> </div> <div class="footer-l col-xs-12 col-sm-8"> <ul class="footer-nav"> <li><a href="//www.thestar.com.my/faqs/">FAQ</a><span class="divider">|</span></li> <li><a href="//www.thestar.com.my/Privacy/">Privacy Policy</a><span class="divider">|</span></li> <li><a href="//www.thestar.com.my/terms/">Terms & Conditions</a><span class="divider">|</span></li> <li><a href="//www.thestar.com.my/ContactUs/">Contact Us</a></li> </ul> <p class="copyright">Copyright © 1995-<script type="text/javascript"> var theDate = new Date(); document.write(theDate.getFullYear()); </script> Star Media Group Berhad [197101000523 (10894-D)]</p> </div> </div> </div> </footer> <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6035691" }); (function () { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&c2=6035691&cv=2.0&cj=1" /> </noscript> <input type="hidden" name="hfldUrl1" id="hfldUrl1" value="HNQ8Auw31qgZZU47ZjHUhHKJStkK3H51/pPcFdJ1gQ9cFgPiSalasDvF6DeumuZwQFWSTaAxDLkfr7/af0z9HwoDPtL8uAbCjYwk5/k0nASzk52l294nrc+axCubGi1b" />   <script src="https://cdn.thestar.com.my/GlobalBar/global-bar.min.js" charset="utf-8"></script> <script src="https://cdn.thestar.com.my/Themes/js/loginstatusV2.js"></script>       <script type="text/javascript"> //Remove po.st social share // (function () { // var s = document.createElement('script'); // s.type = 'text/javascript'; // s.async = true; // s.src = ('https:' == document.location.protocol ? 'https://s' : 'http://i') // + '.po.st/static/v4/post-widget.js#publisherKey=gbc1mg0m85gf08mf3jlb'; // var x = document.getElementsByTagName('script')[0]; // x.parentNode.insertBefore(s, x); // })(); //window.pwidget_config = { // publisherKey: 'wid-47r2u0p7', // defaults: { radius: "circle", buttonColor: "default", buttonBackground: "default", label: "false", size: "24", counter: false, padding: true, view: "auto", shareNewWindow: true, services: { twitter: { via: "staronline" } }, jumboPosition: "first", }, // onload: function () { // if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/Windows Phone/i)) { // window.postPlatform.createWidget('.post-Wiz-Custom-Items', { buttons: [{ "id": "facebook" }, { "id": "twitter" }, { "id": "linkedin" }, { "id": "line" }, { "id": "reddit" }, { "id": "whatsapp" }, { "id": "email" }], }); // } // else window.postPlatform.createWidget('.post-Wiz-Custom-Items', { buttons: [{ "id": "facebook" }, { "id": "twitter" }, { "id": "linkedin" }, { "id": "line" }, { "id": "reddit" }, { "id": "print" }, { "id": "email" }], }); // } //}; //Added for ajax load today picture $(".slick-next").click(function(){ __sharethis__.initialize(); /* setTimeout(function() { addthis.layers.refresh(); }, 1000); */ }); $(".slick-prev").click(function(){ __sharethis__.initialize(); /* setTimeout(function() { addthis.layers.refresh(); }, 1000); */ }); //Added for ajax load today picture </script>  <script src='//tw.netcore.co.in/smartechclient.js'></script> <script> smartech('create', 'ADGMOT35CHFLVDHBJNIG50K968P0V61ULQ6VTDV1B4AH6RHKPIVG'); smartech('register', '1ea761fa10f93f18df46ddc3b4f7b01a'); smartech('identify', ''); smartech('dispatch',1,{}); </script>   <script src="https://cdn.thestar.com.my/Themes/js/icheck.min.js"></script> <style> .card-ipay { cursor: pointer; background-repeat: no-repeat; width: 100%; xheight: 60px; background-position: center center; background-position: top center; } .card-others { height:71px; } .card-info { margin-top:10px; display: flex; justify-content: center; flex-wrap: wrap; } .card-info-text { text-align: left; font-size: 14px; font-weight: 400; line-height: 1.5; } .paymethod_info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom:10px; } .paymethod_info img{ width:120px; } .codeInput{ height: 35px!important; } .nav>li>a.login { margin-top: -10px; } .progressbar { padding-top: 20px; } .accountExist{ margin-top: 10px; } #cover-div-spin { position: absolute; right: 5px; padding-top: 30px; } /* Safari */ @-webkit-keyframes spin { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } #cover-div-spin::after { /* Removed all position rules */ border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #c4040c; width: 25px; height: 25px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; content:''; display:block; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; left: calc(50% - 50px); top: calc(50% - 50px); position:absolute; } @media (min-width:992px) { .errormsg{width:55%} } </style>  <script> //================================================== var delay = (function(){ var timer = 0; return function(callback, ms){ clearTimeout (timer); timer = setTimeout(callback, ms); }; })(); $('#uiTxtEmail').keyup(function() { var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $('#cover-div-spin').show(); checkEmailExist(null, 10); }else{ checkEmailExist(); } }); $('#uiTxtEmail').keydown(function() { ClearMessage(); }); function ClearMessage() { $("#message").html(""); }; function checkEmailExist(userLogin, timeCheck){ if(timeCheck === undefined){ timeCheck = 500; } console.log(timeCheck); if(!userLogin){ delay(function(){ var message = $("#message"); var email = $("#uiTxtEmail").val(); var validEmail; if(email !== ''){ if(isEmail(email)){ $('#cover-div-spin').show(); $.ajax({ type: "POST", url:"https://www.thestar.com.my/subscribe/validate-ssoemail?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2", data: { email: email }, crossDomain: true, async: false, dataType: "json", success: function (response) { if(response == 0){ // email NOT exist, show full name and mobile number fields $(".fullName").show(); $(".mobileNo").show(); //add input as required $("#uiTxtFirstName").prop('required',true); $("#uiTxtLastName").prop('required',true); $("#uiTxtPhone").prop('required',true); $('#btnLogin').hide(); $('.accountExist').hide(); $('.btn-proceedPayment').show(); $('.ps1').show(); $('.ps2').show(); } else if(response == 1){ // email exist //if not logged in, show login and message box $('#btnLogin').show(); $('.accountExist').show(); //remove required from input $("#uiTxtFirstName").prop('required',false); $("#uiTxtLastName").prop('required',false); $("#uiTxtPhone").prop('required',false); $(".fullName").hide(); $(".mobileNo").hide(); $('.btn-proceedPayment').hide(); $('.ps1').hide(); $('.ps2').hide(); }else{ //error } }, complete: function () { delay(function(){ $('#cover-div-spin').hide();//Request is complete so hide spinner }, 700); }, error: function(response) { console.log(response); message.css({"color":"red", "margin-top" : "-15px"}); message.html('Fail to check email'); $('#cover-div-spin').hide(); } }); }else{ message.css({"color":"red", "margin-top" : "-15px"}); message.html('Please enter a valid email address'); $('#cover-div-spin').hide(); } }else{ $('#btnLogin').hide(); $("#uiTxtFirstName").prop('required',false); $("#uiTxtLastName").prop('required',false); $("#uiTxtPhone").prop('required',false); $(".fullName").hide(); $(".mobileNo").hide(); $('.btn-proceedPayment').hide(); $('.accountExist').hide(); $('#cover-div-spin').hide(); } }, timeCheck ); }else{ //user is logged in, show proceed to payment button $('.btn-proceedPayment').show(); $('.ps1').show(); $('.ps2').show(); $('#cover-div-spin').hide(); } } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function checkUserInfoSection(){ var isLoggedIn = parseInt($("#isUserLoggedIn").data("value")); if(!isLoggedIn){ if($("#uiTxtEmail").val() == ''){ alert("Please enter your email address"); $("#uiTxtEmail").focus(); return false; } if($("#uiTxtFirstName").val() == ''){ alert("Please fill in First Name"); $("#uiTxtFirstName").focus(); return false; } if($("#uiTxtLastName").val() == ''){ alert("Please fill in Last Name"); $("#uiTxtLastName").focus(); return false; } if($("#uiTxtPhone").val() == ''){ alert("Please fill in Mobile Number"); $("#uiTxtPhone").focus(); return false; } var checkOK = "0123456789"; var checkStr = $("#uiTxtPhone").val(); var allValid = true; if ($("#uiTxtPhone").val() != "") { for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } } if (!allValid) { alert("Please enter a valid mobile number, without the ‘+’ and ‘-‘ symbols and spaces (e.g. 12XXXXXXX)."); $("#uiTxtPhone").focus(); return (false); } } return true }else{ return true; } } // check radio button function getParameterByName(name, url = window.location.href) { name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } $(document).ready(function(){ var inputPhone = document.getElementById("uiTxtPhone"); var invalidChars = [ "-", "+", "e", ]; inputPhone.addEventListener("input", function() { this.value = this.value.replace(/[e\+\-]/gi, ""); }); inputPhone.addEventListener("keydown", function(e) { if (invalidChars.includes(e.key)) { e.preventDefault(); } }); $(document).on("keydown", "form", function(event) { return event.key != "Enter"; }); var isLoggedIn = parseInt($("#isUserLoggedIn").data("value")); if(isLoggedIn){ var rl = getParameterByName('rl'); $("#uiTxtEmail").prop('required',false); //hide user section $(".userInfoSection").hide(); if(rl!=false){ $('.successLogin').show(); }else{ $('.successLogin').hide(); } }else{ $("#uiTxtEmail").prop('required',true); $(".userInfoSection").show(); $('.successLogin').hide(); } checkEmailExist(isLoggedIn); $("#uiTxtFirstName").keypress(function (e) { var regex = new RegExp("^[a-zA-Z ]+$"); var strigChar = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(strigChar)) { return true; } return false }); $("#uiTxtLastName").keypress(function (e) { var regex = new RegExp("^[a-zA-Z ]+$"); var strigChar = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(strigChar)) { return true; } return false }); var discount = null; var is_auto_apply = false; var auto_apply_invalid_msg = ""; var isTopup = false; var allowRecurring = "0"; var allow_non_recurring = false; if (isTopup || (allow_non_recurring == true && allowRecurring == false)) { document.getElementById("switch").checked = false; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $('.nonerecurring').show(); } if(is_auto_apply ){ $('#telcomethod').hide(); if( auto_apply_invalid_msg !== ''){ $("#revDiscountCode").html('<div class="error-msg"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> '+auto_apply_invalid_msg+'</div>'); $('#smsg').hide(); }else{ document.getElementById('dc').disabled = true; $('#submitDiscountForm').hide(); $('#smsg').show(); $("#revDiscountCode").html(""); $("#validdc").val(document.getElementById('dc').value); var bfDC= $("#totalexcltaxval").html().replace("RM", "").trim(); $("#bfDC").val(bfDC); } } if (getParameterByName('dc') != null && !is_auto_apply) { discount = getParameterByName('dc'); document.getElementById('dc').value = discount; var data = new FormData($('#discountCodeForm')[0]); $.ajax({ url:"https://www.thestar.com.my/subscribe/validate-discount?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2", type: "POST", contentType: false, processData: false, data: data, dataType: 'json', success: function (data) { if(!data['result']){ //var amount = parseFloat($("#bfDC").val()); //$("#exclusiveSSTValue").html("RM "+amount); //alert(amount); //var sstValue = (6/100) * amount; //$("#sstValue").html("RM "+sstValue.toFixed(2)); //var totalAmount = $(".sub-info").attr('data-pckgamount'); //var totalNewAmount = parseFloat(amount) + parseFloat(sstValue); //$(".sub-info").attr('data-pckgamount',totalNewAmount.toFixed(2)); //var totalValue = $("#totalValue").html(); //$("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); //$("#validdc").val(); //location.reload(); $("#revDiscountCode").html('<div class="error-msg"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> '+data['msg']+'</div>'); } else{ $("#revDiscountCode").html(""); $("#validdc").val(data['code']); if(Object.keys(data['code_info']).length>0){ var exclusiveSSTValue = $("#exclusiveSSTValue").html().replace("RM", "").trim(); if(data['code_info']['amount'] != null && data['code_info']['amount'].length>0){ $("#discval").html("RM " + data['code_info']['amount']); var newAmount = exclusiveSSTValue - data['code_info']['amount']; } else if(data['code_info']['discountpercent'] != null && data['code_info']['discountpercent'].length>0){ $("#discval").html(data['code_info']['discountpercent'] + "%"); var newAmount = exclusiveSSTValue-(data['code_info']['discountpercent']/100 * exclusiveSSTValue); } //console.log('pkg name:' + data['code_info']['subpackages'][0]); //if(data['code_info']['subpackages'][0]['duration']['full_name'] == "monthly" ) //{ //$("#pkgname").html(data['code_info']['subpackages'][0]['duration']['full_name'] + ' (promo code)'); var pkgbox = document.getElementById('pkgname'); $("#pkgname").html(pkgbox.innerText + " (promo code)"); //} $("#exclusiveSSTValue").html("RM "+newAmount.toFixed(2)); //Calculation for new sst after discount var sstValue = (6/100) * newAmount; $("#sstValue").html("RM "+sstValue.toFixed(2)); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = newAmount + sstValue; $("#bfDC").val(exclusiveSSTValue); $(".sub-info").attr('data-pckgamount',totalNewAmount.toFixed(2)); ////Calculation for new total amount after discount var totalValue = $("#totalValue").html(); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); document.getElementById('dc').disabled = true; if (document.getElementById('dc').value.indexOf("TNGD") !== -1) { $('#renewalholder').hide(); document.getElementById("switch").checked = false; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $('.nonerecurring').show(); $(".switch-text").text("Disabled"); } $('#submitDiscountForm').hide(); $('#removeDiscount').show(); $('#smsg').show(); $('#telcomethod').hide(); document.getElementById('btnSubmit').click(); } if(data['promocode_info'] != null && Object.keys(data['promocode_info']).length>0){; var exclusiveSSTValue = $("#exclusiveSSTValue").html().replace("RM", "").trim(); if(data['promocode_info']['subpackages'][0]['amount'] !== null && data['promocode_info']['subpackages'][0]['amount']){ if(data['promocode_info']['subpackages'][0]['duration']['full_name'] == "monthly" ) { $("#pkgname").html(data['promocode_info']['subpackages'][0]['textAfterAmount']); //$("#pkgname").html("3 months (promo code)"); } if(data['promocode_info']['subpackages'][0]['discountamt'] != null && data['promocode_info']['subpackages'][0]['discountamt'].length>0 && data['promocode_info']['subpackages'][0]['discountamt'] > 0){ $("#discval").html("RM " + data['promocode_info']['subpackages'][0]['discountamt']); var totalexctaxval = $("#totalexcltaxval").html().replace("RM", "").trim(); var newAmount = totalexctaxval - data['promocode_info']['subpackages'][0]['discountamt']; $("#exclusiveSSTValue").html("RM "+newAmount.toFixed(2)); var sstValue = (6/100) * newAmount; $("#sstValue").html("RM "+sstValue.toFixed(2)); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = newAmount + sstValue; var totalValue = $("#totalValue").html(); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); } else { $("#discval").html("RM 0.00"); } //("#discval").html("RM 0.00"); //var newAmount = exclusiveSSTValue - data['promocode_info'][5]->subpackages[0]->amount; var totalValue = $("#totalValue").html(); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = parseFloat(data['promocode_info']['subpackages'][0]['amount']); //var n = totalNewAmount); //console.log(n.); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); document.getElementById('dc').disabled = true; if (document.getElementById('dc').value.indexOf("TNGD") !== -1) { console.log("non-recurring"); $('#renewalholder').hide(); document.getElementById("switch").checked = false; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $('.nonerecurring').show(); $(".switch-text").text("Disabled"); } $('#submitDiscountForm').hide(); $('#removeDiscount').show(); $('#smsg').show(); $('#telcomethod').hide(); document.getElementById('btnSubmit').click(); } } } } }); } $("#submitDiscountForm").click(function(){ document.getElementById('submitDiscountForm').disabled = true; var data = new FormData($('#discountCodeForm')[0]); $.ajax({ url:"https://www.thestar.com.my/subscribe/validate-discount?pkg=/UDrwzm8VnndOruK Schqw==&pw=1&pkgid=tNXUBISUiM/Pe4dybmO5c0bBCZh1lsDjVwHlzJHvCzY=&trialType=2", type: "POST", contentType: false, processData: false, data: data, dataType: 'json', success: function (data) { if(!data['result']){ //var amount = parseFloat($("#bfDC").val()); //$("#exclusiveSSTValue").html("RM "+amount); //alert(amount); //var sstValue = (6/100) * amount; //$("#sstValue").html("RM "+sstValue.toFixed(2)); //var totalAmount = $(".sub-info").attr('data-pckgamount'); //var totalNewAmount = parseFloat(amount) + parseFloat(sstValue); //$(".sub-info").attr('data-pckgamount',totalNewAmount.toFixed(2)); //var totalValue = $("#totalValue").html(); //$("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); //$("#validdc").val(); //location.reload(); $("#revDiscountCode").html('<div class="error-msg"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> '+data['msg']+'</div>'); } else{ $("#revDiscountCode").html(""); $("#validdc").val(data['code']); if(Object.keys(data['code_info']).length>0){ var exclusiveSSTValue = $("#exclusiveSSTValue").html().replace("RM", "").trim(); if(data['code_info']['amountNoTax'] != null && data['code_info']['amountNoTax'].length>0){ $("#discval").html("RM " + data['code_info']['amountNoTax']); var newAmount = exclusiveSSTValue - data['code_info']['amountNoTax']; } else if(data['code_info']['discountpercent'] != null && data['code_info']['discountpercent'].length>0){ $("#discval").html(data['code_info']['discountpercent'] + "%"); var newAmount = exclusiveSSTValue-(data['code_info']['discountpercent']/100 * exclusiveSSTValue); } var pkgbox = document.getElementById('pkgname'); $("#pkgname").html(pkgbox.innerText + " (promo code)"); $("#exclusiveSSTValue").html("RM "+newAmount.toFixed(2)); //Calculation for new sst after discount var sstValue = (6/100) * newAmount; $("#sstValue").html("RM "+sstValue.toFixed(2)); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = newAmount; $("#bfDC").val(exclusiveSSTValue); $(".sub-info").attr('data-pckgamount',totalNewAmount.toFixed(2)); ////Calculation for new total amount after discount var totalValue = $("#totalValue").html(); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); document.getElementById('dc').disabled = true; if (document.getElementById('dc').value.indexOf("TNGD") !== -1) { $('#renewalholder').hide(); document.getElementById("switch").checked = false; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $('.nonerecurring').show(); $(".switch-text").text("Disabled"); } $('#submitDiscountForm').hide(); $('#removeDiscount').show(); $('#smsg').show(); $('#telcomethod').hide(); } if(data['promocode_info'] != null && Object.keys(data['promocode_info']).length>0){ console.log('hellopromo'); console.log(data['amount']); console.log(data['promocode_info']); var exclusiveSSTValue = $("#exclusiveSSTValue").html().replace("RM", "").trim(); console.log(data['promocode_info']['subpackages'][0]['amount']); console.log(data['promocode_info']['subpackages'][0]['duration']['full_name']); if(data['promocode_info']['subpackages'][0]['amount'] !== null && data['promocode_info']['subpackages'][0]['amount']){ if(data['promocode_info']['subpackages'][0]['duration']['full_name'] == "monthly" ) { $("#pkgname").html(data['promocode_info']['subpackages'][0]['textAfterAmount']); //$("#pkgname").html("3 months (promo code)"); } if(data['promocode_info']['subpackages'][0]['discountamt'] != null && data['promocode_info']['subpackages'][0]['discountamt'].length>0 && data['promocode_info']['subpackages'][0]['discountamt'] > 0){ $("#discval").html("RM " + data['promocode_info']['subpackages'][0]['discountamt']); var totalexctaxval = $("#totalexcltaxval").html().replace("RM", "").trim(); var newAmount = totalexctaxval - data['promocode_info']['subpackages'][0]['discountamt']; $("#exclusiveSSTValue").html("RM "+newAmount.toFixed(2)); var sstValue = (6/100) * newAmount; $("#sstValue").html("RM "+sstValue.toFixed(2)); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = newAmount; var totalValue = $("#totalValue").html(); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); } else { $("#discval").html("RM 0.00"); } //var newAmount = exclusiveSSTValue - data['promocode_info'][5]->subpackages[0]->amount; var totalValue = $("#totalValue").html(); var totalAmount = $(".sub-info").attr('data-pckgamount'); var totalNewAmount = parseFloat(data['promocode_info']['subpackages'][0]['amount']); //var n = totalNewAmount); //console.log(n.); $("#totalValue").html(totalValue.replace(totalAmount, totalNewAmount.toFixed(2))); document.getElementById('dc').disabled = true; if (document.getElementById('dc').value.indexOf("TNGD") !== -1) { $('#renewalholder').hide(); document.getElementById("switch").checked = false; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $('.nonerecurring').show(); $(".switch-text").text("Disabled"); } $('#submitDiscountForm').hide(); $('#removeDiscount').show(); $('#smsg').show(); $('#telcomethod').hide(); } } } } }); }); $("#removeDiscount").click(function(){ $('#dc').val(""); $('#submitDiscountForm').show(); $('#removeDiscount').hide(); $('#smsg').hide(); $('#telcomethod').show(); location.reload(); }); function disableRadio() { $("input[type=radio]:not(#iPay88)").closest( ".radio-wrapper" ) .css( { "background-color":"#DCDCDC", "pointer-events":"none" } ); } if ($('#switch:checked').length) { enableRadio(); } else{ disableRadio(); } function enableRadio() { $("input[type=radio]:not(#iPay88)").closest( ".radio-wrapper" ) .css( { "background-color":"inherit", "pointer-events":"auto" } ); } $('input.check-radio').iCheck({ radioClass: 'iradio_square-grey', increaseArea: '20%' // optional }); // $('#Celcom').on('ifChecked', function(event){ // $('#switch').prop('checked', false); // }); $('#Digi').on('ifChecked', function(event){ $('#diginote').show(); }); $('#Digi').on('ifUnchecked', function(event){ $('#diginote').hide(); }); $('.radio-wrapper').on('click', function () { $(this).find("input[type=radio]").iCheck('check'); }); $('#switch').on('change', function() { if($('#switch:checked').length > 0){ enableRadio(); $("#pay_info").text("Pay with a credit / debit card"); $('.nonerecurring').hide(); $(".switch-text").text("Enabled"); } else { $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); disableRadio(); $("#pay_info").text("Pay with a credit / debit card, Online Banking, eWallet"); $('.nonerecurring').show(); $(".switch-text").text("Disabled"); } }); $('#btnSubmit').on('click', function(e) { e.preventDefault(); if(checkUserInfoSection()){ if ($('input[name=iCheck]:checked').length) { $("#ac").val($("#agent_code").val()); if ($("#agent_code").val()) { var jsonToAPI = '{"ac":"' + $("#agent_code").val() + '","pkgid":"' + $("#pkgid").val() + '"}'; $.ajax({ url:"https://www.thestar.com.my/subscribe/validate-agent", type: "POST", data: jsonToAPI, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { if(data['result'] === true){ $('#packageReviewValidate').submit(); } else{ $("#revAgentCode").html('<div class="error-msg"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> '+data['msg']+'</div>'); $("#agent_code").focus(); } } }); } else { $('#packageReviewValidate').submit(); } } else { alert('Please select a payment method'); } } }); $("#packageselection").change(function(){ window.location = this.options[this.selectedIndex].getAttribute('data-url'); //window.location = window.location.href.split('?')[0] + "?" + "pkg=" + this.options[this.selectedIndex].getAttribute('data-pkg') + "&pw=1&" + "pkgid=" + document.getElementById("packageselection").value; }); //dataLayer = []; var subinfo = $(".sub-info"); var isTopUp = subinfo.data("topup"); var packageid = subinfo.data("pckgid"); var pckgname = subinfo.data("pckgname"); var pckgamount = subinfo.data("pckgamount"); var pckgcat = ""; if (packageid.indexOf("PK4trial") >= 0) { pckgcat = "Trial";} else if (packageid.indexOf("PK5mPROMO") >= 0) { pckgcat = "Introductory Offer";} else if (packageid.indexOf("PK6m") >= 0) { pckgcat = "Monthly Plan";} else if (packageid.indexOf("PK22m") >= 0) { pckgcat = "6-Month Plan";} else if (packageid.indexOf("PK16y") >= 0) { pckgcat = "Yearly Plan";} else if (packageid.indexOf("PK25y") >= 0) { pckgcat = "Premium Yearly Plan";} else if (packageid.indexOf("PK26m") >= 0) { pckgcat = "Premium Monthly Plan";} else if (packageid.indexOf("PK27y") >= 0) { pckgcat = "Standard Plan (Student Promo)";} if (isTopUp == "0") { dataLayer.push({ "event": "paywall_checkout", "ecommerce": { "checkout": { 'actionField': { 'step': '1' }, "products": [{ "id": packageid, "name": pckgname, "price": pckgamount, "category": pckgcat, "brand": "TSOL", "variant": "", "quantity": 1 }] } } }); } if (document.getElementById('dc').value.indexOf("SPECIALYEARLYEDM") !== -1) { $('#renewalholder').hide(); document.getElementById("switch").checked = true; $("input[type=radio]:not(#iPay88)").iCheck('uncheck'); $("#iPay88").iCheck('check'); } }); </script> </body> </html>

CINXE.COM

Paywall Package Review | The Star