Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- dovecot
- chart.js
- Mail Server
- html5
- WebView
- curl
- 우분투
- 폼메일
- javascript
- xe
- 자동 생성
- FCM
- 자바스크립트
- UML
- android 효과음
- php 시큐어코딩
- 안드로이드 푸시
- 안드로이드
- soundpool
- PHP
- 안드로이드 gcm
- mysql
- C# IO
- 설치
- php 취약점
- 안드로이드 푸쉬
- not working
- roundcube
- C#
- Android
Archives
- Today
- Total
그러냐
jquery 간단 alert 창 꾸미기 본문
반응형
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<link rel="stylesheet" href="js/jquery-ui-1.12.1/jquery-ui.css">
<script src="js/jquery-ui-1.12.1/jquery-ui.js"></script>
뭐 이렇게 jquery 참조 시키고
function jalert(msg){
$("#alertBox").dialog({
open: $("#alertBox").text(msg),
title: "확인",
autoOpen: true,
modal: true,
buttons: {
OK: function () {
$("#alertBox").dialog("close");
}
}
});
}
이렇게 간단히 script 에 함수 넣고 하단에 div 를 넣어준다
<div id="alertBox" style='z-index:99999'></div>
그리고
<script type="text/javascript">
<!--
jalert("모달");
//-->
</script>
이렇게 사용하면 이쁘게 뜬다
반응형
'jquery' 카테고리의 다른 글
ajax post 전송 못 받음 안됨 (0) | 2021.06.07 |
---|---|
jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 (0) | 2021.05.20 |
checkbox 체크 여부 (0) | 2021.03.22 |
Chart.js 범례 제거 라벨? (0) | 2021.02.10 |
jquery, javascript 객체 id 로 존재여부 확인할 때 (0) | 2020.11.30 |