[Débutant] Javascript qui modifie un label

Bonjour,

Une solution serait d'utiliser un Div caché qui se repliera. Avant tout afin d'enrichir les composant de base d' ASP .NET, je te propose d'utiliser la bibliothéque Ajax Control ToolKit

AjaxFileUpload te permettra d'avoir des événements coté client, par exemple lorsque un fichier a été uploadé, grâce à sa méthode OnClientUploadComplete
C'est d'ailleur ce que nous avons besoin ici :

1. Ajoute cette méthode dans ton composant AjaxFileUpload, puis affecte lui le nom de ton script javascript que te permettra d'afficher le nom du fichier à uploader, exemple

Code:

OnClientUploadComplete = "fileUploaded"

2. Ton div est par exemple de ce genre :

Code:

1
2
3
<div id="exFileList" class="file-list">                                           
<strong id="info" style="display:none;">Fichier(s) à télécharger:</strong>
                                        </div>

3. Voici le script javascript qui te permettra d'afficher le nom du ficher à uploader :

Code:

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
<script type="text/javascript">                          //<![CDATA[
 
 
                              var fileList = null,
                                    fileListUL = null;
                              var strongInfo = null;
                              function fileUploaded(sender, args) {
                                  var name = args.get_fileName(),
                                         li = document.createElement("li");
 
 
                                  if (fileList == null) {
                                      fileList = document.getElementById("exFileList");
                                      fileListUL = document.createElement("ul");
                                      fileList.appendChild(fileListUL);
 
 
                                      fileList.style.display = "block";
                                  }
                                  strongInfo = document.getElementById("info");
                                  if (strongInfo.style.display == "none") {
                                      strongInfo.style.display = "inline";
                                  }
 
 
                                  li.innerHTML = name;
                                  fileListUL.appendChild(li);
                              }
 
                          //]]>
                         </script>