IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

ASP.NET Discussion :

UpdateProgress et masquage de bouton


Sujet :

ASP.NET

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 29
    Par défaut UpdateProgress et masquage de bouton
    Bonjour,

    je travaille actuellement sous Visual Studio 2008 et C# sur une appli Web.

    J'ai une page qui me pose un petit souci. Elle propose d'importer un fichier en appuyant sur un bouton. Le traitement prend anviron 5 mns. Du coup, pour faire patienter l'utilisateur j'essaie de mettre en place un UpdateProgress avec un gif animé - qui marche bien à l'heure actuelle.
    Cependant, je voudrais rendre inactif ce fameux bouton pendant tout le traitement et le réactiver ensuite.
    Voici un bout de code assez simpliste :

    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
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
     
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
              <fieldset>
                <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                  <br />
                  <br />
                <asp:Button runat="server" ID="button_import" Text="Button" onclick="Unnamed1_Click" 
                      OnClientClick ="test.style.visibility='hidden';"/>
              </fieldset>
            </ContentTemplate>
        </asp:UpdatePanel>
     
        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
            <ProgressTemplate>
                <img src ="../ressources_css/ajax-loader.gif" alt ="Loading" /> 
            </ProgressTemplate>
        </asp:UpdateProgress>
    le but étant de désactiver le bouton 'button_import'.

    merci d'avance, si quelqu'un a une idée..

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Avec le peu de connaissance en ASP, essayes ceci :
    Dans le onclientclick. Si ça marche pas, alors la version longue
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('button_import').enabled=false;
    Pour le réactiver à la fin de l'upload, alors là il faut faire appel à la méthode de Succès et y mettre ton javascript

  3. #3
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    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
    27
    28
    29
    30
     
    <script type="text/javascript" language="javascript" >
        // On rajoute une fonction qui s'exécutera à toutes les initialisations de requête Ajax
        Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequestHandlerResult);
     
        // On rajoute une fonction qui s'exécutera à tous les retours de requête Ajax
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandlerResult);
     
        function InitializeRequestHandlerResult(sender, args)
        {
            if(sender._postBackSettings.sourceElement.id == '<%= button_import.ClientID %>')
            {
                //On masque le bouton
                $get('<%= button_import.ClientID %>').style.visibility = 'hidden';
     
                return true;
            }
        }
     
        function EndRequestHandlerResult(sender, args)
        {
            if(sender._postBackSettings.sourceElement.id == '<%= button_import.ClientID %>')
            {
                //On affiche le bouton
                $get('<%= button_import.ClientID %>').style.visibility = 'visible';
     
                return true;
            }
        }
    </script>

  4. #4
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 29
    Par défaut
    Nickel

    Merci à vous

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Masquage et démasquage boutons
    Par Benji59 dans le forum VB 6 et antérieur
    Réponses: 14
    Dernier message: 14/05/2008, 18h02
  2. Masquage/démasquage d'un bouton
    Par marc56 dans le forum Excel
    Réponses: 2
    Dernier message: 09/08/2007, 17h45
  3. Pop-up d'une dialog box a partir d'un bouton
    Par bobbyjack dans le forum MFC
    Réponses: 21
    Dernier message: 13/09/2005, 15h32
  4. Bmp pour boutons
    Par Fizgig dans le forum Outils
    Réponses: 5
    Dernier message: 22/08/2002, 10h56
  5. Afficher/Masquer un bouton comme IE 6
    Par benj63 dans le forum C++Builder
    Réponses: 3
    Dernier message: 29/07/2002, 13h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo