Ajout d'un champ auto

**T-Tus** · 04/11/2007, 13h21

Hello,

Bon voila j'ai un petit problème avec un ajout de champs "file" automatiquement seulement voila j'aimerais limiter cet ajout a 10 par exemple.

Comment puis-je faire ?

Voici mon code actuel :

-> Code entre <HEAD> & </HEAD>

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
 
<script>
/* Ajout d'un champ photo */
function add_field() {
  var d = document.getElementById('cible');
  var n = d.childNodes.length;
  var p = document.createElement("p");
  d.appendChild(p);
  var input = document.createElement("input");
  input.type = 'file';
  input.name = 'photos'+n;
  p.appendChild(input);
  document.getElementById('cible').style.visibility = 'visible';
 
}
</script>

-> Code entre <BODY> & </BODY>

Code :

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

1
2
3
4
 
<input name="photos" type="file" size="20" onClick="javascript:add_field()">
<br>
<div id="cible" name="cible" onClick="javascript:add_field()"></div>

Cela fonctionne tres bien mais comment limité l'ajout de champs ?

Merci

**arkandias** · 04/11/2007, 17h02

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
 
<script>
/* Ajout d'un champ photo */
 
num_champs = 0;
 
function add_field() {
  if ( num_champs < 10 ) {
    var d = document.getElementById('cible');
    var n = d.childNodes.length;
    var p = document.createElement("p");
    d.appendChild(p);
    var input = document.createElement("input");
    input.type = 'file';
    input.name = 'photos'+n;
    p.appendChild(input);
    num_champs++;
    document.getElementById('cible').style.visibility = 'visible';
 }
}
</script>