Comment utiliser une image comme bouton sur le forum Création de sites web - 21-02-2003 23:10:40

Liste des sujets

Comment utiliser une image comme bouton

Aeternus

Niveau 10

21 février 2003 à 23:10:40

Voila dans un formulaire j´aimerais utiliser une image comme bouton, cette image possede un comportement onmouseover pour changer de couleur quand le curseur passe dessus. J´aimerais utiliser cette image plutot que gros bouton dégueulasse. Mais je n´arrive pas a trouve l´endroit ou placer ma balise input pour que l´image soit prise comme buton d´action : o/

Aeternus

Niveau 10

21 février 2003 à 23:14:20

ha c idiot ca, je commence a comprendre lol
c type="picture" mais pour le comportement arg?

Aeternus

Niveau 10

21 février 2003 à 23:15:38

bon j´obtient bien mon image en faisant

<input type="image" scr="imagee.jpg"

arg mais le comportement?

Aeternus

Niveau 10

21 février 2003 à 23:40:22

Je recherche dans l´aide et je ne vois aucune solution se profilant a l´horizon, un doute m´envahi soudain, est ce possible???
arg j´espere que ouiii : o(

saico

Niveau 10

22 février 2003 à 00:17:24

aucune idée désolé!
par contre j´ai visité ton site et je me suis surpris a lire entierement ta rencontre avec ta ptite quebecoise!!!!lol!!!! au fait tu a reussi a la rencontrer?

Aeternus

Niveau 10

22 février 2003 à 00:35:52

Si tu veux me parler Saico: utilise icq: mon num dans mon profil, ou msn : laeternus@hotmail.com : o)
ou peut etre aim Windofdecay

saico

Niveau 10

22 février 2003 à 00:37:37

arf je n´est que MSN j´ai arreté ICQ!!!

saico

Niveau 10

22 février 2003 à 00:38:17

lol!! autant pour moi!!! j´avais pas vu ton adresse msn ^^

ca dois etre l´heure tardive!!! lol

Aliojsa

Niveau 9

22 février 2003 à 01:13:55

oui c´est bien sur possible, par contre je comprends pas trop ( il est tard excuse moi ^^) "le comportement".Tu parle de l´animation onmouseover ?
Je ne me rappelle pas avoir deja vu d´image animée dans un formulaire mais c´est certainement faisable, tu as essayé d´inclure le javascript dans ta balise ?

Aeternus

Niveau 10

22 février 2003 à 01:19:48

voila ce que j´ai essayé de faire mais si le fait que l´image soit utilisée ok pour faire le submit : le comportement qui fait que l´image change ne fonctionne paaaaaaaas : o((
arg : o(

Aliojsa

Niveau 9

22 février 2003 à 03:55:25

Peut etre que ça n´est pas possible.
Dans ce cas tu peux toujours le fair een flash par exemple, là ça ne devrait pas pauser de problème.

Aeternus

Niveau 10

22 février 2003 à 11:58:00

J´ai cru a un instant que ct parce que je n´avais pas donné le nom a l´image mais meme en mettant name="me_login"
le javascript ne cormprends paaaaaaas : o(

electron_libre

Niveau 10

22 février 2003 à 12:13:23

si tu trouve tjs pas, et que tu trouve vraiment trop moche les boutons standard, tu peut y mettre un peu de css, ca rend deja un peu moins moche

Aeternus

Niveau 10

22 février 2003 à 12:38:48

non ben tant pis , si ca marche pas je me contenterai de mon images sans survolement...

bouhouuuu

Aeternus

Niveau 10

22 février 2003 à 14:57:27

Finalement, ca fonctionen sous internet explorer ; o)))))
mais pas sous opera, ni netscape , ni mozilla : o((

snaki

Niveau 9

22 février 2003 à 15:10:28

une façon simple de faire çà,
Tu mets une lien hypertexte vers la page que tuveut et ton bouton est fait ----> c´est le plus simple

A+
lool snaki

Aeternus

Niveau 10

22 février 2003 à 16:03:52

Ben non Snaki, merci, masi ca , ca marche évidemment , je ne suis pas fou ; o)
Mon probleme c pour utiliser cette technique sur un élément d´un formulaire....

grandissime

Niveau 10

22 février 2003 à 16:12:23

moi je confirme ce que a dit elecron_libre, le css peut faire de super truc

grandissime

Niveau 10

22 février 2003 à 19:02:49

Re
C´est bon je crois avoir trouvé.
En faite c´est du Javascript

/////////////////////////////////////
//la tu met l´adresse de ton fichier
//
//, le nom du formulaire et tu peux enlever
//_blank
////////////////////////////////////////////
// la c´est le text du formulaire
////////////////////////////////////////////

Entrer votre information ( je sais pas koi ) <br>
<INPUT TYPE=text NAME=email SIZE=12><br>

<A

HREF="javascript:document.XXXXXXXXX.submit()"><img
src="XXXXXXXXXXXX.JPG"></A></FORM>

/////////////////////////////
// remplacer le premier XXXX par le nom du
//formulaire et le 2 XXXXXX par l´adresse de
//l´image . Logiquement
// ca devrais marcher
//
// il faut aussi enlever mes commentaires, je
//les ai mis pour que tu comprennes.
/////////////////////////////

Ben voila, rest plus qu´a tester.
@llez @+

jarose

Niveau 10

22 février 2003 à 19:31:04

CSS powa !

<html>
<head>
<title>CSS & input</title>

. bouton:link {
background-image:url(image_1.gif); }

. bouton:hover{
background-image:url(image_2.gif); }

</style>

</head>
<body>
<input class="bouton" type="submit" value="testage : )">
</body>
</html>

j´ai même testé sous opera, et ça roule ; )

Aide à l'achat Mac
Steam Deck
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Macintosh
Hardware

La vidéo du moment

News jeu

178 320 spectateurs

Halo: Campaign Evolved, le remake incontournable de l'été

La première aventure du Master Chief, qui a donné naissance à l’une des franchises les plus emblématiques de l’histoire du jeu vidéo, fait son retour avec Halo: Campaign Evolved. Disponible dès maintenant, ce remake fidèle mais modernisé reconstruit la campagne culte avec des graphismes améliorés, du nouveau contenu et des fonctionnalités pensées pour les joueurs d’aujourd’hui.

Toutes les news jeu