Heojju

▤ confirm(내용) function btnClick(){ if (confirm("정말 삭제하시겠습니까?") == true){//확인 document.form.submit(); }else{//취소 return; } } 실행화면

▤ cursor 속성 .element{cursor:auto;} auto crosshair default move hand text wait help n-resize s-resize ne-resize sw-resize nw-resize se-resize e-resize w-resize pointer progress not-allowed no-drop vertical-text all-scroll col-resize row-resize cursor1.cur cursor2.gif 참고 : http://cofs.tistory.com/212 [CofS]

위 버튼을 길게 누르거나 더블클릭 해보세요. $(document).ready(function(){ var timer; var istrue = false; function mouseDown(){ istrue = true; timer = setTimeout(function(){ holding();},3000); } function holding(){ if(timer) clearTimeout(timer); if(istrue){ alert('holding'); } } function mouseUp(){ istrue =false; } function dbClick(){ alert('double click'); } });

▤ contentEditablep나 div 태그와 같이 고정되어있는 텍스트를 가지고 있는 태그들에 입히는 속성(attribute)으로 텍스트 수정이 가능하게 된다. This is an editable paragraph.This is an editable paragraph.

document.activeElement.name var focusElement = document.activeElement.name;

.element{width:500px;}#layer{display:none; padding:10px; background:#e6e6e6;}#layerClose{font-size:15px; float:right;}.element:hover, #layerClose:hover{cursor:pointer; opacity:0.8;} 음식입니다. 닫기X $('.element').click(function(e) { var divTop = e.clientY - 20; //상단 좌표 var divLeft = e.clientX - 40; //좌측 좌표 $('#layer').css({ "top": divTop ,"left": divLeft , "position": "absolute" }).show(); }); $("#lay..

[localStorage]localStorage : 세션이 종료되어도 데이터가 유지됨. ▤ 데이터 저장localStorage.test = "123";localStorage.setItem("test", "123"); ▤ 데이터 불러오기var data = localStorage.test;var data = localStorage.getItem("test");var dataAll = Object.keys(localStorage); // 모든 값 받기. 배열로 저장. ▤ 데이터 삭제localStorage.removeItem('data'); // 원하는 값만 삭제localStorage.clear(); // 모든 값 삭제 [sessionStorage]sessionStorage : 세션이 종료되면 데이터가 삭제됨. ..

▤ setTimeout(function(){실행코드},시간); setTimeout(function(){ alert("test"); //실행할 코드 }, 300); //시간조절. 1초 = 1000

Toggle navigation Bootstrap Example Home About Contact BOOTSTRAP PARALLAX Parallax scrolling is a web site trend where the background content is moved at a different speed than the foreground content while scrolling. Nascetur per nec posuere turpis, lectus nec libero turpis nunc at, sed posuere mollis ullamcorper libero ante lectus, blandit pellentesque a, magna turpis est sapien duis blandit di..

선택 a b 선택 1 2 선택 ㄱ ㄴ $("#first").change(function(){ if(this.value!=""){ $("#second").removeAttr("disabled"); }else{ $("#second").attr("disabled", "disabled"); $("#third").attr("disabled", "disabled"); }});$("#second").change(function(){ if(this.value!=""){ $("#third").removeAttr("disabled"); }else{ $("#third").attr("disabled", "disabled"); }});