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

Mise en page CSS Discussion :

Bootstrap et gif onclick sur bouton


Sujet :

Framework CSS Bootstrap

  1. #1
    Membre du Club
    Homme Profil pro
    Responsable de compte
    Inscrit en
    Décembre 2019
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Responsable de compte

    Informations forums :
    Inscription : Décembre 2019
    Messages : 67
    Points : 54
    Points
    54
    Par défaut Bootstrap et gif onclick sur bouton
    Bonjour à tous,

    J'as un bouton basique qui permet d'afficher un gif d'attente lors du traitement du formulaire par mon code php.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="submit" value="OK" onclick="this.type='image'; this.src='https://i.gifer.com/CVyf.gif';" width="80px"></p>

    Je voulais un rendu plus sympa avec bootstrap, mais quand j'intègre le onclick, ça ne fonctionne pas.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <button class="btn btn-primary" type="submit" onclick="this.type='image'; this.src='https://i.gifer.com/CVyf.gif';" width="80px">Submit form</button>

    Comment faire pour intégrer le même comportement ?

    Merci pour votre aide !

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    un <button type="image"> n'existe pas ou alors il faut que tu changes son innerHTML.

    Pourquoi ne pas rester avec un <input> ?

  3. #3
    Membre du Club
    Homme Profil pro
    Responsable de compte
    Inscrit en
    Décembre 2019
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Responsable de compte

    Informations forums :
    Inscription : Décembre 2019
    Messages : 67
    Points : 54
    Points
    54
    Par défaut
    Hello NoSmoking,

    Merci pour ta réponse.
    En effet, après quelques tests, la solution ci-dessous fonctionne.

    Merci pour ton aide.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="submit" value="Download" class="btn btn-outline-primary" onclick="this.type='image'; this.src='https://i.gifer.com/CVyf.gif';" width="80px">

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. OnClick sur bouton Radio
    Par shreck dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 10/06/2009, 16h01
  2. onclick sur bouton de recherche
    Par ASP.net dans le forum Général Dotnet
    Réponses: 2
    Dernier message: 09/07/2008, 17h00
  3. onclick sur bouton radio
    Par devboy dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/06/2007, 17h11
  4. javascript derrière un onclick sur bouton radio
    Par lodan dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 19/08/2006, 18h03
  5. onclick sur bouton radio?
    Par Art19 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 08/07/2005, 14h43

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