Modifier l'attribut action au clic sur submit

Version imprimable

02/09/2014, 15h45
nilsb13

Modifier l'attribut action au clic sur submit

Bonjour à toutes et à tous,

un petit problème JS que je n'arrive pas à résoudre parce que je ne sais pas encore débugger du code JS.

J'ai monté le code en piochant sur le net, mais manifestement, ça ne fonctionne pas.

Une balise form contient un chemin dans son attribut action.
Je voudrai, avant la soumission du formulaire, par un bouton submit, modifier le chemin en y ajoutant à la fin #monte10.
Afin d'atteindre, au prochain affichage du même formulaire la balise :

Code:

echo '<a name="monte'.$id_ordre_transport[$i]['value'].'">';

où la variable PHP contient dans cet exemple 10.

10 étant un numéro de ligne qui varie en fonction du bouton radio name="id_ordre_transport" qui est cliqué.

Le tout étant codé avec CodeIgniter, mais ça ne change pas grand chose (?), et encapsulé en PHP avec des echo.
Donc avec une gestion des " et des ' avec le caractère d'échappement \ selon les cas de figure.

1) Code source HTML - La balise form telle qu'elle est écrite, sans l'action du JS :

Code:

<form action="http://localhost/CI/CI220_FMT1/index.php/ORDRES_TRANSPORTS/ordres_transports_c" id="englobe_tout" name="formulaire" method="post" accept-charset="utf-8">

1bis) Code source PHP/CodeIgniter - Le même que 1), mais côté PHP :

Code:

echo form_open($form_action, 'id="englobe_tout" name="formulaire"');

2) Code source HTML - Un des boutons qui doit modifier l'attribut action de la balise form en prenant compte de la valeur du bouton radio cliqué pour la ligne chosie :

Code:

<input type="submit" name="action" value="Modifier" class = "bouton" onclick="document.getElementsByName('formulaire')[0].action='document.getElementsByName('formulaire')[0].action+'#monte'+ document.getElementsByName('id_ordre_transport')[0].value';" />

2bis) Code source PHP/CodeIgniter - Le même que 2), mais côté PHP :

Code:

echo form_submit('action', 'Modifier' , 'class = "bouton" onclick="document.getElementsByName(\'formulaire\')[0].action=\'document.getElementsByName(\'formulaire\')[0].action+\'#monte\'+ document.getElementsByName(\'id_ordre_transport\')[0].value\';"');

3) Code source HTML - Le bouton radio qui peut être cliqué pour choisir la ligne (ici la ligne 19) :

Code:

<input type="radio" name="id_ordre_transport" value="19" id="19" tabindex="201" />

3bis) Code source PHP/CodeIgniter - Le même que 3), mais côté PHP :

Code:

$html['id_ordre_transport'][$i] = array('name'=> 'id_ordre_transport', 'value'=>$ordres_transports[$i]['id_ordre_transport'], 'id'=>$ordres_transports[$i]['id_ordre_transport'],'tabindex' => 100 + 100 * $i + 1);

Le bug/problème est à chercher dans 2).

Merci pour votre aide !
Nils.
02/09/2014, 15h57
SpaceFrog

Code:

document.getElementsByTagName('form')[0].action='document.getElementsByTagName('form')[0].ac

tu lui attribues la chaine du code ... pas la valeur retournée par le code ...
enlève les ' autour
02/09/2014, 16h00
Bovino

Autant utiliser l'attribut formaction.
02/09/2014, 16h08
nilsb13

Je faisais encore de la mise en forme de ma question que vos réponses étaient déjà tombées !
Merci.

Bovino,
je vais voir formaction qui n'a pas l'air mal du tout. Merci pour le tuyau.

Eventuellement, peux tu me dire où ça se positionne, en JS, ou, il semble plutôt (lecture rapide) en tant qu'attribut HTML pour mes boutons submit, c'est ça ?

Ca y est !
J'ai trouvé :
http://www.w3schools.com/tags/att_input_formaction.asp

Encore merci !
A la prochaine ...

Bon, finalement, pas encore résolu :

Comment insérer du JS dans le formaction du bouton submit ? :

Code:

form_submit('action', 'Modifier' , 'class = "bouton" formaction="' . $form_action . '#monte' . 'document.getElementsByName(\'id_ordre_transport\')[0].value' . '"')

SpaceFrog, j'essaye de faire ce que tu me dis, mais sans succès.

Voici le code corrigé (qui marche pas) :
Code:

1 2 form_submit('action', 'Modifier' , 'class = "bouton" onclick="document.getElementsByName(\'formulaire\')[0].action=document.getElementsByName(\'formulaire\')[0].action+\'#monte\'+document.getElementsByName(\'id_ordre_transport\')[0].value;"')
Et l'URL qui en découle :
http://localhost/CI/CI220_FMT1/index...ES_TRANSPORTS/[object%20RadioNodeList]#monte18

Est-ce un problème de concaténation avec + ?

J'ai réussi à obtenir ce que je voulais avec le code suivant :
Code:

1 2 form_submit('action', 'Modifier' , 'class = "bouton" onclick="document.getElementsByName(\'formulaire\')[0].action=' . '\'' . $fichier . '#monte\'+' . 'document.getElementsByName(\'id_ordre_transport\')[0].value;' . '"') .
Le problème que je rencontre maintenant,
c'est que document.getElementsByName(\'id_ordre_transport\')[0].value; me renvoie la valeur du premier bouton radio, et non pas la valeur du bouton radio qui a été cliqué.

Comment ajouter au code ci-dessus, quelque chose comme where checked=true ?

Problème plus complexe que je le pensais, mais finalement résolu.

Voici la solution mise en oeuvre :

1) une fonction JS qui crée le #monte+numéro, précédé du nom du fichier CodeIgniter nécéssaire, pour l'URL (dans mon premier fichier "vue" de CodeIgniter, placé dans <head></head>).
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function monte(fichier_c){ var boutonRadio = document.getElementsByName("id_ordre_transport"); var monte = "rien"; for (var i = 0; i < boutonRadio.length; i++){ if (boutonRadio[i].checked){ //alert(fichier_c); //alert(boutonRadio[i].value); //alert( "#monte"+boutonRadio[i].value); var monte = fichier_c+"#monte"+boutonRadio[i].value; } } if ( monte == "rien" ){ //alert(fichier_c); var monte = fichier_c; } return monte; }
Exemple de l'URL à créer : h t t p : //localhost/CI/CI220_FMT1/index.php/ORDRES_TRANSPORTS/ordres_transports_c#monte20

2) Un exemple de bouton écrit en CodeIgniter, qui appelle la fonction au moment du clic (dans le fichier "vue" de ma page CodeIgniter).

Code:

form_submit('action', 'Modifier', 'class="bouton" onclick="document.getElementsByName(\'formulaire\')[0].action=monte(\''.$fichier_c.'\')"')

La variable $fichier_c provient de la variable $form_action, initialisée dans le contrôleur, dont le contenu est extrait avec le code :

Code:

list($dossier, $fichier_c) = explode('/', $form_action);

Ca marche !
Merci pour votre aide.
Nils.