2012-12-05 3 views
1

저는 JQuery을 처음 사용하고 있습니다. JQuery을 사용하여 메시지 상자를 팝업해야합니다. 그것을하는 방법을 도와 주시거나 제게 이걸 어떻게 얻을 수 있는지 링크를 제공해주십시오.jquery를 사용하는 팝업 메시지 상자

messi를 사용했지만 필요한 결과를 얻을 수 없습니다.

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
    <title></title> 
    <link rel="stylesheet" href="files/messi.min.css" /> 
    </head> 
    <body> 
    <script src="files/messi.min.js">  
     new messi('This is a message with Messi.', { title: 'Title' }); 
    </script> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:Button ID="Button1" runat="server" Text="click" /> 
    </div> 
    </form> 
    </body> 
</html> 
+0

여기에 메시가 무엇입니까? 당신이 사용하고있는 jquery 플러그인입니까? – ryadavilli

+0

@ryadavilli 나중에이 https://github.com/marcosesperon/Messi를 참조했습니다. – Nirmala

답변

4

쉽게 jQuery를 UI를 사용하여 수행 수 있습니다. 대화가Link 1 또 하나 Link 2

0을 팝업에 대한

은 HTML 당신은 필요

<a href="#" id="contactUs">Contact Us</a>     
<div id="dialog" title="Contact form"> 
    <p>appear now</p> 
</div> 

는 대화를

$(function() { 
    // this initializes the dialog (and uses some common options that I do) 
    $("#dialog").dialog({autoOpen : false, modal : true, show : "blind", hide : "blind"}); 

    // next add the onclick handler 
    $("#contactUs").click(function() { 
    $("#dialog").dialog("open"); 
    return false; 
    }); 
}); 

위대한 링크를 초기화

나는 이것을 Here

희망이 있습니다. 행운을 빈다.

0

나는 동일한 문제가 있었는데 메시지 상자를 팝업하기 위해 Ajax Control Toolkit을 사용하여 해결했습니다.

ModelPopupExtender에 대한 예제는 여기에서 확인할 수 있습니다. http://jamestsai.net/Blog/post/How-to-use-ASPNET-AJAX-UpdatePanel-in-ModalPopup.aspx 사용자 정의 할 수 있습니다. 또한 코드 숨김으로 메시지 상자를 수동으로 팝업 할 수 있습니다.

안부, Bengi.

관련 문제