[C#] Comment cacher un div après x secondes

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

Salut,

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

a+

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

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:

---

<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:

---

fenetreModaleExtender.Hide();

---

- enfin dans l'updatePanel tu specifie le triggers:

Code:

---

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.

+

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

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:

---

1 2 3

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

---

@Ramajb : merci ça marche impeccable avec le timer :ccool:

@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.

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

En cherchant sur google, tu trouves en quelques secondes la fonction javascript :

Code:

---

setTimeout("maFonction()",1000);

---

qui permet d'appeller maFonction apres 1000 ms.

Et ca evite un aller-retour sur le serveur pour rien

a+

Donc tu ferais un ScriptManager.RegisterStartupScript dans le code-behind avec le setTimeout au moment de l'apparition de la div ?

@Ramajb : J'allais mettre Résolu mais j'attendais vos retours au cas où ;)

Citation:

---

Envoyé par jbrasselet

Donc tu ferais un ScriptManager.RegisterStartupScript dans le code-behind avec le setTimeout au moment de l'apparition de la div ?

---

C'est une maniere de faire. Tu peux aussi embarquer directement le javascript dans ta page asp. Ca depend de ton architecture, c'est toi qui choisi ce que tu preferes/ce qui est le plus adapté.

Mais dans tous les cas, c'est un traitement qui a plutot vocation à s'executer coté client que serveur...