Discussion :

[hash95]

Bonjour,

voilà j'ai un bout de code qui rajoute des champs de formulaire à chaque clic sur un bouton.
Je voudrais le modifier pour que celui-ci affiche un nombres définis de champs.
Par exemple on entre le nombre de champs dans un champs texte puis on clique sur un bouton et les champs apparaissent (sans rechargement de la page si possible).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<script type="text/javascript">
//<![CDATA[
function create_champ(i)
{
var i2 = i + 1;
 
document.getElementById('input_'+i).innerHTML = '<div id="champs_'+i+'">Nom d\'utilisateur '+i+' : <input name="user_login_'+i+'" type="text" onKeyUp="myplugin_ajax_elevation(this.form.user_login_'+i+', \'user_'+i+'_message\');" /> <span id="user_'+i+'_message"></span></div>';
document.getElementById('input_'+i).innerHTML += (i <= 10000) ? '<div id="input_'+i2+'"><input class="input2" type="button" onClick="javascript:create_champ('+i2+')" value="Ajouter un utilisateur"></div>' : '';
}
//]]>
</script>
<div class="wrap">
<h2>Ajouter un nouvelle utilisateur</h2>
 
<form action="#add-new-user" method="post" name="adduser" id="adduser">
<?php wp_nonce_field('add-user') ?>
 
<div id="champs_1">
Nom d'utilisateur 1 &nbsp;: &nbsp;<input name="user_login_1" type="text" onKeyUp="myplugin_ajax_elevation(this.form.user_login_1, 'user_1_message');" />
<span id="user_1_message"></span>
</div>
 
<div id="input_11"><input name="button" type="button" class="input2" onClick="javascript:create_champ(2)" value="Ajouter un utilisateur"></div>
</form>
</div>

Merci