StackOverflow와 같은 "토스트" 메시지 생성
웹 애플리케이션을 구축할 때마다 생각하는 문제 중 하나는 최종 사용자에게 메시지가 표시되는 방식입니다.
윈도우 애플리케이션에 있는 것과 같은 메시지 박스를 시도해 보았지만 서버에 게시되면 너무 불량하고 문제가 생깁니다.페이지 하단 상단에 멋진 레이블이 포함된 업데이트 패널을 사용해 보았습니다.그래도 아직은 부족한 것 같아요AJAX를 사용할 때 특정한 경우에 문제가 있을 때가 있는데, 아직도 사용자들에게 좋지 않아 보입니다.
잠시 나타났다가 사라지는 StackOverFlow 메시지에 대해 묻고 싶습니다. 예를 들어, 메시지를 위 또는 아래로 투표할 때 주황색으로 나타나는 메시지가 있습니다.
나는 이런 메시지들을 구축하거나 이것들을 제공할 수 있는 DLL을 재사용하고 싶습니다.이게 가능한가요?
참고::: 서버 측의 특정 조건에 따라 사용자에게 메시지가 표시되었습니다.
미리 감사드립니다.
특히, jGrowl jQuery 플러그인은 당신이 요청하는 것을 수행합니다.
html에 jQuery와 jGrowl 스크립트를 포함하고 $.jGrowl() 기능으로 메시지 생성을 시작하면 됩니다.
예제 코드:
<html>
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jgrowl.js"></script>
<script>
$(function() {
$.jGrowl("My sticky message, loaded after the rest of the page", {sticky: true});
$("#mybutton").live("click", function(_) {
$.jGrowl("you clicked the button!");});
});
</script>
</head>
<body>
<button id="mybutton">click me</button>
</body>
</html>
효과를 만들려면 다음 도구를 사용할 수 있습니다.
jQuery 사용자 인터페이스 라이브러리.리치 인터넷 응용프로그램을 만들기 위한 상호 작용, 위젯, 효과 및 주제를 제공합니다.
당신은 여기서 Jquery 효과를 볼 수 있습니다.
Mootools JavaScript 프레임워크 기반의 웹 응용 프로그램 사용자 인터페이스 라이브러리
.cs를 통해 jGrowl(Shane's Answer에서 확장하기 위한)을 사용하는 한 가지 방법은 다음과 같습니다.
웹 양식 ASP.NET의 이 예제
버튼 1개로 간단한 aspx 페이지를 만들고 페이지 헤드에 필요한 jquery/jgrowl 스크립트와 cs reference를 포함시키세요. 그리고 Script Manager와 업데이트 패널도 페이지에 있습니다.
페이지 뒤에 있는 코드:
protected void Button1_Click(object sender, EventArgs e)
{
this.ShowStatus("This is your message!<br />Some HTML formatting works!<br />");
}
protected void ShowStatus(string message)
{
ScriptManager sm = ScriptManager.GetCurrent(Page);
if (sm.IsInAsyncPostBack)
{
string script = @"
$(document).ready(function() {
$.jGrowl.defaults.theme = 'iphone';
$.jGrowl('" + message + "', {theme: 'iphone',header: 'Notification',life: 8000});});";
ScriptManager.RegisterStartupScript(Page,this.GetType(), "notification", script,true);
}
}
자신의 앱에 맞는 테마가 무엇이든 자연스럽게 사용하세요, 행운을 빌어요!또한 이 방법은 필요에 따라 알림 스크립트만 로드하지만(이 경우 버튼을 클릭한 후) "ShowStatus" 기능을 코드 뒤에 있는 다른 이벤트/테스트에 연결할 수 있습니다.
자바스크립트 알림 플러그인의 또다른 좋은 점은 파인즈 알림입니다.
알림 기록 위젯도 포함되어 있습니다.
무툴을 사용하는 Notimoo 플러그인.
바로 어제 사용했는데 구성 옵션이 마음에 들었습니다.
http://code.google.com/p/notimoo/
언급URL : https://stackoverflow.com/questions/4237636/produce-toast-messages-like-stackoverflow
'programing' 카테고리의 다른 글
| wocommerce 웹 후크가 발사되지 않음 (0) | 2023.10.29 |
|---|---|
| RestTemplate 스레드는 안전합니까? (0) | 2023.10.24 |
| 단일 쿼리로 mysql 테이블에서 모든 부모 찾기(Recursive Query) (0) | 2023.10.24 |
| DBMS Profiler를 사용한 PL/SQL 커버리지 보고서 구축 (0) | 2023.10.24 |
| SBT 스칼라 프로젝트에서 MySQL JDBC 드라이버를 사용하는 방법? (0) | 2023.10.24 |