Boutons "soumettre" et "prévisualisation" en image ?

Shaigan

Feu follet

Age : 26 ans
Messages : 245
Inscrit : 11 Juin 2006

Message édité 3 fois, dernière édition par Shaigan, 03 Novembre 2007, 9:18

02 Novembre 2007, 13:58

Bonjour à tous.

Dans les pages qui contiennent des formulaires, j'aimerai remplacer les bouton standards par des boutons graphiques. Je n'ai eu aucun problème concernant les boutons des fscodes, mais pour les autres, j'arrive pas.

On dirait que le $HTTP_POST_VARS['soumettre'] passe pas, ce qui me fait dire ça, c'est si je pose ce bouton sur le tpl de la réponse rapide, en soumettant la réponse, je me retrouve sur la page "poster une réponse", et tout le texte vide :fsb2_shocked:

.

Ca, ça marche mais c'est "moche" :

HTML (Sélectionner le code)

<input class="boutton" type="submit" name="soumettre" style="font-weight: bold;" value="{L_SOUMETTRE}" accesskey="s" />

Ca, ça marche pas mais c'est joli :

HTML (Sélectionner le code)

<input type="image" src="{L_SOUMETTRE}.gif" name="soumettre" value="{L_SOUMETTRE}" accesskey="s" style="cursor: pointer; margin: 0px;" />

Et ça, ça marche pas non plus, mais c'est tout aussi joli :

HTML (Sélectionner le code)

<img src="{L_SOUMETTRE}.gif" name="soumettre" value="{L_SOUMETTRE}" border="0" style="cursor: pointer; margin: 0px;" onClick="document.form_nom.submit();" />

Je sais vraiment plus quoi faire, j'ai essayé plein de combinaisons possibles, en fouinant sur les forums html/css/javascript......
Help ?

http://prophecy.servhome.org/forum/images/bannieres/shanoen.png

http://prophecy.servhome.org/forum/images/bannieres/shaigan.png

http://prophecy.servhome.org/forum/images/bannieres/carpark.png

Grummfy

Equipe des MODS

Age : 23 ans
Messages : 5458
Inscrit : 16 Septembre 2004

02 Novembre 2007, 16:57

a bas les input button, vive les balise button!!!!

regarde sur ces page : http://fr.selfhtml.org/html/fo...er.htm#modernes

il permet de mettre facilement une images en bouton!

"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)

http://www.grummfy.com/download/crea/smileys/fsb2.gif

Mods fsb1 - Mods fsb2 - Mon forum - Grummfy's project

Shaigan

Feu follet

Age : 26 ans
Messages : 245
Inscrit : 11 Juin 2006

02 Novembre 2007, 20:26

Bon alors, à première vue, ça marche pas non plus... Merci quand même grummphy.

En farfouillant un peu plus et en relisant ce que j'avais marqué plus haut, la valeur "soumettre" n'est pas passée lors du clic, donc, il manque un truc. En fouillant un peu sur le net, j'ai trouvé la solution :

HTML (Sélectionner le code)

<img src="{L_SOUMETTRE}.gif" name="soumettre" value="{L_SOUMETTRE}" border="0" style="cursor: pointer; margin: 0px;" onClick="document.form_nom.submit();" />

devient

HTML (Sélectionner le code)

<img src="{L_SOUMETTRE}.gif" name="soumettre" value="{L_SOUMETTRE}" border="0" style="cursor: pointer; margin: 0px;" onClick="document.form_nom.submit('soumettre');" />

Et là, miracle, ça marche.
Maintenant, d'un point de vue sécurité, vous les experts, vous en pensez quoi ?

Grummfy

Equipe des MODS

Age : 23 ans
Messages : 5458
Inscrit : 16 Septembre 2004

Message édité 1 fois, dernière édition par Grummfy, 02 Novembre 2007, 21:26

02 Novembre 2007, 21:20

HTML (Sélectionner le code)

<button><img src="tonimage.jpg" /></button>

devrait aller

cf :
http://nickcowie.com/presentation/s5-button.html

"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)

Mods fsb1 - Mods fsb2 - Mon forum - Grummfy's project

Shaigan

Feu follet

Age : 26 ans
Messages : 245
Inscrit : 11 Juin 2006

Message édité 1 fois, dernière édition par Shaigan, 03 Novembre 2007, 13:03

03 Novembre 2007, 12:53

Comme ça, c'est encore mieux. Si un jour j'ai la flemme de refaire les boutons, il me suffira de refaire un fond vide et je pourrais mettre le texte que je veux

.

Merci grummfy.

HTML (Sélectionner le code)

<button type="submit" name="soumettre" value="{L_SOUMETTRE}" accesskey="s" style="width: 75px; height: 23px; line-height: 23px; border: none; background: #000 url({RACINE}themes/{THEME}images/fr/soumettre.gif) no-repeat; cursor: pointer;">&nbsp;</button>

Faut avouer que c'est quand même vachement mieux :

Avant:

http://img529.imageshack.us/img529/2237/avantpq3.th.png

Après:

http://img117.imageshack.us/img117/360/apresrx0.th.png

Grummfy

Equipe des MODS

Age : 23 ans
Messages : 5458
Inscrit : 16 Septembre 2004

03 Novembre 2007, 17:27

tant mieux si je t'ai aider...
a noté qu'il est quand même conseiller de mettre qqchose entre les deux balises au cas où quelqu'un n'afficherait pas les images.

pour moi il est temps de banir les inputbutton et d'utiliser des button qui sont franchement plus facilement modifiable par des css ou autres!

"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)

Mods fsb1 - Mods fsb2 - Mon forum - Grummfy's project

Boutons "soumettre" et "prévisualisation" en image ?