Ajout d'éléments à un formulaire en JavaScript

  • LewsTherin_74
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 29, 2004
  • Messages: 4
  • Status: Offline

Message Avril 29th, 2004, 12:47 am

Salut,

J'ai besoin d'ajouter des éléments dinamically à un formulaire en JavaScript. Je pense que la méthode addChild serait utile et j'ai essayé le texte suivant:

var objForm = document.getElementById ( "idForm");
objForm.addChild (element);

mais elle produit un message d'erreur disant que le but ne doit pas accepter la méthode.

Comment pourrais-je ajouter des éléments à un formulaire?
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 29th, 2004, 12:47 am

  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 29th, 2004, 1:06 am

Dont la tenue de ce contre-moi si Im complètement faux lol!

Il est la propriété innerHTML InnerText ou que vous pourriez être en mesure d'utiliser. Im pas sûr que l'on vous avez besoin d'utiliser et il ya des questions compatibillity avec l'un d'eux.

Toutefois, si vous voulez ajouter des éléments de forme tout le temps ma avoir à déranger les tenir tous les ans afin que les variables ne pas écrire sur eux au cours de la prochaine édition. Et vous aurez besoin de garder la trace des variables.

Je pense que cela fonctionnera, mais il est probablement une meilleure méthode thats un peu soignée!
CSS website design tutorials
  • Tannu4u
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 29, 2004
  • Messages: 480
  • Loc: India
  • Status: Offline

Message Avril 29th, 2004, 3:15 am

Définitivement, la méthode permettra InnerText u do u want la chose ot faire quand je serai libre alors je vais ajouter le code trop jusque-là et essayer.....
Amit
My Blog http://www.amityadav.name
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Avril 29th, 2004, 3:36 am

