Development note/Javascript, JQuery, CSS 검색결과

검색 건수 : 31건

[Javascript] 웹 사이트나 블로그등에 소스 코드 보기(highlightjs.min.js)

안녕하세요. 명월입니다. 이 글은 Javascript를 이용해서 웹 사이트나 블로그등에 소스 코드 보기(highlightjs.min.js)에 대한 글입니다. 우리가 프로그램 관련된 블로그를 작성하거나(저처럼..) 웹 사이트를 작성한다고 한다고 하면 프로그램 소스 보기가 필요합니다. 이 소스 보기는 단순히 메모장처럼 소스를 라인별로 보이는 것이 중요한 것이 아니라 IDE 툴처럼 함수나 클래스 등에 색깔을 달리해서 가독성을 높이는 게 중요하겠네요.이런 가독성을 높이기 위한 라이브러리를 보통 소스 코드 하이라이트(highlight) 라이브러리라고 이야기하는데 종류가 굉장히 많이 있습니다.저는 그 중에서 highlightjs를 사용하고 있습니다.링크 - https://highlightjs.org/ 일단 사이트에..
Development note/Javascript, JQuery, CSS 2021. 1. 13. 16:08

[Html] video와 audio 태그

안녕하세요. 명월입니다. 이 글은 video와 audio 태그에 관한 글입니다. HTML5에서 video태그와 audio태그가 기본적으로 추가되었습니다. 그래서 예전처럼 따로 flash나 browser addon 프로그램을 설치하지 않아도 기본 옵션으로 동영상과 audio 플레이어를 실행할 수 있습니다. 한 10년 전만해도 media player를 커스텀해서 object 태그에 넣고 제공했던 것이 엊그제 같은데 , 이제는 태그만으로 플레이어를 만들 수 있으니 참 많이 편리해 졌다라고 생각됩니다. 샘플 음악 파일 - https://file-examples.com/index.php/sample-audio-files/sample-mp3-download/ 샘플 동영상 파일 - http://techslides.c..
Development note/Javascript, JQuery, CSS 2020. 3. 5. 15:01

[Jquery] ajax 전역 이벤트를 사용하는 방법

안녕하세요. 명월입니다. 이 글은 Jquery에서 ajax의 전역 이벤트를 사용하는 방법에 대한 글입니다. 제가 예전에 ajax에 관한 글을 작성한 적이 있습니다.링크 - [Jquery] Ajax 관련 이벤트링크 - [Jquery] Ajax xml 파싱 위 링크도 예전에 작성한 글들이라 수정이 필요는 합니다만 참고 사항으로 확인해 주세요.jquery에서 ajax를 사용할 때 ajax함수를 이용해서 서버와 비동기 통신으로 데이터를 취득해 올 수 있습니다. 그리고 프로젝트를 할 때 이 ajax함수는 아주 유용하게 사용할 것입니다.특히나 요즘에는 이 ajax사용 빈도가 상당히 높습니다. 그러나 ajax를 실행할 때 로딩 이미지를 설정하거나 혹은 ajax의 전역 처리가 필요할 때 일일히 ajax 함수를 찾아서 ..
Development note/Javascript, JQuery, CSS 2019. 11. 27. 09:00

[Javascript] Html태그로 파일 다운로드(base64)를 하는 방법

안녕하세요. 명월입니다. 이 글은 Html태그로 파일 다운로드(base64)를 하는 방법에 대한 글입니다. 우리가 웹 서비스에서 파일을 전송하기 위해서는 http 프로토콜 해더에 「Content-type: application/octet-stream」를 넣어야 합니다. file download 그러나 서버의 Request가 없이 html태그만으로 다운로드 링크를 만들 수 있습니다. a태그에 href에 base64타입으로 데이터를 넣은 후에 download 속성에 파일 명을 넣으면 파일 다운로드가 가능합니다.
Development note/Javascript, JQuery, CSS 2019. 11. 23. 09:00

[Javascript] 서명 마크(sign)를 만드는 방법(canvas태크)

안녕하세요. 명월입니다. 이 글은 html에서 서명 마크(sign)를 만드는 방법(canvas)에 대한 글입니다. 웹 설계를 하면 승인에 관계된 시스템이나 서명이 필요한 프로그램을 만들 경우가 많이 있습니다. 그럴 때 사용되면 좋지 않을까해서 소개합니다. 서명이라고는 하지만 사실 canvas로 그림을 그리고 그걸 이미지로 변환하는 작업이 전부입니다. save canvas의 그림이 그대로 이미지로 출력이 되었습니다. a 태그를 사용해서 스크립트로 다운로드를 만듭니다. 예제 save 결과 참조 - https://www.w3schools.com/jsref/event_touchstart.asp 참조 - https://developer.mozilla.org/ko/docs/Web/API/Touch_events 참조..
Development note/Javascript, JQuery, CSS 2019. 11. 14. 09:00

