1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

changer l'apparence d'un bouton au passage de la souris

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par silverbeach, 2 Avril 2010.

  1. silverbeach
    silverbeach WRInaute occasionnel
    Inscrit:
    20 Juillet 2005
    Messages:
    266
    J'aime reçus:
    0
    Bonsoir,

    Je ne suis pas fort en JavaScript et j'ai un problème avec ce langage:

    J'aimerai changer l'apparence d'un bouton au passage de la souris.

    Voici le code:
    Code:
    <input type="submit" class="envoi_anim" name="envoyer" value="" onmouseout="javascript:this.class='envoi_anim';" onmouseover="javascript:this.class='envoi_anim_h';" />
    j'avais pensé de changer la class au passage de souris mais ca ne fonctionne pas.

    J'ai fait un test en changeant class par value et dans ce cas là, value change au passage de la souris.

    D'où vient l'erreur avec class?
    Ou il y a-t-il une autre méthode?
     
  2. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 593
    J'aime reçus:
    0
  3. silverbeach
    silverbeach WRInaute occasionnel
    Inscrit:
    20 Juillet 2005
    Messages:
    266
    J'aime reçus:
    0
    merci pour le lien mais comment dois-je l'intégrer?
     
  4. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 413
    J'aime reçus:
    0
    utilise plutôt les css, avec ton input#id_button:hover en faisant attention que le hover sur autre chose qu'un <a> ne fonctionne pas sur IE6
     
  5. jcaron
    jcaron WRInaute accro
    Inscrit:
    13 Février 2004
    Messages:
    2 593
    J'aime reçus:
    0
    Ben tu utilises la propriété "className" au lieu de "class". C'est l'une des rares exceptions (la seule?) où la propriété DOM et l'attribut HTML n'ont pas le même nom.

    Sinon effectivement mon premier instinct aurait été de te conseiller le :hover, mais comme ça ne marche pas partout c'est vrai que j'ai tendance à éviter, mais il faut que je me mette dans la tête que ça n'affecte plus que IE6 et que ce n'est donc plus très grave de nos jours.

    Jacques.
     
  6. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 413
    J'aime reçus:
    0
    en plus, pour IE6 un hack js existe permettant de simuler le hover sur toute balises
     
  7. silverbeach
    silverbeach WRInaute occasionnel
    Inscrit:
    20 Juillet 2005
    Messages:
    266
    J'aime reçus:
    0
    Merci pour vos réponses.

    Je pense que je vais le faire en css.
     
Chargement...
Similar Threads - changer apparence bouton Forum Date
Changer la couleur du background d'un <tr> Développement d'un site Web ou d'une appli mobile 11 Février 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
Le monde vient de changer (Bert inside) Référencement Google 10 Décembre 2019
Article fixe avec bannière changer souvent Crawl et indexation Google, sitemaps 9 Octobre 2019
Changer de mot clé ? Référencement Google 5 Août 2019
Changer la police de la SERP Référencement Google 16 Juillet 2019
Changer mon url canonique oui / non ? Débuter en référencement 26 Mai 2019
Changer de nom de domaine tout en recyclant l'ancien pour un autre site Problèmes de référencement spécifiques à vos sites 27 Février 2019
changer les meta title trop souvent est il négatif? Débuter en référencement 29 Décembre 2018
Changer de nom de domaine Noms de domaine et référencement 28 Novembre 2018