Version complète: sur le forum Webmaster Hub : Images qui ne reste pas dans les bouton !
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
destroyedlolo
Bonjour,

j'ai ce genre de code :
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&deg; &agrave; 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&deg; &agrave; 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 :
HTML
<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
    CODE
    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
    CODE
    value
    et renvoie ce qui se trouve entre les balises du bouton wacko.gif 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 sick.gif
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
HTML
<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
CITATION(captain_torche @ vendredi 29 décembre 2006, 15h21) *
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
HTML
<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
HTML
<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
HTML
<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 unsure.gif

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
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.