refresh d'un label avec un flash

Version imprimable

Bien le bonjour a tous

voici ci-dessous le code d'une page en test dans la quelle je mets un label ( label1), qui doit m'indiqué l'heure en continu, mais lors de refresh toutes les sec, toute la page fait un flash et c'est pas tres agréable dois-je dire. Si quelqu'un vois le pourquoi, j'en serais bien heureux ....

partie VB

Code:

1
2
3
4
  Protected Sub Timer1_Tick(sender As Object, e As EventArgs) Handles Timer1.Tick
            Label1.Text = DateTime.Now.ToLongTimeString()
 
      End Sub

partie ASP

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb"%>
 
<!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>
 
 
    <style type="text/css">
        .style1
        {
            width: 100%;
            border-collapse: collapse;
 
        }
    </style>
</head>
<body  background="Images/Background_black.jpg">
    <form id="form1" runat="server">
    <div>
 
        <table cellpadding="0" class="style1">
            <tr>
                <td>
                    &nbsp;</td>
                <td style="width: 1024px">
                    <br />
                    <asp:Timer ID="Timer1" runat="server" Interval="1000">
                    </asp:Timer>
                    <br />
                    <asp:ScriptManager ID="ScriptManager1" runat="server">
                    </asp:ScriptManager>
                    <br />
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:Label ID="Label1" runat="server" style="color: #FFFF66" Text="Label"></asp:Label>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <br />
                    <br />
                    <br />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="vertical-align: top; text-align: right;">
                    &nbsp;</td>
                <td style="background-position: center top; width: 1024px; background-image: url('Images/1024x900.png'); background-repeat: no-repeat; height: 900px; vertical-align: top;">
 
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td style="width: 1024px">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td style="width: 1024px">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
 
    </div>
    </form>
</body>
</html>

06/11/2012, 10h47
calagan99

Bonjour,

ta page est intégralement rechargée à chaque mise à jour du label... D'où le flash.
Il va falloir passer par de l'Ajax (JQuery, AjaxControloolkit ou un bon vieux javascript) si tu veux éviter cela.

la fonction UpdatePanel n'est pas là pour éviter cela?

Code:

1
2
3
4
5
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:Label ID="Label1" runat="server" style="color: #FFFF66" Text="Label"></asp:Label>
                        </ContentTemplate>
                    </asp:UpdatePanel>

08/11/2012, 18h29
snopims

Si tu places le timer dans le updatepanel ?
12/11/2012, 16h00
thierry007

et bien le problème est le même :cry:
13/11/2012, 13h21
vanquish

Étonnant que le Timer dans le ContentTemplate ne règle pas le problème.

J'ai regardé une de mes vieilles pages, mon ScriptManager a 2 propriétés en plus du tien : EnableScriptGlobalization="True" EnablePageMethods="True".
Je ne sais pas si cela a un lien.

Essai de gérer un Bouton plutôt qu'un Timer pour voir si c'est les événements lié à ce dernier qui ne sont pas compatibles.

Mais je rejoins quand même calagan99 : utiliser ASP.Net pour la tâche que tu décris n'est pas une bonne solution ; javascript serais meilleurs.

Chaque personne qui consultera ta page, va générer une requête vers ton serveur (et donc le solliciter) toutes les secondes, alors que le boulot peut très facilement être fait par le client (en javascript donc). Même si la page n'est que partiellement rafraichie (ce qui évite le flash), la page est quand même chargé en entier, coté serveur, et si mes souvenirs sont exacts, le Page_Load est exécuté à chaque fois.

Si tu devais afficher des données liés à un SGBD, ce serais différents - et encore ... perso, je ferais une WebMethod appelée par JQuery.

D'une façon générale, même si l'Ajax Control Toolkit continue sa petite vie, Microsoft pousse beaucoup jQuery.

cf : http://www.asp.net/ajaxlibrary/cdn.ashx

Certes cela oblige à maitriser javascript (dont l'absence était le dogme de départ de Microsoft Ajax/Atlas), mais c'est terriblement plus efficace que de solliciter le serveur pour un oui ou pour un non.

Cordialement

Bizarre mois quand je fais ça j'ai aucun problème de rechargement de la page:

Code:

1
2
3
4
5
6
7
8
 
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
                            </asp:Timer>
                            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                        </ContentTemplate>
                    </asp:UpdatePanel>

24/11/2012, 10h10
thierry007

merci vanquish pour les explications je vais a mon avis me retourner vers cette solution.
Pour l'allégement des requêtes serveur déjà.

je vais aussi regarder la solution de youtpout978
merci aussi