Discussion :

[mcdelay]

bonjour,

Je voudrais connaitre le meilleur moyen de mettre une image sur un bouton. Mes contraintes sont les suivantes il faut que je recupere la valeur du bouton, donc un bouton de type image ne me convient pas car avec value_x ou y je recupere la valeur de la coordonnee , il faut donc que je cree un bouton de type submit. Est-il possible avec un bouton submit de "coller" une image ?

Merci

SD

[Hervé Saladin]

Bonjour,
oui il est possible de "coller" une image sur un bouton
Par contre ça se fait en CSS et ça n'a rien à voir avec PHP

coté html :

Code :

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

<button type="submit" class="boutonImage" name="nomDuBouton" value="valeurDuBouton">Texte facultatif</button>

coté CSS :

Code :

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

1
2
3
button.boutonImage{
background: url(image.gif) no-repeat 0 0;
}

[Bisûnûrs]

Si tu ne veux pas de bouton de type image, la solution de Hervé Saladin reste la seule, cependant l'image de fond d'un bouton n'apparait pas sur Safari ...

[mcdelay]

Merci pour vos réponses, j'ai essayé la méthode avec la feuille de style mais ca ne marche ... j'ai probablement du faire une erreur de syntaxe :

feuille de style

Code :

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

1
2
3
4
5
 
submit.imagePlus
{
  background: http://10.100.1.196/dynmap_res/db/Bus/Image/("plus.bmp") no-repeat 0 0;
}

html :

Code :

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

1
2
 
<INPUT TYPE='SUBMIT' NAME="btn_SaveIntervention" VALUE='105' CLASS='imagePlus'>

[Bisûnûrs]

Code css :

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

1
2
3
4
.imagePlus
{
  background:url(http://10.100.1.196/dynmap_res/db/Bus/Image/plus.bmp) no-repeat 0 0;
}

[blueice]

cependant l'image de fond d'un bouton n'apparait pas sur Safari ...

Faux ca marche très bien !

[Bisûnûrs]

Faux ca marche très bien !

Bon, alors je ne sais pas quelle version de Safari mon client utilisait, mais les images ne s'affichaient pas chez lui.

[mcdelay]

c'est ok je peux afficher mon image , le probleme c'est que j'ai toujours la valeur de mon bouton qui apparait (((. Bref , j'ai un bouton avec un "+" et une valeur par dessus, Est ce possible de ne pas faire apparaitre la valeur ?

[blueice]

Ben oui retire le texte du bouton...

[mcdelay]

non je ne peux pas retirer la valeur, car j'en ai besoin ....

[blueice]

Enlève le texte du bouton, pas la value !

[mcdelay]

.. ok, mais comment fait-on pour enlever le texte ????

Mon code est le suivant :

Code :

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

1
2
<TD><INPUT TYPE='SUBMIT' CLASS='imagePlus' NAME="btn_SaveIntervention" VALUE='107'>
</TD>

J'ai mis comme image un fond rouge (je mettrai autre chose apres) , j'ai donc au final un bouton rouge avec le texte de la valeur soit "107"

Voili, voilou

[Bisûnûrs]

Et comme ça :

Code :

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

<button type="submit" value="107"></button>

[mcdelay]

... non apparemment ca ne marche pas ....

[blueice]

Bien sûr que ça marche...

[mcdelay]

ok voici une partie de mon code

Code :

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

1
2
<TD ><button TYPE='SUBMIT' CLASS='imagePlus' NAME="btn_SaveIntervention" VALUE='107'></button>
</TD>

quand je clique sur ce bouton je devrais normalement recuperer la valeur '107' par le valeur : $_GET['btn_SaveIntervention'] (j'utilise la methode GET), et dans mon navigateur le bouton apparait mais n'a pas de valeur....

[blueice]

Sûrement pas c'est un bouton Submit !

[mcdelay]

.. j'ai fait quelques recherches sur les forums, apparemment IE ne gére pas les valeurs pour les boutons , d'autres navigateurs le font ( d'autres personnes ont eu le meme souci que moi...) . Une solution est donc d'utiliser un input de type submit et non un bouton de type submit, et d'utiliser les feuilles de style de mettre le texte a la taille 0px et de mettre une image. Ca marche tres bien comme ca. S'il reste un ou deux pixels du 'values' choisir alors la couleur du texte en fonction de l'image. Voila, j'espere que ca aura eu le mérite d'aider d'autres personnes.

Merci encore !

[blueice]

As-tu lu ma réponse !
Tu cherches à faire un bouton submit qui en même temps envoue une valeur !
Place un input masqué avant et c'est tout !