Gif animée ne bougeant plus lors de l'éxécution d'une requête
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:
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:
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:
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 :
http://www.olympia.nl/images/progressbar.gif
Le flux est-il interrompu dans ces cas là ? 8O
