Discussion :

[salsero1]

Bonjour,
j'ai un formulaire avec plusieurs bouttons, je souhaite remplacer mes bouttons par des images,
le code initial est:

Code :

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

1
2
 input type="submit" value="Supprimer"onclick="if (window.confirm('Etes vous sûr de vouloir supprimer cette categorie ?')) 
            {location.href='default.htm';return true;} else {return false;}">

apres je l'ai remplacé par ce code:

Code :

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

1
2
3
 <input type="image" src="images/icons/supprimer.png"  alt="Supprimer" title="Cliquez pour supprimer cette marque" align="absmiddle" onclick="if (window.confirm(\'Etes vous sur de vouloir effacer DEFINITIVEMENT cette marque ?\'))    
                {return true;}
                                else {return false;}"/>

sachant que, quand je clique sur le boutton supprimer, la page traitement.php est appelé pour faire le traitement, mon probleme c'est que depuis que j'ai changé mes bouttons par des images rien ne marche,
je crois que le probleme vient de la page traitement.php puisque il faut que je fasse un test pour savoir quel boutton a été selectionné j'ai fait ca :

Code :

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

  if (isset($_GET['supprimer']))

merci

[Ikonic]

Salut,

La "customisation" d'un bouton submit a toujours été très difficile, surtout si tu veux que celle-ci apparaisse et fonctionne bien sur un maximum de navigateur...
Pour ma part, j'utilise niceforms 1.0 pour que cela passe magnifiquement sur les navigateurs...

[salsero1]

ton truc a l'air un peu trop compliqué

[francis m]

je n'ai pas lu ton code mais sur le principe c'est simple :

tu gères tes boutons submit comme tu le faisais initialement (pour autant que cela fonctionnait) (personnellement je n'utilise pas javascript, je sélectionne en fonction du name et value du bouton)

et pour mettre une image sur ton bouton, tu la mets en arrière-plan :
pour chaque bouton, tu rajoutes une classe (par exemple image_rouge) :

Code :

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

<input type="submit" name="btn_confirm" value="CONFIRMER" class="image_rouge" tabindex="99" />

et ton css :

Code :

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

.image_rouge { .background-image: url(tonimage.gif); }