Discussion :

[Jsh]

Bonjour,

Désirant faire une page en "presqu'Ajax" voici ce qui m'arrive :
J'ai des champs Login & mdp et un bouton "connecter" (webforms)
Lorsque je clique sur le bouton j'envoie une requête (msSQL) pour rechercher l'utilisateur du site.
Pendant cette recherche, je grise la page, rend le bouton disabled et fait apparaitre en premier plan un <div> qui contient une GIF animée de progressBar.

Mais lors de l'éxécution de la requête ma GIF n'est plus animée !

voici mon bout de code :

1.Dans la page behind .vb j'ai :

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
31
32
33
34
35
 
 
Imports System.Data.SqlClient
 
Partial Class _Default
    Inherits System.Web.UI.Page
 
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Button1.Attributes.Add("onclick", "javascript:Show();")
    End Sub
 
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
 
        Dim cnx As New SqlConnection
        cnx = SeConnecter()
        Dim reader As SqlDataReader = New SqlCommand("Select * from TABLE", cnx).ExecuteReader
        Label1.Text = "<table>"
        While reader.Read
            Label1.Text += "<tr><td>" & reader.GetString(4) & "</td></tr>"
        End While
        reader.Close()
        cnx.Close()
 
        Label1.Text += "</table>"
 
    End Sub
 
 
    Public Function SeConnecter() As SqlConnection
        Dim ChConnexion As String = "***"
        Dim connection As SqlConnection = New SqlConnection(ChConnexion)
        'Ouverture
        connection.Open()
        Return connection
    End Function

2.Ma fonction Javascript qui est dans le head de ma page :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script language="JavaScript" type="text/javascript">
    function Show() 
    {
        window.status="Merci de patienter, chargement des données...";
        Box.style.display='';
        Box.style.pixelTop=(document.body.clientHeight/2)-(Box.offsetHeight/2)+(document.body.scrollTop); Box.style.pixelLeft=(document.body.clientWidth/2)-(Box.offsetWidth/2)+(document.body.scrollLeft);
    }
    </script>

3.Et dans mon Body j'ai :

Code :

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

1
2
3
4
5
6
7
8
9
 
<form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="Envoyer" />
        <asp:Label ID="Label1" runat="server"></asp:Label>
<span id="Box" style="PADDING-RIGHT:20px; DISPLAY:none; PADDING-LEFT:20px; filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#B0B0B0,strength=5) progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75) progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fbd19e,endColorStr=#f7941d); PADDING-BOTTOM:20px; FONT:bold 9pt/1.3 Trebuchet MS; COLOR:#ffffff; PADDING-TOP:18px; POSITION:absolute; height:60px; left: 35%; vertical-align: middle; top: 15%; text-align: center;"> 
            <br />
            <img src="Images/progressbar8.gif" alt=""/><br />
            Merci de patienter : Traitements en cours...</span>
    </form>

Voici mon image :



Le flux est-il interrompu dans ces cas là ?

[Azephel]

Peut-être que si l'image est préchargée avant l'exécution de la requête, la gif bougera.
J'espère que quelqu'un connait le moyen de précharger une image dans le code-behind, ce pourrait être une piste interessante.

[elkamy]

Salut JS,

Je fais un peu la meme chose que toi , mon gif est différent mais ca reste un gif.

par contre j'ai utilisé un update panel pour ma page , et un update progress pour mon gif et ca marche pas mal...

Regarde peut etre de se coté.


Le framework AJAX : http://ajax.asp.net/

Ps: SEVEA ca tourne tj ?