Transormer un lien bouton submit avec nom et valeur ?

Version imprimable

19/02/2005, 19h05
boteha

Transormer un lien bouton submit avec nom et valeur ?
Bonjour,

Pour transformer un lien en bouton de type submit, c'est à ma portée :
Code:

1 2 <p><a href="#" name="choix" onClick="document.forms[0].submit();">Mon lien qui est un bouton</a></p>
Maintenant, si je veux affecter à ce lien-bouton, un nom et une valeur, de façon à obtenir l'équivalent de <input type="submit" name="choix" value="Mon lien qui est un bouton">, est-ce possible, et si oui MERCI d'avance de m'indiquer la piste.

L'intérêt est qu'il serait plus facile d'affecter des styles, et notamment des background-image, à des liens plutôt qu'à des boutons.

une variable globale
Code:

1 2 3 4 var balise=escape("<input type=\"submit\" value=\"mon lien qui est devenu un bouton submit\" />") onclick="this.outerHTML=unescape(balise)"
à condition que le lien soit entre les balises form...

20/02/2005, 11h41
javatwister

ben ton "name"tu l'as déjà défini;
par contre, tu remplaces value par firstChild.data
20/02/2005, 16h28
boteha

MERCI beaucoup de vos pistes.

Je vais explorer tout ça. :wink:

Je commence par expérimenter la méthode de Javatwister, qui me paraît être la plus simple, du moins pour moi.
J'ai construit le micro-test suivant.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <form method="post" action="test.php"> <p><a href="#" name="choix" firstChild.data="Bouton Un" onClick="document.forms[0].submit();">Bouton Un</a></p> <p><a href="#" name="choix" firstChild.data="Bouton Deux" onClick="document.forms[0].submit();">Bouton Deux</a></p> </form> <?php if (!isSet ($_POST['choix'])) {echo "raté";} else {echo $_POST['choix'];} ?> </html>
Bon, c'est toujours raté, la variable POST n'est pas transmise comme je l'espérais.

Si vous pouvez me dire ce qui cloche dans le code, MERCI d'avance.

20/02/2005, 17h58
javatwister
ah non, y a un malentendu :lol: firstChild.data est la propriété qui renvoie le texte du lien!

tu veux récupérer sur le serveur la référence du lien cliqué, c'est ça?

dans ce cas-là, tu es obligé de transmettre le texte du lien à un champ caché...
Code:

1 2 3 <input type="hidden" name="cach" /> <p><a href="#" onclick="document.forms[0].cach=this.firstChild.data;document.forms[0].submit();">Bouton Deux</a> </p>
sur la page de traitement, $_POST['cach'] a pour valeur le texte du lien choisi

mais bon,arrête-moi si ce n'est pas du tout ça que tu veux;

Merci de ta réponse.

Oui, c'est ça, je veux récupérer la valeur du lien cliqué, plus les autres valeurs du formulaire.
Ensuite, c'est du genre :
if ($cach == 'Bouton Un') {... faire ci de $contenu...}
elseif ($cach == 'Bouton Deux') {... faire ça de $contenu...}

J'ai construit ce nouveau test (test.php) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <form method="post" action="test.php"> <p><input type="hidden" name="cach"></p> <p><input type="text" name="contenu" Col="30">Votre texte ?</p> <p><a href="#" onclick="document.forms[0].cach=this.firstChild.data;document.forms[0].submit();">Bouton Un</a></p> <p><a href="#" onclick="document.forms[0].cach=this.firstChild.data;document.forms[0].submit();">Bouton Deux</a></p> </form> <?php print_r ($_POST); ?> </html>
Bon, je transmets bien ma variable "contenu", mais pas ma variable "cach"...

Le test est en ligne à l'adresse :

http://www.pharmimmo.com/test.php

Si tu peux continuer à me guider pour transmettre la varaible "cach", MERCI encore d'avance.

20/02/2005, 19h05
javatwister

ah oui excuse-moi, j'ai oublié "value" dans la ligne précédente :P

donc:

Code:

onclick="document.forms[0].cach.value=this.firstChild.data
20/02/2005, 19h23
boteha

MERCI BEAUCOUP,

Le test marche, à présent !

Pour moi, l'intérêt est le suivant :

1) Les liens sont beaucoup plus faciles à styler que les boutons (certains navigateurs n'acceptent pas les styles affectés au balises INPUT, et de toutes façons il est à ma connaissance impossible d'envoyer des images en background dans les INPUT, donc tu es obligé d'avoir des <INPUT type="image"> qui sont très lourds à gérer).

2) Dès qu'il y a un formulaire, mes liens de navigation sont transformés en boutons, ce qui permet de toujours conserver les données saisies par le client.
Par exemple, sur une page de formulaire d'identification, tu transformes le lien "Contactez-nous" en bouton.
L'utilisateur saisit la moitié du formulaire, il lui prend l'envie de t'écrire, tu conserves toutes les données qu'il a déjà saisies pour les restituer quand il aura envoyé son mail, je trouve ça poli.

Et tant pis pour les 10 % de demeurés qui ont désactivé javascript sur leurs navigateurs, non ?

MERCI beaucoup !