щебетать как предупреждение JQuery в asp.net MVC

Question

Я гуглил в твиттере как предупреждение, но все статьи были в php ... Есть ли там asv.net mvc?Вот пример http://briancray.com/2009/05/06/twitter-style-alert-jquery-cs-php/ в php ..

Answer 1

Большинство из них CSS и jQuery , поэтому нет спецификаций ASP.NET MVC.

Модель:

public class MyModel
{
    public string Message { get; set; }
}

Контроллер:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyModel());
    }

    [HttpPost]
    public ActionResult Index(MyModel model)
    {
        return View(model);
    }
}

Просмотр:

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<AppName.Models.MyModel>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <style type="text/css">
    #alert
    {
        overflow: hidden;
        z-index: 999;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        height: 0;
        color: #000;
        font: 20px/40px arial, sans-serif;
        opacity: .9;
    }
    </style>

    <% if (!string.IsNullOrEmpty(Model.Message)) { %>
        <div id="alert"><%: Model.Message %></div>
    <% } %>

    <% using (Html.BeginForm()) { %>
        <%: Html.EditorForModel() %>
        <input type="submit" value="Alert me!" />
    <% } %>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var $alert = $('#alert');
            if ($alert.length) {
                var alerttimer = window.setTimeout(function () {
                    $alert.trigger('click');
                }, 3000);
                $alert.animate({ height: $alert.css('line-height') || '50px' }, 200).click(function () {
                    window.clearTimeout(alerttimer);
                    $alert.animate({ height: '0' }, 200);
                });
            }
        });    
    </script>


</asp:Content>

Конечно, это только пример, где разметка, стиль и сценарии смешаны на одной странице.В реальных приложениях CSS и скрипты должны быть выведены за пределы.

Answer 2

Это независимость от сервера. Такая штука просто сделана с помощью jQuery и немного CSS, чтобы она выглядела хорошо. HTML сам по себе может быть выведен простым MVC. Это кажется интересной реализацией: http://jnotify.codeplex.com/.

Grz, Kris.