[Jquery] $.cookie 사용법

안녕하세요. 명월입니다. 이 글은 Jquery에서 $.cookie를 다루는 방법에 대한 글입니다. 웹 프로그래밍을 하면 쿠키와 세션의 개념이 있습니다. 이 두 개념은 간단하면서도 많은 분이 헤갈리는 개념입니다.먼저 쿠키(cookie)란 웹서버와 웹 브라우저 간의 정보 공유(share)를 위한 개념입니다. 쿠키 설정은 브라우저와 웹 서버에서 둘 다 할 수 있고, 정보는 브라우저 측에서 보관을 합니다.브라우저에서는 자바스크립트 등을 이용해서 쿠키를 등록하면 되고 서버 측에서는 response시에 Set-Cookie로 값을 등록하게 됩니다.세션(Session)의 경우는 브라우저와 웹 서버 간의 정보 공유(share)를 위한 개념인 것은 같으나 정보의 보관 개념을 브라우져가 아닌 서버 측에서 저장하게 됩니다.이..
Development note/Javascript, JQuery, CSS 2019. 11. 12. 09:00

[CSS] 반응형 웹을 만들기 위한 브라우저 사이즈별 css 적용 방법

안녕하세요. 명월입니다. 이 글은 CSS에서 반응형 style를 만들기 위한 브라우져 사이즈별 css 적용 방법에 대한 글입니다. 제 블로그도 마찬가지이지만 반응형 css로 브라우져의 기종 별이 아닌 너비(width)에 따라 css가 보이는 형태가 다릅니다.예를 들면 큰 모니터의 경우는 왼쪽 메뉴가 보일 것입니다.너비의 크기가 줄어 들수록 보이는 글자 크기던가 리스트의 여백 크기가 조금씩 변합니다.이런 너비 사이즈마다 css 스타일이 변경되는 것은 반응형 웹이라고 합니다. 예전에는 PC에서 접속하는 환경과 mobile에서 접속하는 환경을 파악해서 javascript혹은 css를 구분하여 style를 작성했으나 PC는 브라우저가 정해져 있지만 모바일의 경우는 브라우저 뿐아니가 모델마다 각각의 화면 크기가 ..
Development note/Javascript, JQuery, CSS 2019. 11. 5. 09:00

[Javascript] 팝업 라이브러리(bootbox)

안녕하세요. 명월입니다. 이 글은 Javascript의 팝업 라이브러리 bootbox에 대한 글입니다. 이 전에 제가 팝업에 관한 라이브러리에 대한 글을 작성한 적이 있습니다. 링크 - [Jquery] 다이얼로그 Dialog 링크 - [Bootstrap] 모달 (Modal) Jquery 라이브러리의 dialog를 이용하는 방법이나 혹시 Bootstrap의 웹 디자인 템플릿을 사용한다고 한다면 Model의 라이브러리를 사용할 수 있습니다. 제 생각에는 이 라이브러리를 사용하는 것만으로도 충분하다고 생각하나 이 라이브러리를 사용하지 못하는 경우도 있을 수 있습니다. 이미 화면 디자인이 완성된 프로젝트인데 Bootstrap를 넣으면 디자인이 바뀐다던가 Jquery UI Library를 사용하면 기존의 java..
Development note/Javascript, JQuery, CSS 2019. 11. 4. 18:40

[Javascript] 접속 브라우져를 확인하는 방법

안녕하세요. 명월입니다. 이 글은 Javascript로 접속 브라우져를 확인하는 방법에 대한 글입니다. 웹 디자인을 할 때 각 브라우저마다 다르게 대응해야한 스크립트가 존재할 수 있습니다. 가장 쉬운 예로 들면, 우리나라의 웹사이트에서는 아직 ActiveX를 많이 사용하고 있습니다. 이 ActiveX가 무엇이냐면 HTML 표준에는 Javascript로는 로컬의 파일을 스크립트에서 읽거나 쓰기를 세큐리티로 금지 되어있습니다. 아마 예전 IE8전에는 가능했었는데 브라우져에서 마음대로 로컬의 파일을 읽거나 쓰기가 가능하면 유저가 인지하지 못하는 가운데 시스템의 정보를 웹 서버 측으로 넘겨주는 것이 가능합니다. 즉, 사이트를 접속하는 것만으로 PC가 홀라당 읽히는 것입니다. 그래서 각 브라우져에서는 세큐리티 상..
Development note/Javascript, JQuery, CSS 2019. 11. 2. 09:00

