Ecrire dans un input dont le NAME a des crochets ?

Bonjour,

Je m'explique.

J'ai un javascript qui doit changer la valeur de champs TEXT et d'images, via leur "name" respectif qui est respectivement "valeurX" et "imageX", où X est un nombre quelconque.

Jusqu'ici, rien de bien sorcier :

Code:

---

1 2 3

parent.administration.valeur0.value=blablabla; parent.administration.image0.src=blablabla.

---

Fonctionne très bien, même si l'image ne fait pas réellement partie du formulaire "administration".

Le problème est que je voudrais, pour faciliter le boulot d'un script PHP qui récupère ensuite le résultat du formulaire (les données "value" uniquement, l'image n'étant là que pour l'utilisateur), que les "name" soient non pas "valeurX", mais "valeur[X]".

Et là, patatra, je ne sais pas faire.
Bien sur

Code:

---

1 2	parent.administration.valeur[0].value=blablabla;

---

ne fonctionne absolument pas. J'ai essayé entre parenthèses, entre guillemets, en le mettant dans une variable auparavant, mais rien n'y fait.

Ma question donc : Que mettre dans le code javascript pour qu'il change la "value" d'un input (ou même le src de l'image, tant qu'à faire) qui a "name=valeur[0]", par exemple ?

Je ne sais pas si c'est une bonne idée que d'utiliser des [ ] dans des name. n'oublions pas que c'est la syntaxe des tableau ...

tu peut toujours essayer

Code:

---

1 2	document.getElementByName('valeur[0]')

---

mais sans conviction ...

Citation:

---

Envoyé par kazou

Je ne sais pas si c'est une bonne idée que d'utiliser des [ ] dans des name. n'oublions pas que c'est la syntaxe des tableau ...

---

C'est justement le but , de pouvoir utiliser des tableaux :)

essaye ceci :

Code:

---

1 2 3 4 5 6 7 8 9

function getByName(Form, name) { var arr=Form.getElementsByTagName("input"); var arr2=[]; for (var i=0;i<arr.length;i++) { if (arr[i].name == name) { arr2[arr2.length]=arr[i]; } } }

---

Merci à FremyCompany pour le code

mettre des [] dasn un name d'objet de form premet de recupérer un tableau coté php

les [] ne sont pas interprétés coté js comme collection de names:
la collection c'est ('name[]')[i]

voir le post suivant :
http://www.developpez.net/forums/sho...d.php?t=495280


sinon si tu as:

Code:

---

1 2 3

<input type="text" name="truc[]" value='one'/> <input type="text" name="truc[]" value='two'/> <input type="text" name="truc[]" value='three'/>

---

il suffit de l'appeler tout à faot normalement:

Code:

---

1 2 3

for (i=0;1<3;i++){ alert(document.getElementsByName('truc[]')[i].value) }

---

oui c'est vrai .. la fonction de frémy récupère tout les input et test les noms ... heu bon en fait il a refait une méthode getElementsByName ^^

Bonjour,

Merci de vos réponses rapides, mais je me suis apparemment mal expliqué.

- Le script n'a aucun besoin de connaitre le contenu des "input" (il veut juste le modifier).
- Il sait déjà lequel a besoin d'etre changé (il connait donc la valeur entre crochets).
- La valeur entre crochets n'est pas linéaire (on peut passer de 1 à 6, puis à 7, puis à 3, puis à 42, puis à 15, etc...)
- Ce que veut le script, c'est écrire dans les value/src.


En gros, le script sait qu'il doit par exemple changer le "value" de "name=valeur[4]" en "bonjour".

Il sait le faire si "name=valeur4", mais reçoit une erreur du navigateur si "name=valeur[4]".

donc :

Code:

---

document.getElementsByName("aElements[xx]")[0].value

---

ce qui tendrait à prouver que tu ne t'es pas mal expliqué, mais que tu n'as pas compris nos explications ...

Citation:

---

mettre des [] dasn un name d'objet de form premet de recupérer un tableau coté php

les [] ne sont pas interprétés coté js comme collection de names:
la collection c'est ('name[]')[i]

---

Autant pour moi, je savais pas.

Pourquoi ne pas donner un id pour un chaque élément (au moins il est unique) ? En plus FF considère getElementsByName() comme dépréciée. Comme l'a écrit SF gardez le name (avec ou sans crochets) pour un traitement PHP ;)

