JavaScript
-
부트스트랩 모달로그 만들기 1JavaScript/BootStrap(부트스트랩) 2015. 2. 17. 16:16
보이시는 조회 라는 버튼을 클릭 시 모달로그(Modal-dialog) 가 오픈 되도록 해보겠습니다 위와 같이 button 태그를 작성합니다.조회 hiddenModal 부분에는 class 명을 만들어주듯이 원하는 형태로 만들어주시면 됩니다. data-target 이 있어야만 잠시후 hidden 으로 숨겨둔 모달로그를 활성화 시켜줍니다. 이 부분은 현재 헤더만 만들어본 상태입니다.다음과 같이 따라해보세요 x modal fade 이 분이 있어야 display를 none 시켰다가 block 시키는 현상과 같습니다 role="dialog" 이부부은 해당 div 를 dialog로 사용하겠다고 규칙을 정하는것입니다 자세한 내용은 검색창에 role를 검색해보세요 ^^aria-hidden="true" DOM 요소들을 가..
-
자바스크립트 Window객체&속성JavaScript 2015. 2. 4. 22:12
window 객체는 객체의 계층 구조에서 최상위에 존재하며 가장 기본적이면서도 중요한 객체다.창 열기, 창 닫기, 창 크기 조절 등 창을 제어하는 다양한 작업을 할 수 있다.사용형식) window.속성 window.속성 = 값 window.메소드() window.메소드(인자 값) window.close() // 창을 닫는다. window.open() // 새 창을 연다.---------------- window 객체의 속성 -------------------● defaultStatus - 브라우저 상태 표시줄에 표시할 문자열의 초기 값 설정● status - 상태 표시줄에 표시할 문자열 지정● window - 창 자신을 가리킴● frames - 창에 포함된 프레임을 배열 형태로 지정○ opener - o..
-
자바스크립트 event.clientX,event.clientY(마우스 클릭 하여 좌표값 얻기)JavaScript 2014. 7. 22. 14:46
style.left, style.top은 문서전체의 좌측상단을 기준으로 측정된 좌표값이고event.clientX, event.clientY는 브라우저 클라이언트 영역의 좌측상단을 기준으로 측정된 좌표입니다. 스크롤이 되지 않은 상태에선 같은 값을 가지게 되지만,스크롤이 된 상태라면 좌푝밧이 스크롤 된 양에 따라 달라집니다. 이를 일치시키려면 클라이언트 좌표에 스크롤 된 양을 더해서 계산에 포함시켜야 합ㅎ니다 document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft + ‘px’;document.getElementById(obj).style.top = event.clientY + document.body.scrollT..
-
자바스크립트 eval 예제!JavaScript 2014. 6. 16. 16:02
eval() 함수 eval() 함수는 수식 형태로된 문자열을 실수로 바꾸어 반환해 주는 자바스크립트 내장 함수 이다. 예제) -------------------------------------------------------------------- eval 쓰기전 = eval 쓴 후 = 수정 버튼 을 클릭시 onclick 이벤트가 발생하여 eval로 f.테스트+SELECT절로 불러온 값 을 반환하여삭제로 바꾼것이다. 참고할만한 사이트 http://ohgyun.com/ eval 함수에 대해 예제와 함께 자세한 개념을 설명함 http://perfectionkills.com/global-eval-what-are-the-options/ eval 함수에 대해 매우 자세한 분석 eval 함수와 비슷한 기능을 하는 ..
-
자바스크립트 특정 영역 인쇄 소스!!JavaScript 2014. 6. 9. 09:03
function info_print() { var initBody = document.body.innerHTML;window.onbeforeprint = function () { document.body.innerHTML = document.getElementById("test").innerHTML;}window.onafterprint = function () { document.body.innerHTML = initBody; }window.print();} 필자는 div 태그로 인쇄하고 싶은 부분만 정하여 영역을 주었고 test라는 id 값을 줌으로써 인쇄 할 수 있도록 하였다
-