Recherche fonction pour ajouter plusieurs fois un meme paragraphe

Marsh Posté le 21-11-2007 à 19:41:32

Bonjour à tous

Je crée une petite page web mais je bute sur un problème certainement basique

Tout bêtement, j'ai quelques boutons, un formulaire et une champ de texte.
J'aimerai (beaucoup) pouvoir cliquer sur un bouton (ou n'importe quoi d'autre) et ajouter autant que je veux de ce petit groupe...

J'ai regardé beaucoup truc a base de innerHTML et de getElementById mais ca ne donne pas grand chose

Je suis ouvert à toutes propositions
A votre bon coeur

---------------
'Mon Feedback'

Marsh Posté le 21-11-2007 à 19:41:32

Marsh Posté le 21-11-2007 à 20:39:39

si j'ai bien compris, tu as une série de champs que tu aimerais par suite d'un click ou autre, reproduire dynamiquement ?

alors voilà le topo, tu as (normalement) une balise FORM avec un id. Grace à cette id tu peux le choper en javascript et lui ajouter des élements grâce aux méthodes DOM.

un truc comme ca (c basique) :

Code :

<script>
var addFields = function ()
{
var monForm = document.getElementById ('monForm'); // on chope le formulaire
var maxName = monForm.elements.length + 1; // on en déduit le nombre d'element poutr créer un attribut name qui va bien
var newField = document.createElement ('INPUT'); // on crée l'élement
newField.type = "text"; // on définie ses attributs, on peut passer aussi par element.setAttribute ("attribut", "valeur" )
newField.value = "blablaX";
newField.name = "name" + maxName; // le fameux "name"
monForm.appendChild (newField); // on ajoute
return true;
}
</script>
...
...
<form id="monForm" name="monForm" method="" action="">
<input type="text" name="text1" value="blabla1">
<input type="text" name="text2" value="blabla2">
</form>
<input type="button" id="btnAdd" value="ajouter des champs" onclick="addFields ()">

Voilà ca devrait donner qqch je pense

---------------
We deserve everything that's coming...

Marsh Posté le 21-11-2007 à 23:12:52

Merci beaucoup

Ca m'aide bien je vais pouvoir continuer

---------------
'Mon Feedback'

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *