twitter asp.net mvc

Question

경고 jquery 같은 경고와 같은 트위터에 대한 녀석을 찾았지만 모든 기사는 PHP에 ... 거기에 asp.net mvc 하나 있습니까? 여기에 PHP에서 http://briancray.com/2009/05/06/twitter-style-alert-jquery-cs-php/ 샘플이 있습니다.

Answer 1

대부분은 CSS and 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.