본문 바로가기

JavaScript11

jQuery로 체크박스(checkbox) 제어(control) 하기 jQuery checkbox 컨트롤 1. checkbox checked 여부 : id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == truename인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true => $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다Ex) $('input[name="checkbox_name"]').is(":checked") 2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_name"]').length 3. checkbox 선택된 갯수 : $('input:chec.. 2015. 2. 6.
referer 포함하는 popup 만들기 IE에서 window.open(url)로 열리는 팝업의 경우 GET 요청 헤더에 referer 정보를 포함하지 않습니다. Referer를 체크해서 뭔가를 하는 경우(제가 일하는 곳에서는 주로 방문 집계등과 같은 통계 정보를 추출하기 위해 사용합니다)에 문제가 됩니다. 일반적으로 팝업창을 여는 코드는 다음과 같습니다. Open Popup window 위의 코드를 IE에서 실행한 후 Fiddler 등으로 확인해 보면 referer 정보가 없다는 것을 확인할 수 있습니다. 다른 브라우저에서는 referer가 존재합니다(사실 정확히는 모르겠지만 IE에서만 그렇다는…). 그래서 이 코드를 다음과 같시 수정했더니 referer가 포함되네요. Open Popup window 원리는 onclick 이벤트 시 url을 .. 2008. 11. 21.
replaceAll 구현 var b = a.replace("-",""); alert(b); 결과 값 : 200808-28 아래와 같이 split 함수와 join 함수를 쓰면 이러한 문제가 해결 된다. ex) var a = "2008-08-28"; var b = a.split("-").join(""); alert(b); 결과 값 : 20080828 2008. 10. 7.
자바스크립트로 배경이미지 설정하기 역쉬 자바스크립트는 알면 알수록(사실 얼마 아는것도 음찌만......) 재미가 있군요 배경 그림을 자바스크립트로 바꿀수 있느냐는 비슷한 질문을 접하고 낑낑거려 보니 되더군요 태그에 스타일로 배경 그림을 정해줍니다. 그리고 document.body.style.cssText 속성을 이용해서 이 스타일을 재정의 해줍니다. 아래 소스를 좀더 수정 한다면 배경 그림에 관한 여러 기능을 만들수도 있을듯 하군요 ...........근데, 이거 별거 아닌 소스인가요?? 배경그림 바꾸기 2008. 5. 16.
window.onload 에 여러개의 함수 추가하기 윈도우창의 로딩이 완료되었을 시점(onload 이벤트 발생시)에 함수를 호출하거나 스크립트를 실행하는 방법은 여러개가 있습니다만 그 중 4가지를 예로 들어 보겠습니다. 1. body 태그의 onload 이벤트에 직접 실행할 스크립트를 써주는 방법입니다. 2. window.onload = function() {실행스크립트} window.onload 이벤트에 실행할 스크립트를 할당하는 방법입니다. 1번과 2번의 경우에는 서로 혼용할 수가 없습니다. 서로 대체해 버리기 때문에 둘 중 하나만 실행되며 실행할 스크립트가 추가될 경우 해당 라인을 찾아서 수정해줘야 하는 번거러움이 있습니다. 2번의 경우도 window.onload = function(){함수1();} window.onload = function(){.. 2008. 5. 10.
체크박스 전체 체크 or 해제 체크박스 선택하기 첫번째 두번째 세번째 네번째 다서번째 2008. 4. 25.
Shift Key 이용해서 checkbox 선택하기 리스트에서 특정 체크 박스들만을 선택하고자 할 때 그 갯수가 많으면 일일이 하나씩 찾아서 체크하기가 굉장히 불편합니다. 그래서 만든 기능인데 윈도우 탐색기나 이런데 보면 SHIFT키 누르고 클릭하면 처음 선택되어 있던 부분 부터 마지막 선택한 부분까지 선택되는 기능을 스크립트로 한번 구현해 봤습니다. 조금은 더 디테일한 기능을 만들 수 있을 것 같은데 우선은 이렇게만 구현해 봤습니당... 만약 필요하신 분이 있다거나 좋다고 생각하시는 분들은 마니 마니 써주세요.. 출처 :: PHPSCHOOL 2008. 4. 25.
모달창 사용하기 오늘은 모달 다이얼로그에 관하여 써보겠습니다. 이것을 쓰게 된 이유는 이러했다. Confirm 창에는 확인 취소 버튼 밖에 없기에 좀더 다양한 버튼 추가 및 버튼의 텍스트 변경으로 인하여 비슷한 것을 구현하려다가 그런 방법에는 편법으로 레이어로 구현하는 방법과 ( HTML 로 경고창을 구현한 다음 이벤트 발생시 그 레이어를 출력하는 형태 ) 모달 다이얼로그를 이용하는 방법이 있었다. 특히 모달 다이얼로그는 해당 창이 닫히기 전까진 부모창이 비활성화가 되기 때문에 좀 더 확실하고 경고창(확인창)과 비슷하게 만들 수 있다. 실제 모달 창을 띄우는건 window.showModalDialog(sURL [, vArguments] [, sFeatures]) 위처럼 showModalDialog 메쏘드만 실행시켜주면 .. 2008. 4. 25.
다중파일 업로드 폼 만들기 사이에 붙여 넣으세요 [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요 파일 추가 2008. 4. 25.
KeyCode List ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 INSERT = 45 DELETE = 46 0 = 48 1 = 49 2 = 50 3 = 51 4 = 52 5 = 53 6 = 54 7 = 55 8 = 56 9 = 57 A = 65 B = 66 C = 67 D = 68 E = 69 F = 70 G = 71 H = 72 I = 73 J = 74 K = 75 L = 76 M = 77.. 2008. 4. 25.
jQuery 간단한 소개 및 prototype, yui와 간단 비교 우선 jQuery에 대해 간단히 설명을 하자면, prototype.js같은 javascript framework(혹은 library)종류중 하나인데, XPath 라는 것을 지원한다. 사실 jQuery하면 대표되는것이 XPath인데, 간단하게 설명하면.. $("/html/body//p") 이런거다 ㅎㅎ. jQuery는 yui처럼 화려한 기능과, Demo를 제공하지 않는다. 이건 단점일 수 도 있겠지만 장점일 수 도 있다. 이를 다른말로 하면 가볍다라는 말로도 표현 할 수 있기 때문이다. 물런, yui도 원하는 js만 빼서 쓰면 되지만, 너무 많은 js 들이 있고, 어떤게 어떤걸 사용하고 호출하고..@_@; 완전 다단계다 ㅠ,.ㅠ (물런 필자가 yui를 많이 안써봐서 그렇게 느끼는 걸 수 도 있다) jQue.. 2008. 4. 25.