Bonjour,

Effectivement, je crains de ne pas comprendre.

Voilà un code de la page cible :

Code:

---

1 2 3

<img src='Francais.png' border='1' name='image[15]'> <input type='hidden' name='valeur[15]' value='blablabla'>

---

voici le javascript (situé dans une autre frame) qui tente de le modifier :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

parent.administration.getElementByName('valeur[]')[15].value='blabla'; parent.administration.getElementByName('image[]')[15].src='espagnol.png';   ou   parent.administration.getElementByName('valeur[xx]')[15].value='blabla'; parent.administration.getElementByName('image[xx]')[15].src='espagnol.png';   ou   parent.administration.getElementByName('valeur[15]')[0].value='blabla'; parent.administration.getElementByName('image[15]')[0].src='espagnol.png';

---

Et rien ne marche.


@ Auteur : Pour le ID, le javascript cherche à modifier deux valeurs : Une dans un champs ID (le value), l'autre dans une image (le src).

Code:

---

<input type='hidden' name='valeur[15]' value='blablabla'>

---

Code:

---

alert (document.getElementsByName('valeur[15]')[0])

---

la collection étant sur le name "valeur[15]"
et les crochets étant compris par javascript comme des caractères normaux ...
Comme il n'y a qu'un element avec le name valeur[15] et que la collection getEleemntsByName commence à l'indice 0 ...

Ah, je comprends maintenant. Mais cela ne marche toujours pas :

Code:

---

1 2 3 4

alert (parent.administration.getElementsByName('valeur[15]')[0]); parent.administration.getElementByName('valeur[15]')[0].value='blabla'; parent.administration.getElementByName('image[15]')[0].src='espagnol.png';

---

vers

Code:

---

1 2 3

<img src='Francais.png' border='1' name='image[15]'> <input type='hidden' name='valeur[15]' value=blablabla''>

---

Ne fonctionne toujours pas.

Firefox me renvoit

Code:

---

1 2	Erreur*: parent.administration has no properties

---

et Opera me renvoit :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

Event thread: click Error: name: TypeError message: Statement on line 5: Type mismatch (usually a non-object value used where an object is required) Backtrace: Line 5 of inline#1 script in URL_fichier_blablabla alert((parent.administration.getElementsByName("valeur[15]"))[0]); Line 1 of script changeimage("espagnol.png"); At unknown location [statement source code not available]

---

Existe-t'il un programme quelconque permettant d'obtenir des messages d'erreurs plus explicites (sous Linux de préférence, sous XP sinon) ?

Au passage, j'ai même essayé ("principale" étant le nom du document-mère - à la fois par name et par id) :

Code:

---

1 2 3

var myf = document.getElementById("principale"); alert (myf.getElementsByName('valeur[15]')[0]);

---

et là j'ai :

Code:

---

1 2	message: Statement on line 6: Could not convert undefined or null to object

---

Aucune fenêtre d'alerte javascript ne s'ouvre, par ailleurs.

Alors, je le répète, que l'absence de crochets permet au script de fonctionner parfaitement. J'ai du offenser le dieu des crochets quelque part...


Merci pour votre aide, au fait. j'apprécie ;)

tout ça pour un s .... :roll:


le s du pluriel ... il y a plusieurs element potentiels dans une collection ..

Code:

---

getElementSByName

---

Code:

---

1 2 3 4

parent.administration.getElementsByName('valeur[15]')[0].value='blabla'; parent.administration.getElementsByName('image[15]')[0].src='espagnol.png';

---

Cela ne fonctionne toujours pas. Même message d'erreur :cry:

alors ça vient de

Code:

---

parent.administration

---

c'est quoi parent ?
c'est quoi administration ?

Parent parce que le javascript est dans une iframe.
Administration est le "name" du formulaire où sont contenus les données à modifier.

Mais est-ce-que cela peut jouer, puisque le script obéi correctement lorsqu'il n'y a pas de crochets ? Je t'avoue que c'est cela qui me dérange : Pourquoi cela marche-t'il sans crochets, et pas avec.




Errat : Non, en fait, même sans crochets (avec ou sans le S ;) ), cela ne fonctionne plus, toujours avec les memes messages d'erreur.

Tandis que si je retourne à l'absence de crochets dans les données ET la commande javascript

Code:

---

