http://www.tinymce.com/

'javascript, jquery' 카테고리의 다른 글

문자열 마지막 문자 제거  (0) 2015.01.11
print_r 함수  (0) 2015.01.11
클래스(.class)명 검사해서 처리하기  (0) 2014.10.18
jquery CDN  (0) 2014.10.14
팝업창 크기에 맞게 이미지 리사이즈  (0) 2014.10.12
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,
<script type="text/javascript">
$(document).ready(function() {
	var hasClass = "off";
	$("div > ul > li").each(function() {
		if($(this).hasClass("active")) {
			hasClass = "on";
		}
	});
	if(hasClass == "off") {
		$("div > ul > li").first().addClass("active");
	}
});
</script>

<div class="col-md-5">
	<ul class="nav nav-tabs nav-pills nav-stacked" role="tablist">
		<li><a href="#">Home</a></li>
		<li><a href="#">Profile</a></li>
		<li><a href="#">Messages</a></li>
	</ul>
</div>

'javascript, jquery' 카테고리의 다른 글

print_r 함수  (0) 2015.01.11
위지윅 에디터 : tinymce  (0) 2014.12.03
jquery CDN  (0) 2014.10.14
팝업창 크기에 맞게 이미지 리사이즈  (0) 2014.10.12
체크박스 전체선택 / 해제  (0) 2014.10.11
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

jquery CDN

javascript, jquery 2014. 10. 14. 18:37
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,
<script type="text/javascript">
$(document).ready(function() {
	var ww = $(document).width();
	var wh = $(document).height();
	$(".image").attr({"width":ww, "height":wh});
});
</script>

'javascript, jquery' 카테고리의 다른 글

클래스(.class)명 검사해서 처리하기  (0) 2014.10.18
jquery CDN  (0) 2014.10.14
체크박스 전체선택 / 해제  (0) 2014.10.11
$.cookie / $.removeCookie - 쿠키 제어하기  (0) 2014.10.11
팝업 레이어 설정하기  (0) 2014.10.11
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “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>

 

출처 : http://www.cmsfactory.net/node/10552

블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

* jquery.cookie.js

https://github.com/carhartl/jquery-cookie

jquery.cookie.js
다운로드

 

* 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" />
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,