jquery와 같이 css 선택자로 html 엘레멘트를 선택할 수 있으며 사용방법은
document.querySelector("선택자")
로 선택할 수 있다.
| [Javascript] let - 변수 스코프를 조절하는 키워드. (0) | 2014.05.29 |
|---|---|
| [에러].submit() is not function - form 객체 submit()이 안될 때 (1) | 2014.05.18 |
| 에지윅 webnote - 설치가 간편한 글 에디터 (0) | 2014.02.12 |
| collie/jindo - 게임개발에 유용한 javascript 프레임워크 (0) | 2014.01.05 |
| enchant.js - 스마트폰 게임개발을 위한 html5/JavaScript 기반 프레임워크 (0) | 2014.01.05 |
홈페이지 및 다운로드 http://www.phpwork.kr/
설치가 간편합니다.
홈페이지에 압축파일을 다운 받고,
webnote폴더를 프로젝트 폴더에 붙여 넣기 합니다.
추가해야 하는 코드
|
1
2
3
4
5
6
7
8
9
10
11 |
<html>
<head>
</head>
<body>
<script src="/webnote/webnote.js"></script>
<textarea name="contents1" editor="webnote"
tools="deny" style="height:250px;width:100%">본문내용</textarea>
</body>
</html> |
결과
| [에러].submit() is not function - form 객체 submit()이 안될 때 (1) | 2014.05.18 |
|---|---|
| [Javascript] querySelector (0) | 2014.05.18 |
| collie/jindo - 게임개발에 유용한 javascript 프레임워크 (0) | 2014.01.05 |
| enchant.js - 스마트폰 게임개발을 위한 html5/JavaScript 기반 프레임워크 (0) | 2014.01.05 |
| javascript json 맵 형태로 받았을때 키 이름을 출력하는 방법 (0) | 2013.12.01 |
| [Javascript] querySelector (0) | 2014.05.18 |
|---|---|
| 에지윅 webnote - 설치가 간편한 글 에디터 (0) | 2014.02.12 |
| enchant.js - 스마트폰 게임개발을 위한 html5/JavaScript 기반 프레임워크 (0) | 2014.01.05 |
| javascript json 맵 형태로 받았을때 키 이름을 출력하는 방법 (0) | 2013.12.01 |
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
| 에지윅 webnote - 설치가 간편한 글 에디터 (0) | 2014.02.12 |
|---|---|
| collie/jindo - 게임개발에 유용한 javascript 프레임워크 (0) | 2014.01.05 |
| javascript json 맵 형태로 받았을때 키 이름을 출력하는 방법 (0) | 2013.12.01 |
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
| jQuery ajax 사용하기. (0) | 2013.10.28 |
|
1
2
3
4
5
6 |
var items = { 'one' : 1, 'two' : 2 };
for(var name in items){
alert(name);
}
|
one
two 경고창 뜸.
| collie/jindo - 게임개발에 유용한 javascript 프레임워크 (0) | 2014.01.05 |
|---|---|
| enchant.js - 스마트폰 게임개발을 위한 html5/JavaScript 기반 프레임워크 (0) | 2014.01.05 |
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| html 태그 목록 -펌- (0) | 2013.10.18 |
|
1
2
3
4
5
6
7
8
9
10
11 |
$(document).ready(function(){
var subject = $('input[type=checkbox]');
$(subject).each(function(index, item){
$(item).click(function(){
console.log($(item).is(':checked'));
console.log($(item).val());
});
});
});
|
| enchant.js - 스마트폰 게임개발을 위한 html5/JavaScript 기반 프레임워크 (0) | 2014.01.05 |
|---|---|
| javascript json 맵 형태로 받았을때 키 이름을 출력하는 방법 (0) | 2013.12.01 |
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| html 태그 목록 -펌- (0) | 2013.10.18 |
| javascript에서 StringBuffer 사용하기. (0) | 2013.10.13 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | //사용할 버전의 jquery js파일을 입력. <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script> $('#userId').blur(function() { $.ajax({ type: 'POST', //포스트방식 url: '/user/id_check_controller', //요청처리 data : 'userId='+ $('#userId').val(), //파라미터 dataType : 'xml', //처리한 요청을 받는 형식 success: function(xml){ //성공시 해당함수 실행 } } }); }); </script> |
| javascript json 맵 형태로 받았을때 키 이름을 출력하는 방법 (0) | 2013.12.01 |
|---|---|
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
| html 태그 목록 -펌- (0) | 2013.10.18 |
| javascript에서 StringBuffer 사용하기. (0) | 2013.10.13 |
| jQuery - <select>태그의 선택 된 값 가져오기. (0) | 2013.10.12 |
출처 - http://blog.naver.com/ioiioizzz/189161093
Attribute (name) is obsolete. Its use is discouraged in HTML5 documents
Attribute : 속성
obsolete : 더 이상 쓸모없는
discouraged : 낙담한, 술에취한
그 속성은 더 이상 쓸모가 없고 그것을 사용하는것은 HTML5에서는 별로라네요
HTML5에서 제외된 속성들을 아래 태그목록에서 별도로 표시해놓겠습니다.
색(color)는 다음과 같이 지정 "red", "green", "blue", '#ff0000(16진수)
<a 속성> anchor, 링크
href - 문서경로(url, #name, mailto:메일주소?"제목"
name - 책갈피 ( HTML5 X )
target - 열릴대상(_blank, _parent, _self, _top)
<address> 주소나 연락처
<b> font 속성이 bold
<blockquote> 문단을 하나로
<body 속성> </body>
background - 배경(백그라운드)이미지 파일명
bgcolor - 배경색
text - 글자색
link - 링크색
vlink -방문했던 링크색
alink - 링크를 클릭했을때의 색
<br> break, 줄바끔
<center> 중앙정렬 (HTML5 X )
<dl> description list, 순번이 없는 목록, <dt>,<dd>태그와 같이 사용
<em> emphasized 강조하다, 이텔릭체(italicized)
<embed 속성> embedded plug-in, 끼워넣다, 미디어연결
src - 파일경로
autostart - 자동재생(true,false)
hidden - 화면에 감춤(true,false)
width - 넓이
height - 높이
loop - 반복회수, 반복여부(true, false)
<font 속성> 폰트지정
face - 글꼴 "굴림체"
color - 글꼴색상
size-글꼴크기(1~7)
<frameset 속성> 페이지를 프레임으로 나눔
rows - 페이지를 상하로 나눔(픽셀, %)
cols - 페이지를 좌우로 나눔(픽셀, %)
border - 테두리
bordercolor - 테두리색상
frameborder - 테두리여부(yes,no)
<frame 속성> frameset에 대한 지정
name - 프레임명(target)
src - 파일경로
noresize - 프레임고정
scrolling - 스크롤바(yes,no,auto)
<h1> ~ <h6> heading, 헤드라인
<hr 속성> horizontal rule, 수평선
align(left,right,center) - 정렬
color - 색상
size - 굵기(픽셀)
width - 길이(필셀.%)
noshade - 그림자없음
<i> 이텔릭체(italic)
<iframe 속성> inline frame, 다른 웹페이지를 포함 (HTML5 X)
name - 프레임명(target)
src - 파일경로
scrolling - 스크롤바(yes,no,auto)
align(left,right,center) - 정렬
width - 넓이
height - 높이
frameborder - 테두리 (HTML5 X)
bordercolor - 테두리색상
<img 속성> image, 이미지
src - 이미지경로
alt - 설명
align(left,right,top,middle,bottom) - 정렬
border - 테두리를 숫자로
height - 높이
width - 넓이
hspace - 좌우여백
vspace - 상하여백
<marquee 속성> 스크롤
behavior(scroll,slide,altermate) - 형태
direction(left,right,up,down) - 방향
scrolldelay - 지연속도(1/1000초)
scrollmount - 픽셀수
bgcolor - 배경색
height - 높이
width - 넓이
loop - 반복횟수(기본값 infinite)
<ol 속성> ordered list, 순번이 있는 목록, <li>태그와 같이 사용 (HTML5 X)
type(a,i,1) - 목록앞에 붙는 표식
start - 시작번호
<p 속성> paragraph. 단구분
align(left, right, center) - 정렬
<pre> preformatted, 내용을 그대로 보여줌
<s> 취소선 (HTML5 x)
<strong> 굵은글씨체
<sup><sub> 위첨자(superscript),아래첨자(subscipt)
<u> 밑줄문자 (HTML5 X)
<ul 속성> unordered list, 순번이 없는 목록, <li>태그와 같이 사용
type(disc, circle, square)
<xmp> 문단내용중 태그를 그대로 보여줌
----------
<form 속성> 폼안에 있는 데이타를 전송
method - get,post 방식지정
name - 폼이름
action - 이동할 위치
enctype - 대용량파일의 속성(multipart, form-data)
<input type=타입> 폼에서 사용
button - 버튼
name - 이름
value - 값
- checkbox - 체크박스
name - 이름
value - 값
checked - 선택된상태
- file - 파일첨부
name - 이름
size - 길이
readonly - 읽기전용
- hidden - 숨김
name - 이름
value - 값
- password - 비밀번호 입력
name - 이름
size - 길이
maxlength - 최대글자수
- radio - 라디오버튼
name - 이름이 같으면 같은 그룹
value - 값
checked - 선택된상태
- reset - 초기값으로 재설정
name - 이름
value - 값
- submit- formd의 action 위치로 전송
name - 이름
value - 값
- text - 텍스트입력
name - 이름
size - 길이
value - 값
maxlength - 최대글자수
readonly - 읽기전용
<select 속성> 폼에서 사용, option 태그하고 같이 사용, 목록에서 선택
name - 이름
size - 길이
multiple - 복수선택가능
<option 속성> 폼에서 사용. select 태그의 세부 목록
value - 값
selected - 선택된 상태
<textarea 속성> 폼에서 사용. 메모장
name - 이름
cols - 넓이
rows - 높이
readonly - 읽기전용
--------------
<table 속성>
align(left,right,center) - 정렬
bgcolor - 배경색
background - 배경이미지
border - 테두리 두께
bordercolor - 테두리색상
cellpaddin - 셀 안쪽 여백
cellspacing - 셀과 셀사이의 여백
width - 테이블넓이
height - 테이블높이
frame(above,below,border,box,rhs,ths,hsides,vsides,void) 표의 바깥쪽 테두리
rules(all,cols,rows,group,none) 표의 안쪽 테두리
<caption> 표의 제목
<col> 모든 row에 대한 col의 속성
<colgroup> 여러 col을 하나의 그룹으로
<thead> 머리글
<tfoot> 바닥글
<tbody> 본문
<tr 속성> 테이블의 row
align(left,right,center) - 정렬
bgcolor - 배경색
valign(top,middle,bottom) - 세로 정렬방식
height - 높이
rowspan - 병합
<th 속성>,<td 속성> 테이블의 column
align(left,right,center) - 정렬
valign(top,middle,bottom) 세로 정렬방식
background - 배경이미지
bgcolor - 배경색
colspan - 병합
nowrap - 줄바꿈안되게
width - 넓이
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
|---|---|
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| javascript에서 StringBuffer 사용하기. (0) | 2013.10.13 |
| jQuery - <select>태그의 선택 된 값 가져오기. (0) | 2013.10.12 |
| jQuery - radio check된 값 받기. (1) | 2013.10.12 |
<script>
var StringBuffer = function() {
this.buffer = new Array();
};
StringBuffer.prototype.append = function(str) {
this.buffer[this.buffer.length] = str;
};
StringBuffer.prototype.toString = function() {
return this.buffer.join("");
};
</script>
<script>
var tag = new StringBuffer();
tag.append('ABC');
tag.append('DFG');
var text = tag.toString();
</script>| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
|---|---|
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| html 태그 목록 -펌- (0) | 2013.10.18 |
| jQuery - <select>태그의 선택 된 값 가져오기. (0) | 2013.10.12 |
| jQuery - radio check된 값 받기. (1) | 2013.10.12 |
$('select#ban').val()
// 이건 input type="select" 만 되나보다..
$('select#ban:selected').val()
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
|---|---|
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| html 태그 목록 -펌- (0) | 2013.10.18 |
| javascript에서 StringBuffer 사용하기. (0) | 2013.10.13 |
| jQuery - radio check된 값 받기. (1) | 2013.10.12 |
