S-money API https://api.s-money.fr/ fr SPIP - www.spip.net S-money API https://api.s-money.fr/local/cache-vignettes/L75xH75/siteon0-e5814.png?1590579615 https://api.s-money.fr/ 75 75 Configuration Options https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/article/configuration-options https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/article/configuration-options 2020-03-11T10:06:23Z text/html en Thibault Bargat <p>En raison de restrictions de sécurité entre domaines, vous ne pouvez pas gérer directement les événements et le style des champs de saisie hébergés par Dalenys. Cependant, Dalenys fournit des sélecteurs CSS et des événements / callbacks JS pour les gérer: <br class='autobr' /> Sélecteurs et propriétés CSS disponibles Étant donné que vous ne pouvez pas personnaliser directement le style iframe interne à partir de votre propre CSS, vous pouvez spécifier une propriété de style lors de l'initialisation des champs hébergés. Les (...)</p> - <a href="https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/" rel="directory">V3</a> <div class='rss_texte'><p>En raison de restrictions de sécurité entre domaines, vous ne pouvez pas gérer directement les événements et le style des champs de saisie hébergés par Dalenys.<br class='autobr' /> Cependant, Dalenys fournit des sélecteurs CSS et des événements / callbacks JS pour les gérer:</p> <h3 class="spip">Sélecteurs et propriétés CSS disponibles</h3> <p>Étant donné que vous ne pouvez pas personnaliser directement le style iframe interne à partir de votre propre CSS, vous pouvez spécifier une propriété de style lors de l'initialisation des champs hébergés.<br class='autobr' /> Les sélecteurs et propriétés css ci-dessous sont les seuls disponibles pour la personnalisation.</p> <p><strong>Sélecteurs</strong></p> <ul class="spip"><li> input (le champ de saisie actuel)</li><li> :empty</li><li> :valid</li><li> :invalid</li><li> :focus</li><li> :hover</li><li> ::placeholder</li></ul> <p><strong>Propriétés:</strong></p> <ul class="spip"><li> color</li><li> font-family</li><li> font-size</li><li> font-smooth</li><li> font-style</li><li> font-variant</li><li> font-weight</li><li> line-height</li><li> letter-spacing</li><li> text-decoration</li><li> text-shadow</li><li> text-transform</li><li> background-color</li></ul><div style='text-align: left;' class='spip_code' dir='ltr'><code>fields: {<br /> 'card': {<br /> id: 'card-container'<br /> style: {<br /> ':invalid': {<br /> "color": "red"<br /> }<br /> }<br /> }, </code></div><h3 class="spip">Classes de conteneurs</h3> <p>En fonction des événements survenant dans les champs de saisie de la carte bancaire, certaines classes spécifiques seront envoyées dans vos conteneurs, en direct. Ces classes peuvent être exploitées dans votre CSS:</p> <ul class="spip"><li> hosted-fields-valid-state</li><li> hosted-fields-invalid-state</li><li> hosted-fields-empty-state</li><li> hosted-fields-disabled-state</li><li> hosted-fields-focus-state</li></ul><h3 class="spip">Callbacks et événements</h3> <p><strong>Callbacks disponibles</strong></p> <p>Vous pouvez personnaliser certains rappels pour recevoir des événements se produisant sur les entrées de champs hébergés.</p> <ul class="spip"><li> onInput</li><li> onBlur</li><li> onFocus <div style='text-align: left;' class='spip_code' dir='ltr'><code>fields: {<br /> 'card': {<br /> id: 'card-container',<br /> onInput: function (event) {<br /> alert(event['cardType']);<br /> },<br /> onInput: function (event) {<br /> if (event.type == 'invalid') {<br /> alert(event['message']);<br /> }<br /> }<br /> },</code></div></li></ul> <p><strong>Événements déclenchés</strong></p> <p>Chaque callback recevra un événement en tant que paramètre. La structure de ces événements peut différer selon le type d'événement:</p> <ul class="spip"><li> invalid</li><li> valid</li><li> empty</li><li> focus</li><li> blur</li><li> input</li><li> disabled : le champ cryptogramme est désactivé dans le cas où le numéro de carte entré correspond à une carte sans cryptogramme (par exemple pour les cartes Maestro et Bancontact).</li><li> enabled : le champ cryptogramme est activé en cas d'utilisation d'une carte avec cryptogramme</li></ul> <p><strong>Types d'événements</strong></p> <p> Un événement peut contenir différentes propriétés (selon son type):</p> <ul class="spip"><li> type : le type d'événement (voir la liste précédente)</li><li> element : l'entrée concernée</li><li> valueLength : le nombre de caractères tapés</li><li> execCode : le code d'erreur (uniquement en cas d'événement non valide)</li><li> message : le message d'erreur (uniquement en cas d'événement invalide)</li><li> type de carte: le type de carte (uniquement en cas d'événement de flou ou de ralentissement) <ul class="spip"><li> inconnu</li><li> visa</li><li> MasterCard</li><li> american_express</li><li> maestro</li><li> bancontact</li></ul></li></ul><h3 class="spip">Sélection de la langue</h3> <p>La clé de configuration des paramètres régionaux peut avoir l'une des valeurs suivantes:</p> <ul class="spip"><li> fr - français</li><li> en - anglais</li><li> de - allemand</li><li> es - espagnol</li><li> it - italien</li><li> nl - néerlandais</li><li> zh - chinois</li><li> ru - russe</li><li> pt - portugais</li><li> cs - tchèque</li></ul></div> Options de configuration https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/article/options-de-configuration https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/article/options-de-configuration 2020-03-11T10:06:19Z text/html fr Thibault Bargat <p>En raison de restrictions de sécurité entre domaines, vous ne pouvez pas gérer directement les événements et le style des champs de saisie hébergés par Dalenys. Cependant, Dalenys fournit des sélecteurs CSS et des événements / callbacks JS pour les gérer : <br class='autobr' /> Sélecteurs et propriétés CSS disponibles Étant donné que vous ne pouvez pas personnaliser directement le style iframe interne à partir de votre propre CSS, vous pouvez spécifier une propriété de style lors de l'initialisation des champs hébergés. Les (...)</p> - <a href="https://api.s-money.fr/documentation/utiliser-l-api/dalenys-hosted-fields/106/" rel="directory">V3</a> <div class='rss_texte'><p>En raison de restrictions de sécurité entre domaines, vous ne pouvez pas gérer directement les événements et le style des champs de saisie hébergés par Dalenys.<br class='autobr' /> Cependant, Dalenys fournit des sélecteurs CSS et des événements / callbacks JS pour les gérer :</p> <h3 class="spip">Sélecteurs et propriétés CSS disponibles</h3> <p>Étant donné que vous ne pouvez pas personnaliser directement le style iframe interne à partir de votre propre CSS, vous pouvez spécifier une propriété de style lors de l'initialisation des champs hébergés.<br class='autobr' /> Les sélecteurs et propriétés css ci-dessous sont les seuls disponibles pour la personnalisation.</p> <p><strong>Sélecteurs</strong></p> <ul class="spip"><li> input (le champ de saisie actuel)</li><li> :empty</li><li> :valid</li><li> :invalid</li><li> :focus</li><li> :hover</li><li> ::placeholder</li></ul> <p><strong>Propriétés :</strong></p> <ul class="spip"><li> color</li><li> font-family</li><li> font-size</li><li> font-smooth</li><li> font-style</li><li> font-variant</li><li> font-weight</li><li> line-height</li><li> letter-spacing</li><li> text-decoration</li><li> text-shadow</li><li> text-transform</li><li> background-color</li></ul><div style='text-align: left;' class='spip_code' dir='ltr'><code>fields: {<br /> 'card': {<br /> id: 'card-container'<br /> style: {<br /> ':invalid': {<br /> "color": "red"<br /> }<br /> }<br /> }, </code></div><h3 class="spip">Classes de conteneurs</h3> <p>En fonction des événements survenant dans les champs de saisie de la carte bancaire, certaines classes spécifiques seront envoyées dans vos conteneurs, en direct. Ces classes peuvent être exploitées dans votre CSS :</p> <ul class="spip"><li> hosted-fields-valid-state</li><li> hosted-fields-invalid-state</li><li> hosted-fields-empty-state</li><li> hosted-fields-disabled-state</li><li> hosted-fields-focus-state</li></ul><h3 class="spip">Callbacks et événements</h3> <p><strong>Callbacks disponibles</strong></p> <p>Vous pouvez personnaliser certains rappels pour recevoir des événements se produisant sur les entrées de champs hébergés.</p> <ul class="spip"><li> onInput</li><li> onBlur</li><li> onFocus <div style='text-align: left;' class='spip_code' dir='ltr'><code>fields: {<br /> 'card': {<br /> id: 'card-container',<br /> onInput: function (event) {<br /> alert(event['cardType']);<br /> },<br /> onInput: function (event) {<br /> if (event.type == 'invalid') {<br /> alert(event['message']);<br /> }<br /> }<br /> },</code></div></li></ul> <p><strong>Événements déclenchés</strong></p> <p>Chaque callback recevra un événement en tant que paramètre. La structure de ces événements peut différer selon le type d'événement :</p> <ul class="spip"><li> invalid</li><li> valid</li><li> empty</li><li> focus</li><li> blur</li><li> input</li><li> disabled : le champ cryptogramme est désactivé dans le cas où le numéro de carte entré correspond à une carte sans cryptogramme (par exemple pour les cartes Maestro et Bancontact).</li><li> enabled : le champ cryptogramme est activé en cas d'utilisation d'une carte avec cryptogramme</li></ul> <p><strong>Types d'événements</strong></p> <p> Un événement peut contenir différentes propriétés (selon son type) :</p> <ul class="spip"><li> type : le type d'événement (voir la liste précédente)</li><li> element : l'entrée concernée</li><li> valueLength : le nombre de caractères tapés</li><li> execCode : le code d'erreur (uniquement en cas d'événement non valide)</li><li> message : le message d'erreur (uniquement en cas d'événement invalide)</li><li> type de carte : le type de carte (uniquement en cas d'événement de flou ou de ralentissement) <ul class="spip"><li> inconnu</li><li> visa</li><li> MasterCard</li><li> american_express</li><li> maestro</li><li> bancontact</li></ul></li></ul><h3 class="spip">Sélection de la langue</h3> <p>La clé de configuration des paramètres régionaux peut avoir l'une des valeurs suivantes :</p> <ul class="spip"><li> fr - français</li><li> en - anglais</li><li> de - allemand</li><li> es - espagnol</li><li> it - italien</li><li> nl - néerlandais</li><li> zh - chinois</li><li> ru - russe</li><li> pt - portugais</li><li> cs - tchèque</li></ul></div>