Lidt pinligt når jeg nu er C# udvikler, men jeg kan ikke finde få dette til at virke, selvom jeg har fundet mange lignende problemstillinger på Google.
Jeg har en asp.net side som loader mange data. Det tager ca. 2 minutter, før siden vises. Jeg vil gerne have en såkaldt "spinner" gif til at køre mens data loades.
For at holde det simpelt, har jeg lavet dette eksempel:
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
-
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div id="loaderDiv" runat="server">
- <img src="Loading.gif" alt="" />
- </div>
- <div id="myData" runat="server">
- mine data er nu loaded....
- </div>
- </form>
- </body>
- </html>
og min code-behind:
- protected void Page_Load(object sender, EventArgs e)
- {
- LoadData();
- }
Alle eksempler jeg har fundet på nettet fungerer ved at man klikker på en knap og så laves der noget med enten AJAX eller jQuery. Men jeg vil have at den skal vise min "LoaderDiv" lige når siden vises og fjerne den igen, når LoadData() er eksekveret.
Hvad gør jeg og jeg vil helst bruge jQuery hvis muligt?