Essayez ceci sur la taille :D
Testé avec IE6, NS7, FFox.08
Code: [ Select ]
<html>
<head>
<title>Adding elements to a form</title>
<script language="javascript">
var items=1;
function AddItem() {
 div=document.getElementById("items");
 button=document.getElementById("add");
 items++;
 newitem="<b>Item " + items + ": </b>";
 newitem+="<input type=\"text\" name=\"item" + items;
 newitem+="\" size=\"45\"><br>";
 newnode=document.createElement("span");
 newnode.innerHTML=newitem;
 div.insertBefore(newnode,button);
}
</script>
</head>
<body>
<h1>Adding Form Elements</h1>
<p>The form below allows you to add elements dynamically.</p>
<hr>
<form name="form1">
<div ID="items">
<b>Item 1:</b>
<input type="text" name="item1" size="45">
<br>
<input type="button" value="Add an Item"
onClick="AddItem();" ID="add">
</div>
</form>
</body>
</html>
  1. <html>
  2. <head>
  3. <title>Adding elements to a form</title>
  4. <script language="javascript">
  5. var items=1;
  6. function AddItem() {
  7.  div=document.getElementById("items");
  8.  button=document.getElementById("add");
  9.  items++;
  10.  newitem="<b>Item " + items + ": </b>";
  11.  newitem+="<input type=\"text\" name=\"item" + items;
  12.  newitem+="\" size=\"45\"><br>";
  13.  newnode=document.createElement("span");
  14.  newnode.innerHTML=newitem;
  15.  div.insertBefore(newnode,button);
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <h1>Adding Form Elements</h1>
  21. <p>The form below allows you to add elements dynamically.</p>
  22. <hr>
  23. <form name="form1">
  24. <div ID="items">
  25. <b>Item 1:</b>
  26. <input type="text" name="item1" size="45">
  27. <br>
  28. <input type="button" value="Add an Item"
  29. onClick="AddItem();" ID="add">
  30. </div>
  31. </form>
  32. </body>
  33. </html>


Si vous ajoutez un groupe de cases à cocher ou somthing du tri que vous souhaitez mai à n'épargner aucun élément créé dynamiquement ont le même code d'identification afin que vous puissiez y accéder à travers un tableau :wink:
Strong with this one, the sudo is.
  • LewsTherin_74
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 29, 2004
  • Messages: 4
  • Status: Offline

Message Avril 29th, 2004, 3:58 am

Salut à tous,

merci pour la réponse. Si je innerHTML utiliser les nouveaux éléments seront peints dans ma page, n'est-ce pas? Bu mon problème est que je ne tiens pas à être peint.

Mon problème est: Ive a obtenu deux formulaires et j'ai besoin d'envoyer tous les éléments contenus dans les deux formes lorsque je présente l'un d'eux. J'ai donc besoin d'ajouter les éléments de l'un à l'autre avant la présenter est fait. Peut-on faire?

Merci
  • LewsTherin_74
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 29, 2004
  • Messages: 4
  • Status: Offline

Message Avril 29th, 2004, 4:00 am

Salut à tous,

merci pour la réponse. Si je innerHTML utiliser les nouveaux éléments seront peints dans ma page, n'est-ce pas? Bu mon problème est que je ne tiens pas à être peint.

Mon problème est: Ive a obtenu deux formulaires et j'ai besoin d'envoyer tous les éléments contenus dans les deux formes lorsque je présente l'un d'eux. J'ai donc besoin d'ajouter les éléments de l'un à l'autre avant la présenter est fait. Peut-on faire?

J'ai déjà une fonction qui reçoit les deux formes ( "source" et "cibles") et lit les sources d'éléments...mais je ne peux pas ajouter à la "cible" forme.

Merci
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 29th, 2004, 4:02 am

yeah:

lorsque vous soumettez un, exécuter un javascript qui ne Joebert comme le dit, mais de détecter les innerHTML de l'autre forme, et écrit que dans le premier formulaire ci-dessous, puis soumet. En 30 secondes joebert aura codée une solution complète et entièrement testés et annotée :D Je pense que hes s'ennuie aujourd'hui :lol:
CSS website design tutorials
  • Tannu4u
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 29, 2004
  • Messages: 480
  • Loc: India
  • Status: Offline

Message Avril 29th, 2004, 5:17 am

oui sa goo de travail donnée par le code joebert Je l'ai testé.
Amit
My Blog http://www.amityadav.name
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 29th, 2004, 5:38 am

Un peu mieux serait de lancer une boucle à travers chacun des éléments de la forme b (en supposant que vous soumettez à partir de la forme a) et de prendre les id / nom et la valeur de chaque élément et de créer tout un tas d'éléments de formulaire cachés dans un , puis présenter....

Bien sûr, cela est beaucoup plus facile si votre formulaire de méthode, c'est de passer, dans ce cas, vous pouvez juste écrire l'url dynamique et gagner beaucoup de tracas :) Ou encore mieux est d'avoir un seul formulaire :lol: mais je pense que ces deux sont possibles dans votre sitiuation.
CSS website design tutorials
  • LewsTherin_74
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 29, 2004
  • Messages: 4
  • Status: Offline

Message Avril 29th, 2004, 7:07 am

Salut,

mon code est quelque chose comme ça. Ive vérifié que copyForm en fonction de tous les éléments de objSourceForm sont copiés dans newElement variable. Mon problème est que je ne sais pas comment je peux ajouter à objTargetForm (commenté en ligne):


myFunction fonction () (
var objForm1 = document.getElementById ( "idForm1");
var objForm2 = document.getElementById ( "idForm2");
copyForm (objForm1, objForm2);
objForm2. submit ();
)

fonction copyForm (objSourceForm, objTargetForm) (
var num = objSourceForm.elements.length;
var objSource;
for (var i = num -1; i> = 0; i -) (
objSource = objSourceForm.elements [i];
if ((objSource.type! = "button ")&&( objSource.type! =" submit ")) (
newElement var = objSource.cloneNode (true);
/ / comment puis-je ajouter newElement à objTargetForm?
)
)
)


Merci encore

Afficher de l'information

  • Total des messages de ce sujet: 10 messages
  • Utilisateurs parcourant ce forum: Bigwebmaster et 219 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC