[résolu] Bouton formulaire

[darkhecate]

Bonjour,

J'ai un formulaire dans plusieurs langues, jusque là tout va bien
J'aimerais que le bouton soit "joli" sur tout les navigateurs et pas seulement safari...
Alors j'ai tenté de mettre une image:
<input type="image"...>

Le problème est que si j'affiche l'image vièrge (sans texte dessus) la "value" de l'input n'est pas prise en compte...

Si quelqu'un a une solution...
Merci en tout cas

P.S est-ce possible de submit un formulaire avec un simple lien?

Ce message a été modifié par darkhecate - 15 Jun 2006, 09:48.

[marc_os]

Salut,
Pourrais-tu mettre le code complet de ton bouton input dont la "value" n'est pas prise en compte ?
Que veux-tu dire précisément par "pris en compte" ?

Pour mettre un lien, une solution pourrait être de passer par du javascript, un truc dans le genre:

HTML

<a href="java script:document.forms.monFormulaire.submit();">le lien</a>

Si tu veux différentes actions pour différents "boutons" sous forme de liens, tu peux définir un champ caché (hidden) dont tu positionnnes la valeur via du javascript.

PS: Il n'y a normalement pas d'espace entre "java" et "script", c'est le forum qui l'ajoute automatiquement !

Ce message a été modifié par marc_os - 14 Jun 2006, 14:28.

[darkhecate]

Re,

Mon input:
<input type="image" id="valid" value="Envoyer" />

Est-ce que quand on met un input type "image", on peut mettre du texte grace à "value"?
parceque là, ça ne foctionne pas chez moi...

Je dois avouer que je préfèrerais éviter le javascipt...

Merci beaucoup

[marc_os]

Re,

Mon input:
<input type="image" id="valid" value="Envoyer" />

Est-ce que quand on met un input type "image", on peut mettre du texte grace à "value"?
parceque là, ça ne foctionne pas chez moi...

Je dois avouer que je préfèrerais éviter le javascipt...

Merci beaucoup

Dans la documentation, on trouve :

CODE

  %attrs;                              -- %coreattrs, %i18n, %events --
  type        %InputType;    TEXT      -- what kind of widget is needed --
  name        CDATA          #IMPLIED  -- submit as part of form --
  value       CDATA          #IMPLIED  -- Specify for radio buttons and checkboxes --

Je sens que je vais encore entonner le couplet sur la lecture de la documentation.

En clair, si on interprète un tout petit peu ce qui est écrit ci-dessus, ça veut dire que tu dois utiliser l'attribut "name" pour faire la distinction entre les "boutons".

Ce message a été modifié par marc_os - 14 Jun 2006, 15:07.

[No6]

HTML

<style type="text/css">
a.BoutonX { display: block; width: 15px; height: 15px; background-image: url(imgs/bt/bibiA.gif); }
a.BoutonX: hover { background-image: url(imgs/bt/bibiB.gif); }
</style>
...
<a class="BoutonX" href="java script:document.forms.monFormulaire.submit();"></a>

[darkhecate]

Merci beaucoup No6, mais j'aimerais éviter le javascript...

Marc_os:
le truc c'est que j'ai un "name", mais j'ai viré des trucs quand j'ai copié/collé...

bon, je voulais simplifier tout ça parceque j'ai du php, mais je mets tout:
<input type="image" id="valid" title="<?php echo $contenu["sendtitle"];?>" name="envoyer" value="<?php echo $contenu["sendtxt"];?>" />

Voilou
désolée

[DiGk]

Je ne comprends pas bien quel est le problème. Pour être bien clair, lorsque tu charge ton gabarit la propriété "value" de ton champs "input" est vide ?

Dans une balise <input type='image'> tu peux mettre une propriété "value" ???

Au temps pour moi la propriété "Value" est bien disposnible dans ce type de balise.

Par contre quelle variable utilises-tu en PHP ($_POST/$_GET/$_REQUEST) ?

Ce message a été modifié par DiGk - 14 Jun 2006, 15:51.

[darkhecate]

Désolée DiGk, mais je ne comprends pas ta question...
Moi, je suis censée ne m'occuper que de la gueule du formulaire.

Je sais juste que ce qui doit être affiché sur le bouton sort d'une base de données.
Et le problème, c'est que quand je mets <input type="image"...>, l'image s'affiche, mais pas le texte.
C'est pour ça que je me suis demandée si avec <input type="image"..>, c'est censé fonctionner.

Sinon, je prends n'importe quelle solution...
sans javascript et sans avoir à écrire directement sur l'image (le texte faisant partie de l'image)

Voilà
J'espère ne pas être trop brouillon
Merci

[marc_os]

Désolée DiGk, mais je ne comprends pas ta question...
Moi, je suis censée ne m'occuper que de la gueule du formulaire.

Je sais juste que ce qui doit être affiché sur le bouton sort d'une base de données.
Et le problème, c'est que quand je mets <input type="image"...>, l'image s'affiche, mais pas le texte.
C'est pour ça que je me suis demandée si avec <input type="image"..>, c'est censé fonctionner.

Sinon, je prends n'importe quelle solution...
sans javascript et sans avoir à écrire directement sur l'image (le texte faisant partie de l'image)

Voilà
J'espère ne pas être trop brouillon
Merci

arkhecate, dans l'extrait de documentation que je t'ai mis tout à l'heure, il est dit que l'attribut "value" ne sert à quelque chose dans le cas de l'élément INPUT que s'il s'agit d'un bouton radio ou d'une case à cocher.
Dans le cas d'un INPUT destiné à afficher une image, et bien ça affiche... une image. Et l'attribut "value" est simplement ignoré par le navigateur. (Si tel navigateur ne l'ignore pas, c'est une liberté par rapport aux normes, car ce n'est pas prévu par celles-ci).

Si je comprends bien tes motivations:
- Afficher un "joli" bouton qui ait le même look pour tous les navigateurs
- Avoir le libellé du bouton qui vient de ta base de données sous forme de texte.

Le plus simple est vraiment d'utiliser un lien avec la méthode à base de javascript pour la validation, et comme indiqué par No6 avec des propriétés de style pour jouer sur l'apparence et faire en sorte qu'elle soit la même qq soit le navigateur.
-> Pourquoi veux-tu éviter le javascript ?
Si tu as peur que le javascript ne soit pas actif sur le navigateur du visiteur, tu peux utiliser la balise <noscript> pour afficher dans ce cas là un bouton standard.

Mais il y a une autre méthode, en php, qui te permettrait d'utiliser un élément INPUT de type image : C'est de générer donc sur le serveur, via le code php, l'image à afficher . Je suis tombé un jour sur un tutoriel au sujet des fonctions graphiques php qui justement permettait de générer des boutons graphiques à partir d'une base graphique fixe dans laquelle est incrustée un texte venu d'ailleurs (texte au format texte ).
-> Si quelqu'un sait où se trouve ce tutoriel...

Edit : J'ai retrouvé le "tutoriel". C'est tout bêtement un exemple dans la documentation de php !

Ce message a été modifié par marc_os - 14 Jun 2006, 17:47.

[darkhecate]

Génial, c'est exactement ce qu'il me faut !

Merci beaucoup marc_os.