Pour ne pas te prendre la tête, tu créé une dizaine de champ vide invisible, que tu rend visible un par un au fur et à mesure des clic.
Utilise plutôt "display" que "visible" d'ailleurs.

[ JEROMAX ] http://www.jeromax.free.fr

Salut,
Tu n'es pas obligé de recharger la page pour cela. Il faut alors que tu utilises du DHTML (et les DOM).

Place ton input dans un <DIV> que tu modifieras à l'aide de la fonction innerHTML. Utilise une variable globale pour faire un compteur du nombre d'INPUT afin de leur donner un nom incrémentiel :

cpt_input = 1;

function ajout_input()
{
cpt_input++;
text = '<input type="texte" name="test'+ cpt_input + '">';
document.getElementById("les_inputs").innerHTML =+ text;
}

<div id="les_inputs"><input type="texte" name="test1"></div>

A tester et à améliorer...

Ceci n'est pas compatible NS4 et IE4 (c'est possible, mais demande plus d'effort).

-= Bobinours =-

Une petite fonction toute simple qui te permet d'inserer des inputs dynamiquement dans un formulaire.

<script language=javascript>
function fAddInput(txtType, txtName, txtId, txtValue)
{
var newInput= document.createElement("INPUT");
newInput.value=txtValue;
newInput.name= txtName;
newInput.id= txtId;
newInput.type = txtType;
var frm = document.forms[0];
window.frm.appendChild(newInput);
}
fAddInput("button","btnEssai","btnEssai", "Valider");

</script>

Tu peux insérer ton input, dans pas mal d'objets (Form, DIV, TR , ...)

function fAddInput(txtType, txtName, txtId, txtValue, objParent)
{
var newInput= document.createElement("INPUT");
newInput.value=txtValue;
newInput.name= txtName;
newInput.id= txtId;
newInput.type = txtType;
objParent.appendChild(newInput);
}
fAddInput("button","btnEssai","btnEssai", "Valider", objDiv);

Nettement plus propre.

-= Bobinours =-

Et en php exclusif, il est obligé de rafraichir ?

Kalamit,
Je ponce donc j'essuie

Euh... Oui.

-= Bobinours =-

ça veut dire quoi "php exclusif" ?
(parce que je n'ai pas vu de php...)

[ JEROMAX ] http://www.jeromax.free.fr

Bah je voulais dire par la, "uniquement en php". Les languages de script coté client ont une facheuse tendance à s'executer differement sur chaque navigateur...

Kalamit,
Je ponce donc j'essuie

Merci à tous pour votre aide. Je débute alors c'est pas facile. J'aimerais cependant ne pas mettre de JAVA dans mes pages, seulement du HTML et PHP. Je crée une interface sous forme de pages Web destinées à être le plus compatibles possibles avec tous les environnements...

Ah au fait, j'ai autre chose à vous demander : j'ai créé un formulaire html qui envoie les variables à une page en .php. Le problème c'est que cette page envoie à une autre page .php mais les variables entrées dans la 1ère page ne sont alors plus disponibles !... Je dois déclarer les variables en GLOBAL ou quoi ? Merci encore

!!!!! ATTENTION !!!!!
Ne mélange pas JAVA et JavaScript. C'est au JavaScript que tu fais allusion. Le JAVA n'a rien à voir. C'est un langage à part. Regarde sur ce site pour voir la différence.

Pour concerver des informations de pages en pages, ce n'est pas évident. Il y a plusieurs solutions : Les Cookies, Les sessions PHP et les champs de formulaires cachés.

Pour la dernière, il faut que tu crées autant de <INPUT type="hidden" name="nomDuCahmp" value="$valueDuChamp"> en récupérant les valeurs grace à PHP.
Elles seront alors retransmises à la page suivante.

-= Bobinours =-

Bonjour, je relance le sujet 5 ans plus tard!

Je suis très intéressé par cette fonction, mais je n'arrive pas à m'en servir,

""""
window.frm has no properties
[Break on this error] window.frm.appendChild(newInput);
""""
quelqu'un peut-il mettre un exemple de code html avec un boutton qui ajouterai un nouvel input SVP?

merci bcp par avance !

Primo) C'est pas malin de faire renaitre un topic qui date de y'a 5ans
Secondo) Pas la peine de s'en vanté °°
Tercio) Deux code on été donnée et ils marchent parfaitement, a toi de les adaptés.

Tout à fait d'accord avec Tiller. C'est scandaleux de faire resurgir un vieux post du forum. La mort est encore trop douce pour des gens de ton espèce.

Ceci étant dit, Le code d'A'Gain semble tout à fait correct. Il est simplement incomplet. As-tu mis l'ensemble de son code dans ta page et particulièrement la ligne :
var frm = document.forms[0];
Si oui, as-tu défini une balise <form> dans ta page ?
La ligne précédente récupère les informations du premier formulaire présent dans ta page HTML, hors ton message d'erreur semble indiquer qu'il n'en trouver aucun.

N'hésite pas à montrer l'ensemble de ton code si ça ne fonctionne toujours pas.


PS : Passe au bureau de la comptabilité pour prendre ton chèque... -= Bobinours =-

Oui oui merci je suis un gros con qui mérite la mort je sais j'ai compri,

BREF

mon code donne ça:

<html>
<head>
<script language=javascript> 
function fAddInput(txtType, txtName, txtId, txtValue) 
{ 
var newInput= document.createElement("INPUT"); 
newInput.value=txtValue; 
newInput.name= txtName; 
newInput.id= txtId; 
newInput.type = txtType; 
var frm = document.forms[0]; 
window.frm.appendChild(newInput); 
} 
</script>
</head>
<body>

<form>
<input value="Ajouter"  type="button" onclick='fAddInput("text","btnEssai","btnEssai", "Valider");'/>
</form>

</body>
</html>

<html>
<head>
<script language=javascript> 
function fAddInput(txtType, txtName, txtId, txtValue) 
{ 
var newInput= document.createElement("INPUT"); 
newInput.value=txtValue; 
newInput.name= txtName; 
newInput.id= txtId; 
newInput.type = txtType; 
document.getElementById('mon_formulaire').appendChild(newInput); 
} 
</script>
</head>
<body>

<form id="mon_formulaire">
<input value="Ajouter"  type="button" onclick='fAddInput("text","btnEssai","btnEssai", "Valider");'/>
</form>

</body>
</html>

Et beh sa fait plaisir d'aider de cons comme ça °°