[Javascript] Html에서 javascript 또는 css 파일등을 동적으로 로드하는 방법

안녕하세요. 명월입니다. 이 글은 Html에서 javascript 또는 css 파일등을 동적으로 로드하는 방법 대한 설명입니다. 사실 제목은 거창하게 동적으로 로드하는 방법이라고 작성은 했는데 방법은 단순하게 element 추가하는 것입니다. 그러나 그 추가하는 것이 일반 html태그가 아니고 script와 link의 태그를 추가하는 것입니다. input.test{ border: 5px solid red; height: 100px; width: 300px; } (function(obj){ obj.run(); })((function(){ var dynamicScript = function(src, cb){ // element 추가 var script = document.createElement("scrip..
Development note/Javascript, JQuery, CSS 2019. 11. 1. 09:00

[Jquery] Sortable(마우스 드래그 앤 드롭으로 리스트 정렬)

안녕하세요. 명월입니다. 이 글은 Jquery의 Sortable(마우스 드래그 앤 드롭으로 리스트 정렬)에 대한 글입니다. 많은 분들이 드래그 앤 드롭 기능을 사용한다고 하면 사실 이 Sortable를 찾는 게 많을 것입니다. 그냥 드래그 앤 드롭으로 레이 아웃만 움직이는 건.. 뭐 사양에 따라 사용하겠지만 가장 많이 사용되는 건 이거이지 않을까 싶습니다.여러 개의 세로로 된 리스트를 만들어서 안의 아이템을 이리 저리 이동 가능하게 만드는 것입니다.링크 - https://jqueryui.com/sortable/ Header card 1 no-move Header card 2 card 2 Header card 3 no-move Header card 4 no-move Header card 5 card 5 H..
Development note/Javascript, JQuery, CSS 2019. 10. 24. 22:39

[Jquery] 다이얼로그 Dialog

안녕하세요. 명월입니다. 이 글은 Jquery의 Dialog에 대한 설명입니다. Javascript에서 알람 창이라고 하면 alert();으로 작성하는 팝업이 있습니다. 이 팝업은 웹 상의 레이아웃은 아니고 브라우져의 모달로 된 새로운 윈도우 창입니다. Jquery에서는 이런 새로운 알람창이 아닌 웹의 레이아웃으로 만들어진 dialog 팝업창을 제공하고 있습니다. 링크 - https://jqueryui.com/dialog Jquery에서 제공하는 jquery는 html 태그 영역에 div를 만들어서 그 element에 dialog를 걸어서 만드는 방법으로 소개하고 있습니다. 제가 약간 기능을 추가해서 따로 html영역이 필요없이 사용할 수 있도록 만들었습니다 아래의 경로를 참고하면 됩니다. 링크 - ht..
Development note/Javascript, JQuery, CSS 2019. 10. 23. 23:06

[Jquery] 달력 라이브러리 Datepicker

안녕하세요. 명월입니다. 이 글은 Jquery의 달력 라이브러리 Datepicker에 대한 글입니다. Datepicker는 텍스트 박스에 포커스를 넣으면 달력 표시가 나와서 선택할 수 있는 jquery 라이브러리에서 제공하는 component입니다. 링크 - https://jqueryui.com/datepicker/ ~ ~ 예제 - 옆의 달력 표시를 눌러서 라이브러리 예제를 확인하세요. ~ ~ 참고로 각 언어별 cdn 링크 입니다. 링크 - https://cdnjs.com/libraries/jqueryui/1.9.2 jquery docment에서는 문자에서 Date형으로 변경하는데 「$.datepicker.parseDate」를 사용해서 변형하라고는 했는데 에러가 나네요... jquery 3.1과는 호환이..
Development note/Javascript, JQuery, CSS 2019. 10. 21. 09:00

[Jquery] CSS로 작성 된 loader 마크

안녕하세요. 명월입니다. 이 글은 css로 작성 된 loader 마크에 대한 글입니다. 웹 페이지에서 자바스크립트 처리를 할때 ajax 비동기 처리던가 복잡한 계산등으로 처리 시간이 걸리는 작업을 할 때, 웹 페이지를 잠시 멈추게 하고 로딩 마크가 나오게 해야하는 처리가 필요할 때가 있습니다.위와 같은 마크입니다. 예전에는 gif파일로 해서 z-index를 가장 높게 설정하고 이미지가 나오게 하는 방법도 있으나 조금이라도 편하게 사용하기 위해 css와 js로만 만들었습니다. 참조 - github 바로가기 CDN 주소 click! 사용방법은 먼저 loader.css와 loader.js파일을 선언합니다. 참고로 loader.js는 jquery기반으로 작성되었기 때문에 loader.js위에 jquery를 선언..
Development note/Javascript, JQuery, CSS 2019. 10. 16. 22:42

[Jquery] ajax 함수 사용 방법

안녕하세요. 명월입니다. 이 글은 Jquery의 ajax 사용 방법에 관한 설명입니다. 사실 이 글은 제가 거의 10년전에 작성한 글인데 현재의 사양과 다른 부분이 있어서 다시 작성했습니다.ajax는 웹 프로그램에서 단GET, POST의 웹 요청과 응답 기능이 아닌 자바스크립트로 웹 서버와 비동기 통신을 위한 웹 개발 기법입니다. 단순하게 웹 화면의 재 요청없이 자바스크립트 만을 이용해 서버와 데이터를 주고 받는 방식입니다. 바닐라 버전에서의 ajax를 구현하려고 하면 XMLHttpRequest 클래스를 이용해서 사용해야 하고 꽤나 복잡한 구조를 만들어야 합니다만 Jquery 라이브러리에서는 기본적인 설정은 다 구현이 되어 있고 json타입의 필요한 파라미터만 넘기는 방법으로 ajax를 사용할 수 있게 ..
Development note/Javascript, JQuery, CSS 2019. 10. 16. 22:00

[Javascript] window.history

안녕하세요. 명월입니다. 이 글은 Javasciprt에서 window.history에 대한 글입니다. Window.history는 현재 열고 있는 페이지의 이동 상태를 확인할 수 있고 이동 및 조작도 가능한 함수입니다. 이전 페이지로 이동 window.history.back(); 위 소스는 브라우져 상에서 뒤로가기와 동일하게 움직입니다. 다음 페이지로 이동 window.history.forward(); 위 소스는 브라우져 상에서 앞으로가기와 동일하게 움직입니다. 그러나 forward의 경우는 뒤로가기를 누른적이 없는, 즉 앞으로 가기에 대한 정보가 없을 때는 동작하지 않습니다. 해당 페이지로 이동 window.history.go(index 번호); back, forward는 한단계씩 이동할 수 있으면 g..
Development note/Javascript, JQuery, CSS 2019. 9. 2. 23:03

[Javascript] Clipboard를 사용하는 방법(Ctrl + c 할때 출처 붙이기)

안녕하세요. 명월입니다. 이 글은 Javascript에서 Clipboard를 사용하는 방법(Ctrl + c 할때 출처 붙이기)에 대한 글입니다. Clipboard란 우리가 임시로 Ctrl + C를 해서 글이나 이미지, 파일 등을 임시로 저장하는 프로그램입니다. clipboard에 관해서는 최근 모든 UI OS계에는 거의 표준으로 장착되어 있고 MAC이나 Ubuntu에서 Ctrl + C가 아닌 다른 단축키로 대응하는 경우가 있습니다.우리가 흔히 이야기하는 복붙 개념입니다. Clipboard를 잘 활용하면 Web service 환경에서도 꽤 편리하게 사용할 수 있습니다.가령, CSV를 업로드에서 데이터를 업데이트하는 기능이 있다고 하면 이 clipboard를 이용해서 사용자가 더 간편하게 사용할 수 있게 수..
Development note/Javascript, JQuery, CSS 2019. 8. 20. 23:34

[Jquery] ajax에서 동기화 작업하는 방법

안녕하세요. 명월입니다. 이 글은 ajax에서 동기화 작업하는 방법에 대한 글입니다. 예전에 ajax에 대해 소개한 적이 있습니다. 링크 - [Jquery] Ajax 예제 ajax는 기본적으로 비동기 처리의 함수입니다. 비동기라는 뜻은 처리의 결과를 기다리지 않고 병렬적인 처리라는 뜻입니다. 위 소스의 결과를 보면 Debug -2가 먼저 출력이 되고 Debug -1이 다음에 출력이 됩니다. 이게 비동기 식으로 되어 있어서 ajax를 호출하고 그 다음에 ajax의 결과를 기다리지 않고 스탭으로 넘어갑니다. 그러나 상황에 따라서 ajax를 사용하고 싶은데 Debug -1의 결과를 받고 그 결과에 따라서 다음 스탭처리를 하고 싶을 때도 있습니다. 그 방법은 위 ajax 값에 asyn: false만 넣으면 가능..
Development note/Javascript, JQuery, CSS 2019. 7. 15. 01:03

[Jquery] ajax를 이용해 파일 업로드하는 방법

안녕하세요. 명월입니다. 이 글은 ajax를 이용해서 웹 서버로 파일을 전송하는 예제입니다. 제가 이 글을 예전에 쓴 적이 있는 줄 알았는데 없네요.. 그래서 다시(?) 작성합니다. 구글에서 ajax로 파일 업로드를 찾으면 보통 input file에서 form 데이터로 변환하고 enctype를 multipart/form-data로 설정해서 submit하면 서버로 보낼 수 있다라는 글이 대부분입니다. 사실 틀린 이야기는 아닙니다만 굳이 submit으로 보낼꺼면 ajax를 이용할 필요가 없을 듯 싶네요. 그냥 웹 request로도 똑같은 결과가 나올 텐데.. 많은 사람들은 구글이나 외국 사이트에서 파일을 업로드하면 프로그래스바로 업로드 상태를 확인하면서 업로드 되는 것을 아마 ajax로 구현하고 싶다라는 생..
Development note/Javascript, JQuery, CSS 2019. 6. 16. 02:27

[Jquery] Jquery 초기 구조 설정하기

안녕하세요. 명월입니다. 이 글은 Jquery를 잘 사용하기 위한 초기 구조 설정에 관한 글입니다. 개인적인 경험에 의한 것이니 꼭 정답은 아닙니다. 최근에 Javascript 라이브러리 프레임워크가 갑자기 부쩍 늘었습니다. 내가 알고 있는 것만 해도 AngularJS가 있고 Vue.js가 있습니다. 그 밖에도 크고 작게 라이브러리 프레임워크가 늘어나고 있는 것 같습니다. 이러한 프레임워크가 늘어나면서 웹 어플리케이션에서 클라이언트의 새로운 개념이 생기고 예전보다 더 쉽게 빠르게 만들 수 있게 되었습니다. 특히 One page 사이트라 해서 초기 페이지의 웹 Request 없이 ajax 등을 통해 페이지가 동적으로 움직이고 더욱 깔끔하게 보입니다. 개인적으로 Vue.js는 저도 아직 공부해 보지 않았고 ..
Development note/Javascript, JQuery, CSS 2019. 5. 18. 00:42

[Javascript] JSON.parse 함수

안녕하세요. 명월입니다. 저번 글에서는 JSON.stringify를 함수를 이용해서 클래스 형식의 데이터를 JSON으로 변환하는 것에 대해 소개하였습니다. 이번 글는 반대로 Json형식으로 된 string값을 Object형식으로 변환하는 자바스크립트의 내장함수인 JSON.parson에 대해 소개하겠습니다. JSON.parson 함수의 사용방법은 JSON.stringify의 반대 형식으로 Json형식으로 된 String 형식을 파라미터로 넣으면 Object형식의 데이터가 반환됩니다. {"result1":"test","result2":"test2","result3":"test3"} span태그에서 json형식으로 된 값을 가져와서 JSON.parse함수를 이용해서 object로 변환했습니다.콘솔 로그를 보니..
Development note/Javascript, JQuery, CSS 2015. 4. 20. 00:24

[Javascript] JSON.stringify 함수

안녕하세요. 명월입니다. 이 글은 자바스크립트에서 Json을 다루는 stringify함수에 대해 소개하겠습니다 최근에 프로젝트를 하다 보면 Json이란 단어를 참 많이 접하게 되는 것 같습니다. 한 5~6년 전만 해도 Json의 비중보다는 XML의 비중이 컷는데 말입니다. 개인적인 생각인데 웹 문서가 XML이다 보니 정보교환의 구분 점을 위해 JSON을 많이 사용하게 되는 것 같네요. Json의 구조는 XML과 비슷합니다만 다른 점은 XML은 각 요소의 속성을 부여할 수 있는데 JSON은 속성은 없고 오로지 값에 대한 구조로만 이루어져 있습니다. 즉, 포괄적인 정보 교환으로는 아직도 XML을 사용하는 데, 값의 대한 정보만 주고 받는 데이타면 JSON을 더 많이 사용합니다. 그럼 Json의 구조에 대해서..
Development note/Javascript, JQuery, CSS 2015. 4. 19. 23:56

[Javascript] 소스 보기 라이브러리 - Syntaxhighlighter

안녕하세요 명월입니다. 이 글은 Syntaxhighlighter라이브러리에 대한 소개입니다. Syntaxhighlighter 라이브러리란 블로그 또는 웹 페이지에 프로그램 소스 보기할 때 사용하는 라이브러리 입니다. 저도 지금까지 이 라이브러리를 몰라서 포스팅에 소스를 사진으로 첨부하거나 테이블 박스를 생성하여 소스를 넣는 방법으로 입력했었습니다. 그러니 블로그 글을 보아서 소스를 참조하기도 힘들고 (이미지를 보고 하나하나 따라쳐야 하는 불편함) 눈에 확 들어오지 않네요. 그럼 Syntaxhighlighter 라이브러리의 사용 방법과 티스토리에 적용하는 방법까지 소개하겠습니다. using System; using System.Collections.Generic; using System.Linq; usin..
Development note/Javascript, JQuery, CSS 2013. 3. 12. 09:00

[Jquery] 슬라이드 메뉴

안녕하세요. 명월입니다. 이번 포스팅에서 소개할 소스는 Jquery를 이용한 슬라이드 메뉴입니다. 제가 사용하는 메뉴 중에 가장 깔끔하고 사용하기 편한 메뉴인 듯 합니다. Menu1 submenu1 submenu2 Menu2 submenu3 submenu4 메뉴 색은 여기서 설정할 수 있습니다. 메뉴 추가는 여기에서 할 수 있습니다. 여기서 보면 li 태그 안에 또 ul 태그와 li태그가 있습니다. 이 순서대로 코딩하시면 되겠습니다. 소스 예제 첨부합니다.
Development note/Javascript, JQuery, CSS 2012. 9. 19. 11:18

[Jquery] Ajax xml 파싱

안녕하세요. 명월입니다. 요번 포스팅에서 소개할 Ajax에서 xml의 데이터를 받는 방법입니다. 보통은 Json파일로 데이터를 받아서 사용하지만 xml로 할 수 있습니다.예를 들면 티스토리에서 rss와 연결해서 사용하는 방법이던가.. function get_data(key){ $.ajax({ type:"GET", url:"url", data : "", dataType : "xml", success:function(object){ }, error: function(xhr,status,error){ } }); } 예제입니다. 위 코드는 Same Origin Policy 에 걸린 소스 입니다. XML 은 JSONP 와 마찬가지로 안 걸릴 줄 알고 해본 것이나 결국, 걸려서 실패 된 소스입니다. 그래도 로컬에서..
Development note/Javascript, JQuery, CSS 2012. 9. 13. 10:11

[Jquery] append(), appendto()

안녕하세요. 명월입니다. 웹 개발을 하다 보면 웹페이지를 동적으로 만들어야 할 경우가 많이 있습니다. 동적으로 만드는 것중에 하나가 Ajax도 있지만 그런것보다 TextBox를 추가한다던지 버튼을 눌렀을 경우 웹페이지의 형태(DOM)을 바꾸어야 할 때가 간혹 있습니다.그럴 때 사용하는 함수 append(), appendto() 함수를 소개합니다.append 는 지정한 id 요소에 내용을 추가하는 기능을 가지고 있습니다. Javascript 로 비교 하자면 innerHTML과 비슷한 기능을 수행한다고 생각하시면 쉽습니다. 사용법 : $(클래스명).append(추가할 내용); $(추가할내용).appendTo(클래스명); 예제로 설명하겠습니다. 결과 화면 입니다.
Development note/Javascript, JQuery, CSS 2012. 9. 9. 21:25

[Jquery] 소스보기, 새로고침, 드래기 막기 소스

안녕하세요. 명월입니다. 웹페이지 개발할 때 자주 쓰이는 소스보기 막기, 새로고침 막기, 드래그 막기 소스 입니다. 그럼 살펴보겠습니다. Test 위 소스는 조금 복잡하게 되어있으나 설명하겠습니다. document.onkeydown = function(){ if(event.srcElement.type != "text" && event.srcElement.type != "textarea"){ if(event.keyCode == 116){ event.keyCode = 2; return false; }else if(event.ctrlKey && (event.keyCode == 78 || event.keyCode == 82)){ return false; }else if(event.keyCode == 8){ re..
Development note/Javascript, JQuery, CSS 2012. 9. 8. 17:36