les boutons et leur background

**namstou3** · 03/10/2007, 13h06

Bonjour,

ya t'il un moyen de créer des boutons du genre Windows mais pas avec le meme backgroud (le gris), si vous pouvez le remarquer, une fois on appuie sur un de ces boutons et on le maintient enfoncé, si on move la souris on remarque que le texte du bouton bouge un ptit peu aussi, alors j'aimerai avoir le meme effet sur mes boutons pour dire que se sont des boutons pas des images..

Merci

**SpaceFrog** · 03/10/2007, 13h08

Code :

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

1
2
3
4
5
6
7
8
var monbouton = document.createElement('input');
monbouton.type='button';
monbouton.value="mon bouton";
mon bouton.style.backgroundColor='red';
....
 
 
document.body.appendChild(monbouton);

**namstou3** · 03/10/2007, 13h22

Merci SpaceFrog veux tu me donner un exemple bien complet?

**SpaceFrog** · 03/10/2007, 13h24

c'est déja fait !

**namstou3** · 03/10/2007, 13h52

ce que je veux exactement c'est garder les boutons mais juste changer le backround et ne pas mettre une couleur mais plutot une image..
Donc en fin du compte on aura un bouton avec une image en background, au lieu de la couleur grise..

**SpaceFrog** · 03/10/2007, 14h13

ben utilise css plutot que javascript

Code :

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

.boutons {background-image: url('monimage.jpg');}

**E.Bzz** · 03/10/2007, 14h24

Envoyé par SpaceFrog

ben utilise css plutot que javascript

Code :

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

.boutons {background-image: url('monimage.jpg');}

Code :

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

url(monimage.jpg)

sans les quotes

A+

**SpaceFrog** · 03/10/2007, 14h33

Ebzz je m'inscrit en faux !!!

l'url est un string donc des qutoes !

**E.Bzz** · 03/10/2007, 14h52

Envoyé par SpaceFrog

l'url est un string donc des qutoes !

Oui ... en Javascript.
Mais là c'est une syntaxe CSS

Un exemple au hasard

A+

**SpaceFrog** · 03/10/2007, 15h06

Ben non justement je lui dis de passer par le css en créant une classe ...

http://www.developpez.net/forums/showthread.php?t=82380

**E.Bzz** · 03/10/2007, 15h18

Envoyé par SpaceFrog

Ben non justement je lui dis de passer par le css en créant une classe ...

Pas de différence de syntaxe CSS pour une class.

Mais je m'incline malgré tout : le W3C lui même admet indifféremment les 2 syntaxes

C'est juste que je l'ai toujours vu sans les quotes (y/c et surtout sur DVP) ...

A+

**namstou3** · 03/10/2007, 15h22

ok merci beaucoup à vous ça marche

les boutons et leur background

JavaScript

Discussions similaires

Partager

Partager