Discussion :

[manbar]

Bonjour,
j'ai un site web de vente en ligne et je souhaiterai savoir si l'utilisateur accède à la page de paiement en ligne.
J'ai installé la solution Atos pour le paiement en ligne et j'ai donc les trois images représentant les différents type de carte : CB / Visa / Mastercard
je souhaiterais enregistrer le fait que l'utilisateur clique sur une des trois images afin de savoir si il accède au paiement en ligne ou si il quitte le site avant ....
je vois pas trop comment faire si quelqu'un à une idée merci d'avance

[Redbass]

En écoutant tout simple l'événement "click" sur chacune des 3 images ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
var accesPaiement = function() {
    // Détecter ici l'accès au paiement en ligne
}
 
document.getElementById("imageCB").addEventListener("click", accesPaiement);
 
// Reproduire ensuite pour Visa puis Mastercard

[manbar]

Merci pour la réponse.
je viens d'essayer ta solution : ça ne marche pas. a priori l’événement ''click'' ajouté sur l'image n'est pas pris en compte, c'est la 'couche' atos qui prime.
j'ai pourtant bien tester en simulant le fonctionnement mais rien à faire....

pour simuler j'ai affiché le code source de la page et récupérer l'input type image ajouter par atos:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<INPUT TYPE=IMAGE NAME=VISA BORDER=0 SRC="/www/logo/VISA.gif">

puis j'ai ajouté mon code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function accesPaiement(commande_cpt)
{var xhr = null;
if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } 
else if (window.ActiveXObject) { xhr = new ActiveXObject('Microsoft.XMLHTTP');}
xhr.open('POST', 'maj_etat_paie?transaction_id=' + commande_cpt, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
xhr.send('');}
if (document.getElementsByName('VISA ').item(0) != null){document.getElementsByName('CB').item(0).addEventListener("click", accesPaiement(3753));}

en faisant ce test ça marche nickel mais par contre rien lorsque le module atos est en place....

[Watilin]

Attention :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.addEventListener('click', accesPaiement(3753));

À addEventListener il faut passer une fonction sans l'appeler. Si tu veux que la fonction accesPaiement reçoive le paramètre 3753 au moment où un clic a lieu, il faut entourer l'appel d'une fonction anonyme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.addEventListener('click', function() { accesPaiement(3753); });

[manbar]

bonjour,
merci pour la réponse.
ça ne marche pas mieux. par contre je ne l'ai pas précisé clairement mais j'utilise l'API d'Atos.... j'ai eu les techniciens d'Etransaction ils me disent que ce n'est pas possible avec l'Api... :-(