CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JAVASCRIPT] Changer le fond d'un bouton

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 20:46:46

Bonjour tout le monde !

Je cherche à faire un bloc vert qui lorsqu'on clique dessus deviens rouge. Sans utiliser la balise style, mais l'attribut style est autorisé et sans utiliser la balise script.

Merci :hap:

Pseudo supprimé
Pseudo supprimé 06 octobre 2011 à 21:45:06

<img onclick="bouton_clicked" onmouseout="bouton_endehors" src="bouton_default" >

J'imagine que c'est ça, puisque ça marche avec onmouseover, et en sachant qu'il y a une fonction onclick... bref, essaye :)

Pseudo supprimé
Pseudo supprimé 06 octobre 2011 à 21:47:39

Après verification c'est ça. Remplace bouton_clicked par le chemin vers ton image hein. Et n'hésite pas à utiliser onmouseover si tu veux changer l'image quand on la survole :) Et onmouseout pour l'inverse.

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 22:27:08

Merci mais comment je définis ceci avec le onclick :

Un bloc vert de 150px * 300px qui lors d'un clic devient rouge

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 22:30:02

Avec un DIV peut-être ?

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 22:38:51

Merci j'ai réussi :-)

<div style="width:150px; height:300px; background-color:green;"
onclick="this.style.backgroundColor='red';">test</
div>

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 23:19:51

Par contre je voudrais faire la même chose mais juste avec un survol de la souris mais à la place d'une couleur fixe, une image de fond. Donc je vais utiliser onMouseOver mais je met quoi à la place de this.style.backgroundColor='red' pour mettre une url ?

Cyberomain
Cyberomain
Niveau 10
06 octobre 2011 à 23:21:35

C'est bon j'ai trouvé :hap:

Cyberomain
Cyberomain
Niveau 10
07 octobre 2011 à 00:02:08

J'ai un autre problème. J'ai fais un bloc, et je dois faire en sorte que lorsque je le survol avec la souris, un texte doit apparaitre. Comment faire en javascript ?

Fire_Storm
Fire_Storm
Niveau 10
07 octobre 2011 à 01:42:53

Ton texte est par défaut caché donc tu dois faire en sorte que lorsque l'on passe dessus (onmouseover), celui ci se change en par exemple display: visible ou un truc du genre.

C'est exactement le même principe que ci dessus sauf qu'on utilise pas l'événement onclick mais onmouseover.

Enfin c'est comme ça qu'on nous avait appris de base à ma formation (rien avoir avec des cours de fac quoi), avec jQuery et tout ça, ça ne m'étonnerait pas que ces méthodes soient considérées comme obsolète. Donc à se renseigner.

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment