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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
| //n'oublies pas d'inclure la librairie Jquery
<script>
$(function(){
var compteur = 1;
$('#ajouter').live({
click: function(){
var bouton = $(this);
var ligne = $(this).parent().parent();
var flag =true;
if($('#piece_jointe_'+compteur).val() != ''){
$('input[type="file"]').each(function(){
if($('#piece_jointe_'+compteur).val() == $(this).val() && $(this).attr("id") != 'piece_jointe_'+compteur){
alert('Vous avez déjà ajouté ce fichier !')
$('#piece_jointe_'+compteur).val('');
flag = false;
}
});
if(flag){
ligne.before('<tr><td><input type="file" id="piece_jointe_'+(compteur + 1)+'" name="piece_jointe[]" ><input type="hidden" name="MAX_FILE_SIZE_'+(compteur + 1)+'" value="2097152"></td><td><input type="button" name="ajouter" id="ajouter" value="Ajouter" /></td></tr>');
ligne.find('input[type="button"]').replaceWith('<input type="button" name="retirer_'+compteur+'" id="retirer_'+compteur+'" value="Retirer" />');
compteur++;
}
}
return false;
}
});
$('input[id^="retirer_"]').live({
click: function(){
$(this).parent().parent().remove();
return false;
}
});
});
</script>
//formulaire :
<div>
<fieldset><legend><b>Demande de devis : </b></legend>
<form action="traitement.php" method="post" enctype="multipart/form-data">
<table style="width: 100%;">
<tr>
<!-- tes champs -->
</tr><tr>
<td colspan="2"><b>Pièce(s) jointes : </b></td>
</tr><tr>
<td><input type="file" id="piece_jointe_1" name="piece_jointe[]"/><input type="hidden" name="MAX_FILE_SIZE_1" value="2097152"/></td>
<td><input type="button" name="ajouter" id="ajouter" value="Ajouter"/></td>
</tr><tr>
<td colspan="2"><input type="submit" name="valider" id="valider" value="Envoyer"/></td>
</tr>
</table>
</form>
</fieldset>
</div> |
Partager