IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

WebDev Discussion :

bouton avec du JavaScript


Sujet :

WebDev

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    458
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 458
    Par défaut bouton avec du JavaScript
    Bonjour,

    J'ai commencé un site en WebDev et je me débrouille pas si mal pour une première malgré quelques difficultés.
    Là je suis coincé je suis sur la solution de paiement et avec l'exemple fourni par pcsoft ça marche plutôt bien en local.
    La solution que j'utilise est datatranse et elle me permet d'ouvrir une light box, mais je ne comprends pas comment implémenter du JavaScript sur WebDev

    Dans la doc de datatrans j'ai ça
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script src="https://pay.sandbox.datatrans.com/upp/payment/js/datatrans-2.0.0.min.js"></script>
    <form id="paymentForm"
          data-merchant-id="1100004624"
          data-amount="1000"
          data-currency="CHF"
          data-refno="123456789"
          data-sign="30916165706580013">
        <a id="paymentButton" class="btn btn-primary">Pay CHF 10.00</a>
    </form>

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <script type="text/javascript">
        $("#paymentButton").click(function () {
            Datatrans.startPayment({'form': '#paymentForm'});
        });
    </script>

    mais là ou je bloque c'est que je ne sais pas comment mettre mon code html (dois-je créer un bouton et mettre ce code dedans?
    Et le JavaScript où dois-je le mettre?

    Si quelqu'un pouvais m'expliquer comment faire ce serait vraiment cool car perso j'ai un peu honte de vous poser cette question qui a l'air si simple.

    Merci d'avance en tous cas

  2. #2
    Membre expérimenté
    Homme Profil pro
    Développeur WEB - Admin Réseaux
    Inscrit en
    Décembre 2004
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Cantal (Auvergne)

    Informations professionnelles :
    Activité : Développeur WEB - Admin Réseaux
    Secteur : Distribution

    Informations forums :
    Inscription : Décembre 2004
    Messages : 153
    Par défaut
    Bonjour,

    essaye de tout mettre dans un champ HTML.
    En faisant un clic droit dessus --> description, tu pourra modifier le code du champ HTML et mettre tout ton code dedans.

    Je n'ai pas testé donc sous réserve.

    Bon dev

  3. #3
    Rédacteur/Modérateur

    Homme Profil pro
    Ingénieur qualité méthodes
    Inscrit en
    Décembre 2013
    Messages
    4 236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur qualité méthodes
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2013
    Messages : 4 236
    Par défaut
    Je n'utilise pas Webdev, mais il me semble que dans l'éditeur de code, sur la ligne de titre (fond coloré), c'est écrit à gauche WL ( WL =WLangage) ; en cliquant sur ce WL, on peut basculer vers JS ou autre chose.

    Et sinon, j'ai trouvé ça : <Champ Composant Web>..CodeJS = <Code Javascript>.
    Mais a priori, c'est pour des besoins très spécifiques, et pas très adapté à ton problème.

  4. #4
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    458
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 458
    Par défaut
    Bonjour,

    Merci de vos réponse,

    Ces deux solutions que vous me proposé je les avait testé mais sans résultat positif
    je vais encore essayer, en éspérant avoir oublier un truc.

    En tous cas merci pour vos réponse

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2003
    Messages
    795
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2003
    Messages : 795
    Par défaut
    Bonjour

    Pour implémenter du code JS en Webdev, tu crées une fonction navigateur.

    Ensuite par défaut tu as le symbole "WL" qui est affiché en haut à gauche, tu cliques dessus et tu auras la possibilité de mettre "Javascript" avec ton code dedans.

    C'est assez simple. Tiens nous informé

    Bonne journée,

    Bien à toi,

Discussions similaires

  1. test valeur bouton avec javascript
    Par barouz dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/04/2007, 11h40
  2. création de boutons avec javascript
    Par cosmos33 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/01/2007, 10h48
  3. [DEBUTANT] apparition de boutons avec javascript
    Par eclipse012 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/11/2006, 15h31
  4. changer le style d'un bouton submit avec du javascript
    Par ipeteivince dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/08/2006, 15h44
  5. Construire chemin sur bouton avec évt Javascript
    Par Ph. B. dans le forum XMLRAD
    Réponses: 4
    Dernier message: 27/05/2003, 10h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo