[Javascript / DOM (?)] Renommer un element de formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Javascript / DOM (?)] Renommer un element de formulaire

Eldrik

Salut à tous !

Je suis en train de faire un code en javascript, qui sur une page html récupère le premier fils d'une balise <fieldset>, et en crée une copie à la fin de cette même balise...

Seulement, vu que ces entrées doivent etre récupérées dans un formulaire, j'aimerais pouvoir changer le nom des input ou select que je copie, sinon je ne peux récupérer les infos de la derniere copie que j'ai effectuée seulement..

Brefle, voila le code, si des âmes charitables sont prêtes à me donner un petit conseil... Merci d'avance

Les fonctions JS :

Code :

echo '<script type="text/javascript">
nbcases=1;
function addDiplome(id)
{
var diplome = document.getElementById("fs"+id).cloneNode(true);
document.getElementById("formation" ).appendChild(diplome);
nbcases=nbcases+1;
}
function delDiplome()
{
if(nbcases!=1)
{
formation.removeChild(formation.lastChild);
nbcases=nbcases-1;
}
}
</script>';

Le formulaire à proprement parler :

Code :

echo "<fieldset id='formation' style='height: auto;'><legend>Formation :</legend>";
echo "<a href=\"javascript:addDiplome('0');\">[Ajouter un diplome]</a> - <a href=\"javascript:delDiplome();\">[Supprimer le dernier diplome]</a>";
//Liste déroulante des formations, des diplôme et année du diplôme
echo "<fieldset id='fs0'><label>Type de formation : </label>";
echo "<select name='type_formation'>";
echo "<option value='-1'>Inconnu/Autre";
echo "<option value='0'>Initiale";
echo "<option value='1'>Continue";
echo "</select><br />";
echo "<label>Diplôme :</label>";
echo "<select name='diplome_lib'>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "<option>...</option>";
echo "</select><br />";
echo "<label>Année d'obtention du diplôme :</label><input type='text' name='annee' size='4' maxlength='4' value='".$diplome_annee."'><br /></fieldset>";
echo "</fieldset><br />";

PS : Les value des options sont manquantes, c'est normal...
Le fieldset à copier est donc 'fs0', et il est toujours rajouté à la fin de 'formation'
Il me faudrait donc le renommer en fs1, fs2, ainsi de suite.. et renommer les input et select contenus en type_formation+id par exemple.

J'ai essayé des getElementByName("type_formation" ).name="xxx"; mais ça ne passe pas... Idem avec .nodeName .. je n'arrive pas vraiment à trouver d'exemple ou de tutorial sur ça.

N'hésitez pas à me dire si c'est sérieusement crade ou pas comme code... C'est mon premier essai seulement :hello:

Edit 2 : La variable id ne sert pas à grand chose pour le moment, je l'ai gardée depuis quelque modifications où elle servait à quelque chose.. :jap:

Message édité par Eldrik le 15-06-2006 à 09:41:21

Publicité

nargy

ouais, hyper crade

J'ai pas très bien compris le problème, en fait, c'est un poil confu.

J'ai l'impression que tu veux faire une sorte de liste de diplomes, avec des boutons pour ajouter/supprimer des diplomes en JS.

Dans ce cas, plutôt que de copier/coller un diplôme existant, pourquoi pas ajouter un diplome vide, avec les champs qui faut, puis le remplir avec des valeurs par défaut? Les valeurs par défaut peuvent être prisent dans un autre diplome, ou fixées au départ.

Petite remarque en passant: dans le CSS height:auto ne sert pas à grand chose, si?

Edit: essaye: element.innerHTML='du html ici';

Message édité par nargy le 15-06-2006 à 10:33:03

Eldrik

Hello, c'est ça pour l'idée - je gère des étudiants qui passent un diplome ou plus, et ce serait le formulaire de saisie pour lui en rajouter ou lui en supprimer...
Si j'avais pu copier / coller la partie existante et changer le name ça aurait été pratique et rapide

Je comprends pas vraiment; quand tu dis plutot que de copier/coller un diplome existant... Le code donnée plus haut ne me copie pas les choix déja faits, simplement la structure?

Le height: auto; ne sert à rien en effet, c'est encore un reste qui n'a rien à faire là...

Je vais nettoyer toute cette maÿrde et voir le element.innerHTML qui a l'air bien intéréssant

Merci pour les infos !

nargy

J'ai l'impression que tu fais ça avec PHP.
P'tit indication: ne perd pas patience sur l'imbrication de HTML dans du javascript dans du HTML dans du PHP... enfin, tu va comprendre, joue un peu avec addslahes() et htmlentities().

Sinon, ouais c'est une sorte de copier/coller que tu faisait.

Autre petite remarque: tu as deux tags par diplôme, <fieldset> et <br>, ce qui fait que je ne suis pas sûr que ta fonction JS qui removeLastChild() fonctionne parfaitement...

Eldrik

Hop, voila à quoi ça ressemble, seul souci est qu'il manque donc le renommage des champs, et donc probleme lors du POST :

Non, je perds pas patience

Et le removeLastChild() passe en effet sous fofox et non sous IE... Je vais voir cette balise :jap:

nargy

il me semble qu'en utilisant le CSS:
clear: both;
tu peut éviter le <br>

FORUM HardWare.fr

Programmation

HTML/CSS

[Javascript / DOM (?)] Renommer un element de formulaire

Sujets relatifs
Transmettre une variable d'un popup à un formulaire ?	envoyer un formulaire dans un formulaire...
[RESOLU] liaison javascript / PHP	[javascript] Interpreter les balises html
[JAVASCRIPT] Un pied de page qui ne marche pas...	formulaire HTML sans script CGI
Liens et javascript	Comparaison attribut d'élément
Formulaire	formulaire et popup
Plus de sujets relatifs à : [Javascript / DOM (?)] Renommer un element de formulaire

Page générée en 0.043 secondes