Images qui ne reste pas dans les bouton !

[destroyedlolo]

Bonjour,

j'ai ce genre de code :

	<button name=action value='+Supp IMG_0070.JPG' title="Supprime l'image" class=invisible><img src='/images/trash.png' ></button>
	<button name=action value='+rgauche IMG_0070.JPG' title="Rotation de 90° à gauche" onclick='affiche("msg_attente");' class=invisible><img src='/images/rot_gauche.gif' ></button>
	<button name=action value='+rdroite IMG_0070.JPG' title="Rotation de 90° à droite" onclick='affiche("msg_attente");' class=invisible><img src='/images/rot_droite.gif' ></button>

Ca fonctionne tres bien avec FireFox, mais les images ne restent pas dans leurs boutons avec IE et Mozilla ou tous les navigateurs qui utilisent des vielles versions de Gekko.

Est-ce que quelqu'un aurait une solution eleguante ?

Je suis en trains de voir pour les remplacer par des IMAGEMAP mais ca ne me plait pas trop car il va falloir que j'ajoute plein de javascript pour qu'elle soit prise en compte par le formulaire ...

Merci et A+

Laurent

[captain_torche]

Tu utilises mal l'objet "button", c'est pour ça.

ll vaudrait mieux que tu utilises l'objet input, qui est fait pour ça :

<input type="image" src="tonimage.jpg" onclick="tonaction(); return false">

[destroyedlolo]

Merci Capitaine.

C'est aussi une option a laquelle j'avais pense, mais elle a le meme probleme que les images map : je suis oblige d'utiliser le Javascript.

Pourquoi n'est-ce pas une utilisation normal des boutons ? Et dans ce cas ... c'est quoi une utilisation normal des boutons ?

[destroyedlolo]

Bon, j'ai continuer mes tests et ... :

• J'ai le probleme d'affichage uniquement sous les vielles versions de Gekko. Sous IE, c'est intermitant mais je pense que c'est un bug de ce navigateur genialissime car j'ai aussi des fois des barres de titre qui ne s'affichent pas.
  
• j'avais oublier de mettre le

  type=submit

  . Pour FF, il semblerait que ce soit l'action par defaut contrairement a IE pour qui c'est un simple bouton.
  

• IE6 ignore l'attribut

  value

  et renvoie ce qui se trouve entre les balises du bouton Super utile n'est-ce pas.
  

Hormis si qq'un avait une idee lumineuse, je ne pense pas pouvoir me passer d'une nouvelle verue pour ce navigateur a la noix

Quelqu'un pourrait-il faire le teste sous IE7 pour voir si value est passe ou non ?

Merci et A+

Lolo

[captain_torche]

Dans n'importe quel cas, si tu souhaites faire autre chose que valider un formulaire, il faudra utiliser du JavaScript.

Si tu ne souhaites que valider un formulaire, la balise

<input type="image" src="tonimage.jpg">

est valide, et est l'équivalent d'un <input type="submit">

En ce qui concerne la balise <button>, elle n'a d'autre but que de faire apparaître un bouton neutre (qui n'effectue aucune action). De plus, elle est dépréciée, et il faudrait idéalement utiliser un <input type="button">.

[destroyedlolo]

Dans n'importe quel cas, si tu souhaites faire autre chose que valider un formulaire, il faudra utiliser du JavaScript.

Si tu ne souhaites que valider un formulaire, la balise

<input type="image" src="tonimage.jpg">

est valide, et est l'équivalent d'un <input type="submit">

Ben, c'est justement ce que je souhaite faire : valide un formulaire.

Mais je souhaite que cette validation passe un argument qui me dit comment je valide le formulaire (dans mon cas ca peut etre "ajouter une photo", "tourner a droite", ...).

C'est strictement l'equivalent d'un

<input type=submit name=action value='Ajouter la photo'>

... sauf qu'au lieu d'avoir l'affichage d'un texte, je veux afficher une image.

Le probleme avec le

<input name=nom type=image>

c'est qu'il ne prend pas en compte un eventuel value= mais renvoie 2 champs nome nom.x et nom.y et qui correspondent a la position du curseur lors du click.

Mais bon, je pense que tu as raison et que je ne vais pas couper a un peut de JS

Heu, question bete : y aurait-il un moyen d'associer un JS a tout les input image, un peu a la CSS ?

En clair, quelque chose comme

input_image.click() = ma_fonction_de_validation()

Merci et A+

Lolo