Paramétres de la méthode .bootstrap()
clientAccessToken
clientAccessToken est le jeton qui permet d’accéder à la carte spécifiée, elle expire au bout de 24 heures. Get Access Token Card API Reference
Jeton d’identification de la carte
showPan
showPan permet d’afficher le numéro de carte
Associe le numéro de carte à l’élément div correspondant.
Permet de modifier le CSS associé au numéro de carte.
Valeurs acceptées: color, font-family, font-size, font-weight,
background
Associe le numéro de carte à l’élément div correspondant.
Exécuté en cas de succès de la copie du numéro de carte.
Exécuté en cas d’échec de la copie du numéro de carte.
Permet de modifier le CSS associé au numéro de carte.
Valeurs acceptées: color,
background
showExp
showExp permet d’afficher la date d’expiration de la carte
Associe la date d’expiration de carte à l’élément div correspondant.
Permet de modifier le CSS associé à la date d’expiration.
Valeurs acceptées: color, font-family, font-size, font-weight,
background
Associe le numéro de carte à l’élément div correspondant.
Exécuté en cas de succès de la copie du numéro de carte.
Exécuté en cas d’échec de la copie du numéro de carte.
Permet de modifier le CSS associé au numéro de carte.
Valeurs acceptées: color,
background
showCvv
showCvv permet d’afficher la showCvv de la carte
Associe le CVV de carte à l’élément div correspondant.
Permet de modifier le CSS associé au CVV.
Valeurs acceptées: color, font-family, font-size, font-weight, background
Associe le numéro de carte à l’élément div correspondant.
Exécuté en cas de succès de la copie du numéro de carte.
Exécuté en cas d’échec de la copie du numéro de carte.
Permet de modifier le CSS associé au numéro de carte.
Valeurs acceptées: color,
background
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="custom-card-pan"></div>
<div id='copy-pan-container'></div>
<div id="custom-card-exp"></div>
<div id='copy-exp-container'></div>
<div id="custom-card-cvv"></div>
<div id='copy-cvv-container'></div>
<script src="https://www.sandbox.saalal.com/js/1.0.1/alal.js"></script>
<script src="/app.js"></script>
<body>
</html>
