Discussion :

[tiyo76]

Bonjour,

Je rencontre un problème "esthétique".
J'ai des boutons monter/descendre à afficher sur mon formulaire.

Pour l'instant j'utilise ceci :

Code html :

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

<tr> <td align="right"><button type=button onclick="executerFleche('doubleMonter','<csrf:token/>');"> <img border=0 src="../../images/doubleFlecheMonter.gif" align="middle"> </button></td> <td align="left"> En première position </td> </tr>

Cependant, avoir un gros bouton avec une petite image dedans n'est pas très "joli". J'ai réussi à trouver ce que je souhaitais avec :

Code html :

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

<tr> <td align="right"><input type=image  onclick="executerFleche('doubleMonter','<csrf:token/>');" src="../../images/doubleFlecheMonter.gif" /></td> <td align="left"> En première position </td> </tr>

Cependant, le problème avec le input type="image" est qu'il fait bien mon action javascript mais qu'il va faire un submit automatiquement (alors que je n'en veux absolument pas !).

Ma question est la suivante : Y aurait-il un moyen de désactiver le submit sur un input type=image ?

Merci d'avance !

[Kaamo]

Pourquoi ne pas mettre le onclick sur un élément image (<img>) et s'affranchir du bouton donc ?

[tiyo76]

Ce pourrait être une solution oui, pourrait-on également garder l'option de "pointeur" de la souris sur un élément de type <img> ? Histoire de "simuler" un bouton

[Kaamo]

Bien sûr, il suffit de lui appliquer le style cursor: pointer; via CSS par exemple

[tiyo76]

Niquel ! J'avais déjà pensé à cette possibilité mais je ne savais pas du tout comment faire merci

Du coup cela me donne ceci : (je n'ai pas le droit de toucher au CSS)

Code html :

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

<tr> <td align="right"><img src="../../images/doubleFlecheMonter.gif" style="cursor: pointer;" onclick="executerFleche('doubleMonter','<csrf:token/>');"/></td> <td align="left"> En première position </td> </tr>

Sujet résolu !

[Kaamo]

(je n'ai pas le droit de toucher au CSS)

C'est dommage, le style "inline" n'est pas tip top