Transormer un lien bouton submit avec nom et valeur ?

**boteha** · 19/02/2005, 19h05

Bonjour,

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

Code :

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

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.

**SpaceFrog** · 20/02/2005, 09h44

une variable globale

Code :

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

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...

**javatwister** · 20/02/2005, 11h41

ben ton "name"tu l'as déjà défini;
par contre, tu remplaces value par firstChild.data

**boteha** · 20/02/2005, 16h28

MERCI beaucoup de vos pistes.

Je vais explorer tout ça.

**boteha** · 20/02/2005, 17h00

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 :

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

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.

**javatwister** · 20/02/2005, 17h58

ah non, y a un malentendu

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 :

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

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;

**boteha** · 20/02/2005, 18h52

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 :

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

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.

**javatwister** · 20/02/2005, 19h05

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

donc:

Code :

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

onclick="document.forms[0].cach.value=this.firstChild.data

**boteha** · 20/02/2005, 19h23

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 !

Transormer un lien bouton submit avec nom et valeur ?

JavaScript

Discussions similaires

Partager

Partager