부트스트랩3 한글 번역페이지 - http://bootstrapk.com/BS3
w3 Schools bootstrap - http://www.w3schools.com/bootstrap/default.asp| 테이블 및 줄 / 칸 처리하기 (0) | 2014.10.17 |
|---|---|
| 타이포그래피(typography) (0) | 2014.10.12 |
| 부트스트랩(bootstrap) 기본 헤더 선언하기 (0) | 2014.10.12 |
| 문서 여백 없애기 (0) | 2014.10.11 |
| 웹 접근성 연구소 - 웹 접근성 자동 평가 도구(K-WAH) (0) | 2014.09.27 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>jQuery Tip | Check All</title>
<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<script>
$( document ).ready( function() {
$( '.check-all' ).click( function() {
$( '.ab' ).prop( 'checked', this.checked );
} );
} );
</script>
</head>
<body>
<form>
<p><input type="checkbox" name="all" class="check-all"> <label>Check ALL</label></p>
<hr>
<p><input type="checkbox" name="cb1" class="ab"> <label>Checkbox 1</label></p>
<p><input type="checkbox" name="cb2" class="ab"> <label>Checkbox 2</label></p>
<p><input type="checkbox" name="cb3" class="ab"> <label>Checkbox 3</label></p>
<p><input type="checkbox" name="cb4" class="ab"> <label>Checkbox 4</label></p>
</form>
</body>
</html>
| jquery CDN (0) | 2014.10.14 |
|---|---|
| 팝업창 크기에 맞게 이미지 리사이즈 (0) | 2014.10.12 |
| $.cookie / $.removeCookie - 쿠키 제어하기 (0) | 2014.10.11 |
| 팝업 레이어 설정하기 (0) | 2014.10.11 |
| 팝업창 자동 리사이즈(크로스 브라우징) (0) | 2014.10.11 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
* jquery.cookie.js
https://github.com/carhartl/jquery-cookie
* request.html
<script src="jquery.js"></script>
<script src="jquery.cookie.js"></script>
<script>
$(function() {
$.removeCookie('popup', {path:'/'}); // 쿠키삭제 경우
if($.cookie("popup") == "ok") {
// 쿠키가 있을때 처리내용
} else {
window.open('popup.html');
}
});
</script>* popup.html
<script src="jquery.js"></script>
<script src="jquery.cookie.js"></script>
<script>
$(document).ready(function() {
$("#popup").click(function() {
if($("#popup").is(":checked") == true) {
$.cookie('popup','ok',{expires:1,path:'/',domain:'www.test.com',secure:false}); // 브라우저에 따라 안될경우 domain과 secure 부분 삭제
}
});
});
</script>
하루동안 창 열지않기 <input type="checkbox" id="popup" />| 팝업창 크기에 맞게 이미지 리사이즈 (0) | 2014.10.12 |
|---|---|
| 체크박스 전체선택 / 해제 (0) | 2014.10.11 |
| 팝업 레이어 설정하기 (0) | 2014.10.11 |
| 팝업창 자동 리사이즈(크로스 브라우징) (0) | 2014.10.11 |
| 이미지 변경하기 (0) | 2014.10.10 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
* script
<script src="jquery-1.11.1.js"></script>
<script src="jquery-ui.js"></script>* style
.ui-dialog > .ui-widget-header { background:blue; font-size:12px; }
.dialog { font-size:10px; }* jquery
$(document).ready(function() {
$("#divlocationinfo").dialog( {
modal: true,
title: "subject", // 제목
width : "750px", // 넓이
resizable: false, // 리사이즈
closeOnEscape: false, // esc 작동여부
hide: 'slide', // 없어질때 효과
show: 'slide', // 나타날때 효과
});
});* html
<div id="dialog">
<p>test</p>
</div>http://api.jqueryui.com/dialog/| 체크박스 전체선택 / 해제 (0) | 2014.10.11 |
|---|---|
| $.cookie / $.removeCookie - 쿠키 제어하기 (0) | 2014.10.11 |
| 팝업창 자동 리사이즈(크로스 브라우징) (0) | 2014.10.11 |
| 이미지 변경하기 (0) | 2014.10.10 |
| ajax - ajaxStart, ajaxStop (0) | 2014.10.08 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
* main.html
<script>
window.open('popup.html', '_blank', 'width=100, height=100');
</script>* popup.html
$(document).ready(function () {
window.moveTo(0, 0);
var w = $(document).width();
var h = $(document).height();
window.resizeTo(w, h);
var mw = window.outerWidth - window.innerWidth;
var mh = window.outerHeight - window.innerHeight;
window.resizeBy(mw, mh);
if (isIEVer() < 9) {
mw = $(document).outerWidth() - $(window).width();
mh = $(document).outerHeight() - $(window).height();
window.resizeBy(mw, mh);
}
});| $.cookie / $.removeCookie - 쿠키 제어하기 (0) | 2014.10.11 |
|---|---|
| 팝업 레이어 설정하기 (0) | 2014.10.11 |
| 이미지 변경하기 (0) | 2014.10.10 |
| ajax - ajaxStart, ajaxStop (0) | 2014.10.08 |
| jquery - ajax (0) | 2014.10.07 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
}
//-->
</style>| 테이블 및 줄 / 칸 처리하기 (0) | 2014.10.17 |
|---|---|
| 타이포그래피(typography) (0) | 2014.10.12 |
| 부트스트랩(bootstrap) 기본 헤더 선언하기 (0) | 2014.10.12 |
| 부트스트랩3 한글 번역페이지 (0) | 2014.10.12 |
| 웹 접근성 연구소 - 웹 접근성 자동 평가 도구(K-WAH) (0) | 2014.09.27 |
디츠
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)
“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)