맛집 여행 캠핑 일상 생활

jQuery custom Alert 사용하기 본문

jQuery

jQuery custom Alert 사용하기

영은파더♥ 2016. 7. 6. 10:12
728x90

jQuery custom Alert 사용하기


자바스크립트의 기본 함수인 alert 은 단순히 메시지만 뿌려주기 때문에 color 를 넣을 수도 없고 크기를 변경할 수도 없다.

이럴때 jAlert 을 사용하면 사용자에 맞게 custom alert 팝업을 구현할 수가 있다.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>jQuery Alert</title>

<script src="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.js" type="text/javascript"></script>

<script src="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.ui.draggable.js" type="text/javascript"></script>

<script src="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.js" type="text/javascript"></script>

<link href="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

<script>

function cAlert(msg, title) {

msg = "<span style='font-size:12pt;color:#0000FF;'>" + msg + "</span>";

jAlert(msg, title);

}

</script>

</head>

<body>

<button onclick="cAlert('Hello world');">커스텀 alert</button>

</body>

</html>


아래 버튼을 눌러보세요~


jQuery Alert



http://labs.abeautifulsite.net 이 이제 안되는가 보네요~





728x90
반응형
Trackback : | Comments :