Discussion :

[jbrasselet]

Bonjour,

je suis sur une webform en c#.
J'ai une page web qui contient une liste. Cette liste est rafraichie toutes les 30 secondes.
Si lors du rafraichissement j'ai une nouvelle donnée, je dois afficher une fenêtre modale indiquant qu'il y a eu une nouveauté.
J'utilise donc une div avec un extender de type modal.

Ma dernière contrainte et que la fenêtre se ferme toute seule au bout de 5 secondes.
Je ne vois pas trop comment faire.

Auriez-vous des pistes ?

Merci d'avance

[Ramajb]

Salut,

Tu peux manipuler ton div en code behind en l'ajoutant l'attribut runat="server" et Id="tondDiv" dans ta page aspx.

a+

[jbrasselet]

Oui oui ça je sais bien. En plus je me suis planté c'est pas un div c'est un asp:panel.

En code-behind, je sais le faire apparaitre sans souci via la méthode show de l'extender.
Sauf que j'aimerais pouvoir le faire disparaitre 5 secondes après son apparition. Je ne vois pas comment faire ça

Merci d'avance

[Ramajb]

J’espère que ta fenêtre modale extender se trouve dans un updatepanel car si c'est le cas j'ai une solution:
- definit un timer dans l'updatePanel, spécifié la valeur de la propriété Interval pour 5s. En gros tu as:

Code :

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

<asp:Timer ID="Timer1" runat="server" Interval="5000" OnTick="Timer1_Tick">

- ensuite dans le gestionnaire d'evenement Timer1_Tick dans le code behind, tu met

Code :

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

fenetreModaleExtender.Hide();

- enfin dans l'updatePanel tu specifie le triggers:

Code :

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

1
2
3
<Triggers>
        <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>

.
Bien sur, avant d'envoyer la page de cote client, tu fais savoir au timer s'il doit se déclencher ou pas (ceci en fonction de l’existence de nouveau items de ta liste).
Une solution aussi c'est d'utiliser le javascript: tu récupère le div contenant ta fenetre modale extender, tu fait un timer en javascript, apres 5s tu masquera le div en question.

+

[hwoarang]

Avec un petit bout de code javascript, tu peux faire une tempo puis un hide. Comme ca, tout se passe coté client

[Ramajb]

Je suis d'accord, le mieux sera de le faire du cote client. suivante une fonction qui peut t'aider a faire disparaître ta fenêtre modal extender:

Code :

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

1
2
3
function closeModal{
  $find('ID_detaFenetreModale').Hide();
}

[jbrasselet]

@Ramajb : merci ça marche impeccable avec le timer

@hwoarang & Ramajb : faire une fonction qui va fermer coté js ça va mais c'est comment lancer le timer à l'apparition de mon div qui me gêne

NB : J'ai aussi une solution avec un window.open qui fonctionne pas trop mal.

[Ramajb]

Si tout va correctement, merci de mettre le topic "resolu"