7
votes

Alerte de notification similaire à la manière dont StackoverFlow Fonctions

Comment Stackoverflow crée-t-il l'effet SDITEDOWN pour alerter un utilisateur d'un changement?


0 commentaires

4 Réponses :


0
votes

On dirait que cela peut être fait avec Ajax et JQuery. Un div à 100% de largeur au sommet qui glisse et remplit de contenu à la réception de certaines informations. Êtes-vous plus intéressé par l'effet..or la fonctionnalité arrière?


1 commentaires

Effet lui-même, je sais utiliser JQuery pour montrer / s'effacer des éléments, mais je veux comprendre comment obtenir le contenu de siéger au repos du contenu et ne pas le pousser.



10
votes

Overflow de pile utilise le jQuery framework , qui a une méthode pour montrer un élément caché à l'aide d'une simple animation, quelque chose comme: xxx

http://api.jquerery.com/show/ (Découvrez les démos).

Il est fixé au haut de la page en utilisant la position : fixe dans CSS: xxx


3 commentaires

Oui, mais comment l'obtiennent-ils pour s'asseoir en haut de la page et flotter sur le dessus du reste du contenu, pas le pousser. C'est la partie qui m'intéresse mais apprécie le commentaire qui est une étape pour moi dans la bonne direction.


Merci, appréciez votre réponse!


Est-il possible de le faire flotter sur le dessus et enfoncez le contenu afin de pouvoir rester assis sur la page aussi?



1
votes

Je pense qu'ils utilisent un événement chronométré: événement chronométré JQuery

Qui envoie un appel Ajax à la SE STRUPTS: http://api.jquery.com/jquery.ajax/

puis le montre dans la DIV en utilisant l'effet Andy E mentionné


0 commentaires

1
votes

Il y a une implémentation très similaire à l'aide de JQuery of Stackoverflow Effect dans le Site de démarrage ASP.NET MVC 2.0 par L'équipe Tekpub sur CodePlex.

Vous voudrez peut-être le vérifier. P>

MISE À JOUR: STRUT> Je viens de vérifier et la façon dont l'équipe Tekpub a fait vraiment soigné!. Ils ont une aide flash liée à la session. Et tout ce que vous devez faire pour appeler les méthodes d'aide flash dans le contrôleur pour afficher les messages Flash. P>

Voici un exemple de la méthode d'action de connexion: P>

var registered =_authService.RegisterUser(login, password, confirm, "", "", "");
if (registered) {
    this.FlashInfo("Thank you for signing up!");                        

    return AuthAndRedirect(login, login);
} else {
    this.FlashWarning("There was a problem with your registration");
}


0 commentaires