Newspost

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="images/newspost_logo_wht.png"> <title>Newspost</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/ball-clip-rotate-multiple.min.css"> </head> <body class="main-body"> <div class="loading-overlay"></div> <div class="loading-overlay-image-container"> <div class="la-ball-clip-rotate-multiple la-2x"> <div></div> <div></div> </div> </div> <div class="card-header border-info nav"> <div class="logo"> <a href="https://newspost.newslink.sg"> <img src="svg/newspost.svg" alt="Newspost" class="float-left"> </a> <div class="header-title">News Post Enquiry Form for Republication or Keepsake</div> </div> </div> <div class="container"> <div id="alert"></div> <div class="alert alert-success" style="display: none;"> Your request has been submitted. We will get back to you soon ! </div> <div class="alert alert-danger" style="display: none;"> Sorry, we are unable to submit your enquiry. Please email us at <a href="mailto:archives@sph.com.sg">archives@sph.com.sg</a> for more information. </div> <div class="col-lg-8 offset-lg-2"> <div class="card border-info"> <div class="card-body"> <b>To republish or purchase any SPH Media articles and photographs, please fill up the form below. We will respond to you with the necessary copyright and licensing fees required. </b> </div> </div> <br> <form enctype="multipart/form-data" method="POST" id="enquiry_form" name="enquiry_form"> <input type="hidden" id="article_link" name="article_link"></input> <div class="card border-info"> <div class="card-body"> <h4 class="card-title">Content License Request Form</h4> <div class="form-group row"> <label class="col-sm-4 col-form-label">Publication</label> <div class="col-sm-8"> <select class="form-control" id="publication" name="publication" required> <option value=''>Publication</option> <option value='ST'>The Straits Times</option> <option value='BT'>The Business Times</option> <option value='NP'>The New Paper</option> <option value='ZB'>Lianhe Zaobao</option> <option value='WB'>Lianhe Wanbao</option> <option value='SM'>Shin Min Daily News</option> <option value='BH'>Berita Harian</option> <option value='BM'>Berita Minggu</option> <option value='TM'>Tamil Murasu</option> <option value='TABL'>Tabla</option> <option value='TU'>Thumbs Up</option> <option value='TJ'>Thumbs Up Junior</option> <option value='FW'>zbCOMMA/Friday Weekly</option> <option value='STO'>The Straits Times Online</option> <option value='BTO'>The Business Times Online</option> <option value='NPO'>The New Paper Online</option> <option value='BHO'>Berita Harian Online</option> <option value='The Sunday Times'>The Sunday Times</option> <option value='A1'>Asia One</option> <option value='others'>Others</option> </select> </div> </div> <div class="form-group row"> <label class="col-sm-4 col-form-label">Publication Date </label> <div class="col-sm-8"> <input type="date" id="publication_date" name="publication_date" class="form-control" placeholder="Publication Date" required> </div> </div> <div class="form-group row"> <label class="col-sm-4 col-form-label">Article Headline</label> <div class="col-sm-8"> <input type="text" id="headline" name="headline" class="form-control" placeholder="Article Headline" required> </div> </div> </div> <div class="card-body"> <h4 class="card-title">Usage</h4> <div class="form-row"> <div class="col-md-4 mb-3"> <label>Non-Print</label> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="News Post"> <label class="form-check-label"> News Post </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="E-newsletter"> <label class="form-check-label"> E-newsletter </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="Others (Non-Print)"> <label class="form-check-label"> Others </label> </div> </div> <div class="col-md-4 mb-3"> <label>Print</label> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="Plaques"> <label class="form-check-label"> Plaques </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="Brochures"> <label class="form-check-label"> Brochures </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="Posters"> <label class="form-check-label"> Posters </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" value="Others (Print)"> <label class="form-check-label"> Others </label> </div> </div> <div class="col-md-4 mb-3"> <label>Personal Keepsake</label> <div class="form-check"> <input class="form-check-input" type="radio" name="usage" id="personal_keep" value="Text Article and Pdf (Personal Keepsake)"> <label class="form-check-label"> Text Article and Pdf </label> </div> </div> </div> </div> <div class="card-body"> <h4 class="card-title">Contact Details</h4> <div class="form-group row"> <label class="col-sm-3 col-form-label">Name</label> <div class="col-sm-9"> <input type="text" id="name-input" name="name" maxlength="255" class="form-control" placeholder="Name" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 col-form-label">Email</label> <div class="col-sm-9"> <input type="text" id="email-input" name="email" maxlength="255" class="form-control" placeholder="Email" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 col-form-label">Phone</label> <div class="col-sm-9"> <input type="text" id="phone-input" name="phone" maxlength="255" class="form-control" placeholder="Phone" required> </div> </div> <div class="form-group row company_field"> <label class="col-sm-3 col-form-label">Company</label> <div class="col-sm-9"> <input type="text" id="company-input" name="company" maxlength="255" class="form-control" placeholder="Company"> </div> </div> <div class="form-group row company_field"> <label class="col-sm-3 col-form-label">Promo Code (If Applicable)</label> <div class="col-sm-9"> <input type="text" id="promocode-input" name="promocode" maxlength="12" class="form-control" placeholder="Promocode"> </div> </div> </div> <div class="card-body"> <h4 class="card-title">Message</h4> <div class="form-group"> <textarea class="form-control" id="message-input" name="message" rows="3"></textarea> </div> <div class="text-center"> <button type="submit" class="btn btn-primary g-recaptcha" data-sitekey="6Lf-l7YUAAAAALb5NtWLCUbhv08o32vEMwCA7Y60" data-callback='submitToAPI' data-action='submit'>Submit</button> </div> </div> </div> </form> </div> </div> <div class="card-footer border-info text-center footer"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center logo_list"> <ul> <li><img src="images/ST.png" class="img-responsive inline-block"></li> <li><img src="images/BT.png" class="img-responsive inline-block"></li> <li><img src="images/TABL.png" class="img-responsive inline-block"></li> </ul> <ul> <li><img src="images/ZB.png" class="img-responsive inline-block"></li> <li><img src="images/SM.png" class="img-responsive inline-block"></li> <li><img src="images/BH.png" class="img-responsive inline-block"></li> <li><img src="images/TM.png" class="img-responsive inline-block"></li> </ul> </div> <small>Copyright <span id="year"></span> SPH MEDIA LIMITED. REGN NO. 202120748H</small> </div> <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha384-LVoNJ6yst/aLxKvxwp6s2GAabqPczfWh6xzm38S/YtjUyZ+3aTKOnD/OJVGYLZDl" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.2.7/purify.min.js" integrity="sha512-srKA/HGYuusMcB2uqsvHKmqqE39vHU74WIuPBaKS5+wtfI6NquGXQtby+eM7o139a7Gt3szcHS09wou8GK4IJQ==" crossorigin="anonymous"></script>  <script> document.getElementById("year").innerHTML = new Date().getFullYear(); $(document).ready(function () { // query string logic var urlParams = new URLSearchParams(window.location.search); // publication var element = document.getElementById('publication'); for (i = 0; i < element.length; ++i) { if (element.options[i].value == urlParams.get('publication')) { // console.log('publication option available. Set option selected.'); element.value = urlParams.get('publication'); element.disabled = true; break; } } if (element.options[element.selectedIndex].value === '') { // console.log('publication option not available. "Others" selected.'); element.value = 'others'; } // console.log('publication selected: ' + element.options[element.selectedIndex].text); var el = '<input type="hidden" name="publication_name" value="' + element.options[element.selectedIndex].text + '"></input>'; $('#enquiry_form').append(el); // publication date var element = document.getElementById('publication_date'); if (urlParams.has('date')) { // format date var article_date = new Date(urlParams.get('date')); var dd = article_date.getDate(); var mm = article_date.getMonth() + 1; var yyyy = article_date.getFullYear(); if (dd < 10) { dd = '0' + dd; } if (mm < 10) { mm = '0' + mm; } var article_date = yyyy + '-' + mm + '-' + dd; element.value = article_date; // element.value = urlParams.get('date'); element.disabled = true; } // title var element = document.getElementById('headline'); if (urlParams.has('title')) { element.value = urlParams.get('title'); element.disabled = true; } // usage (radio button) if (urlParams.has('usage')) { document.enquiry_form.usage[urlParams.get('usage')].checked = true; } // input query string start var element = document.getElementById('name-input'); if (urlParams.has('name-input')) { element.value = urlParams.get('name-input'); } element.addEventListener('change', (event) => { urlParams.set('name-input', event.target.value); window.history.replaceState(null, null, "?" + urlParams.toString()); }); var element = document.getElementById('email-input'); if (urlParams.has('email-input')) { element.value = urlParams.get('email-input'); } element.addEventListener('change', (event) => { urlParams.set('email-input', event.target.value); window.history.replaceState(null, null, "?" + urlParams.toString()); }); var element = document.getElementById('phone-input'); if (urlParams.has('phone-input')) { element.value = urlParams.get('phone-input'); } element.addEventListener('change', (event) => { urlParams.set('phone-input', event.target.value); window.history.replaceState(null, null, "?" + urlParams.toString()); }); var element = document.getElementById('company-input'); if (urlParams.has('company-input')) { element.value = urlParams.get('company-input'); } element.addEventListener('change', (event) => { urlParams.set('company-input', event.target.value); window.history.replaceState(null, null, "?" + urlParams.toString()); }); var element = document.getElementById('message-input'); if (urlParams.has('message-input')) { element.value = urlParams.get('message-input'); } element.addEventListener('change', (event) => { urlParams.set('message-input', event.target.value); window.history.replaceState(null, null, "?" + urlParams.toString()); }); // input query string end // query string logic end // User action logic $("input:radio").change(function () { if ($("#personal_keep").is(":checked")) { $(".company_field").hide(); urlParams.delete('company-input'); } else { $(".company_field").show(); } // get checked index var ele = document.getElementsByName('usage'); for (i = 0; i < ele.length; i++) { if (ele[i].checked) { urlParams.set('usage', i); window.history.replaceState(null, null, "?" + urlParams.toString()); // console.log(urlParams.toString()); break; } } }); // User action logic end // set article link var element = document.getElementById('article_link'); if (document.referrer !== '') { urlParams.set('referrer', document.referrer); window.history.replaceState(null, null, "?" + urlParams.toString()); element.value = document.referrer; } else if (urlParams.has('referrer')) { element.value = urlParams.get('referrer'); } }); function submitToAPI(recaptchaToken) { var Namere = /[A-Za-z]{1}[A-Za-z]/; if (!Namere.test($("#name-input").val())) { alert("Name can not less than 2 char"); return; } if ($("#email-input").val() == "") { alert("Please enter your email id"); return; } var reeamil = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/; if (!reeamil.test($("#email-input").val())) { alert("Please enter valid email address"); return; } var mobilere = /^\+{0,1}[0-9]{7,}$/; if (!mobilere.test($("#phone-input").val())) { alert("Please enter valid mobile number."); return; } if ($("#company-input").val() == "") { if (!$("#personal_keep").is(":checked")) { alert("Please enter your company name"); return; } } var publication = DOMPurify.sanitize($("#publication").val()); var publication_date = DOMPurify.sanitize($("#publication_date").val()); var headline = DOMPurify.sanitize($("#headline").val()); var article_link = DOMPurify.sanitize($("#article_link").val()); var name = DOMPurify.sanitize($("#name-input").val()); var phone = DOMPurify.sanitize($("#phone-input").val()); var email = DOMPurify.sanitize($("#email-input").val()); var company = DOMPurify.sanitize($("#company-input").val()); var usage = DOMPurify.sanitize($("input[name=usage]:checked").val()); var message = DOMPurify.sanitize($("#message-input").val()); var promocode = DOMPurify.sanitize($("#promocode-input").val()); var grecaptcha = recaptchaToken; var data = { publication: publication, publication_date: publication_date, headline: headline, article_link: article_link, name: name, phone: phone, email: email, company: company, usage: usage, message: message, promocode: promocode, grecaptcha: grecaptcha }; $.ajax({ type: "POST", url: "https://lczb3edk3c.execute-api.ap-southeast-1.amazonaws.com/prod", dataType: "json", contentType: "application/json", data: JSON.stringify(data), headers: { "Access-Control-Allow-Origin" : "*" }, beforeSend: function () { // Handle the beforeSend event $('.loading-overlay').show(); $('.loading-overlay-image-container').show(); }, complete: function () { // Handle the complete event $('.loading-overlay').hide(); $('.loading-overlay-image-container').hide(); }, success: function (response) { // clear form and show a success message // alert("Successfull: " + JSON.stringify(response)); // document.getElementById("enquiry_form").reset(); // $('.alert-success').show(); // $('#alert')[0].scrollIntoView(); // Update // go to success page window.location.href = 'success.html'; }, error: function (response) { // show an error message // alert("Unsuccessfull: " + JSON.stringify(response)); $('.alert-danger').show(); $('#alert')[0].scrollIntoView(); } }); } </script> </body> </html>

CINXE.COM

Newspost