1 2	parent.administration.image0.src='blabla.png';

---

... eh bien là ça marche, avec l'image "blabla.png" qui remplace l'image originelle.


Edit : Viens de voir ton message. J'essaie cela.

grr.

alors ça devrait donner ...

Code:

---

top.document.getElementsByName('valeur[15]')[0].value='blabla';

---

http://www.developpez.net/forums/sho...d.php?t=271424
:fleche: exemple 3

Bonjour,

Là, je commence à fatiguer un peu.

Pour "top", ca ne change rien, hélas. Toujours les mêmes messages d'erreur.


Pour l'idée d'Auteur, j'ai essayé : Maintenant, même sans crochets cela ne marche pas.
Les données sont BIEN passées d'une page à l'autre (elles apparaissent bien si l'on fait un "alert", par exemple.

MAIS ! Impossible de les utiliser pour changer quoi que ce soit.

Exemple, j'ai donc, comme le lien le proposait, inclu ce javascript dans la page mère (et son correspondant dans l'iframe) :

Code:

---

1 2 3 4 5 6 7 8

function afficheParent(valeur1,valeur2) { valeur3="valeur"+valeur1; valeur4="image"+valeur1; document.getElementsById[valeur3].value=valeur2; document.getElementsById[valeur4].src=valeur2; }

---

valeur1 et valeur2 sont BIEN reçues. si je mets un "alert(valeur1), j'ai bien la valeur attendue qui s'affiche (un nombre, par exemple 0)

Le code ciblé, présent un peu plus loin dans la page, est celui-ci :

Code:

---

1 2 3

<img src='../images/divers/rond_etoile/jaune.gif' border='1' name="image0" id="image0"> <input type='hidden' name='valeur0' id='valeur0' value=''>

---

MAIS quand je lance l'affaire, j'ai un beau "message: Statement on line 14: Could not convert undefined or null to object" de la part d'Opéra, Firefox quant à lui se contentant d'un laconique "Erreur*: document.getElementsById has no properties".
Et ce que j'utilise les crochets ou non, à présent :bug:

Bon. J'ai de la fumée qui me sort des oreilles, et il est 3 heures passées du matin. Vous me pardonnerez si je vais dormir un peu...

ben comme à cahque fois tu nous donne qu'unbout de code ...
là on ne sait pas en fait qui est parent de quoi et comment sotn appelées tes fonctions ...

à mon avis tu as juste un problème pour mettre la main sur tes objets dans ta structure, rien à voir avec les crochets, les id ou les name ...

• Code:

  ---

  1 2	document.getElementsById(valeur3).value=valeur2;

  ---

  Ce sont des parenthèses pas des crochets !!
  
• Il faut déclarer chaque variable :
  
  Code:

  ---

  1 2 3 4 5 6 7 8

  function afficheParent(valeur1,valeur2) { var valeur3="valeur"+valeur1; var valeur4="image"+valeur1; document.getElementsById(valeur3).value=valeur2; document.getElementsById(valeur4).src=valeur2; }

  ---

Citation:

---

http://www.developpez.net/forums/ima...or/menupop.gif Code javascript :
document.getElementsById(valeur3).value=valeur2;
Ce sont des parenthèses pas des crochets !!

---

Et en plus c'est document.getElementById() et non getElementsById() ;)

Ouais, bon, il était vraiment temps d'aller dormir (et puis, deux ans sans toucher ni au code, ni même à du javascript...) :oops:

Avec les rectifications d'Auteur et de roro06, ça marche !

Mon dieu, que je me sens mieux...

Merci énormément à tous ceux qui se sont donné du mal pour m'aider. J'en devenais dingue, moi. Pfou...

:D

le sommeil à été réparateur, je pense qu'un tout petit peu plus de rigueur de ta part aurait évité un tel troll ...

Heu... pour cette nuit, je veux bien l'admettre, mais pour ce qui est du fil lui-même il y avait réellement un problème : Le script marchait parfaitement si je voulais appeler des "name" sans crochet, mais refusait de le faire avec.
La solution proposée par "auteur" est un script complètement différent de celui du départ.

Citation:

---

Envoyé par roro06

Et en plus c'est document.getElementById() et non getElementsById() ;)

---

en effet je n'ai pas vue cette faute quand j'ai recopié le code :aie:

Auteur :aie: un peu de rigueur ! :mrgreen: