javascript 17

select 엘리먼트에서 선택한 option text, value 인식하기

http://cafe.naver.com/requirements/163 선택한 option 엘리먼트의 text와 value를 추출하기 위한 두 가지 형태의 DOM 스크립트 작성 방법을 비교하여 최적의 방법을 생각해 보고자 합니다. --- 방법: 1 --------------------- for (m = 0; m < pointFileSplit.length; m++) { var pointCount = m.toString(10); var optionID = "opt" + pointCount; var optionCheck = document.getElementById (optionID); if (optionCheck.selected == true { //option을 선택하면 true var selectValue..

웹&컴퓨팅 2007.10.30

meta

소스보기를 막는 코드는 여러가지가 있습니다. 하지만 소스보기를 막는 코드가 있다고 하더라도 조금만 관심을 가지면 소스는 100%볼 수가 있습니다. 그 어떤 HTML이던 소스보기는 100%차단할 수 없으며(100% 볼수 있음) 소스보기를 번거럽게 할 뿐(소스보기를 까다롭게)입니다. 인터넷의 특성상 소스는 100%오픈되어 있습니다. 아래문서는 소스보기를 막는 코드들로써 어느정도 소스보기를 번거럽게 할 수 있지만 100%차단을 할 수 는 없습니다. 1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기 'return false' > >'return false' : 마우스 오른쪽 메뉴 금지 false : 드래그 금지 : 선택복사 금지 참고 키보드 완전 금지 2. 마우스 오른쪽 버튼 클릭시 경고 메세지 3. 프레임 ..

웹&컴퓨팅 2007.10.11

스크립트

/** * 브라우저의 버전을 체크합니다. */ function getbrowser() { var tempdocument = window.document; if (tempdocument.all && tempdocument.getelementbyid) // 인터넷 익스플로러 5.x { return 1; } else if (tempdocument.all && !tempdocument.getelementbyid) // 인터넷 익스플로러 4.x { return 2; } else if (tempdocument.getelementbyid && !tempdocument.all) // 넷스케이프 6 { return 3; } else if (tempdocument.layers) // 넷스케이프 4.x { return 4;..

웹&컴퓨팅 2007.10.11

자바스크립트

자바스크립트............................................................. 자바스크립트는 네스케이프사가 개발한 객체지향 스크립트언어로 HTML문서내에 작성하고 웹브라우저에 의해 실행된다. 웹브라우저가 가진 객체도 이용한다. 넷스케이프 네비게이터 2.0/익스플로러 3.0 이상이면 자바스크립트를 사용할 수 있다. 지금의 브라우저 상황에서는 별로 해당되지 않겠지만... 다만 브라우저마다 조금씩 지원하지 않는 것과 지원하는게 조금 차이가 있다. 자바스크립트는 작성자의 입장에서 보면 HTML이 버전업된 것처럼 자연스럽게 받아들여도 무방할 듯 싶다. HTML과 달리 에디터가 도와주지 않는게 흠이지만.... ■ 웹문서에 꼭 필요한 자바스크립트의 기능을 살펴보면 ? 새창을..

웹&컴퓨팅 2007.08.02

select 박스를 multiple 로 업다운

안녕하세요. 양군입니다. 오늘은 재밌는걸 한번 해 보려고 합니다. 웹에서 select 박스를 많이 사용하는데요. 옵션중에 multiple 이라는 옵션을 사용하게 되면, 한번에 여러개를 선택할 수 있게 됩니다. 이런 형태죠? 옆에 옵션에 size=7 이라고 주게 되면, 화면에 7칸이 보이게 한다는 뜻이구요. 위 코드를 정리해보면, 화면에는 7칸이 보이면서, 여러개를 동시에 선택할 수 있는 박스가 마들어 지는 것입니다. 그럼 오늘 해야할 일이 모죠? 바로 여러개를 선택한 상태에서 선택한 Option을 위 혹은 아래로 이동시켜 보는 것입니다. 이런 모양이 될것입니다. Option 1Option 2Option 3Option 4Option 5 위 그림과 같이 Option 2, Option 4를 선택한 가운데 "U..

웹&컴퓨팅 2007.07.28

자바스크립트 이벤트

[자바스크립트] 이벤트 핸들링 onAbort 이미지를 로딩하는 작업이 사용자의 행동으로 인해 취소되었을때 onBlur 문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 사라질때 onChange 텍스트 필드나 텍스트 영역, 파일 업로드 필드, 선택 항목이 변경되어 현재 입력 포커스가 사라질 때 onClick 링크나 클라이언트측 이미지맵 영역, 폼 요소가 클릭되었을 때 onDbClick 링크나 클라이언트측 이미지맵 영역, 문서가 더블 클릭되었을 때 onDragDrop 드래그된 객체가 윈도우나 프레임에 드롭되었을 때 onError 이미지나 윈도우, 프레임을 로딩하는 동안 에러가 발생할 때 onFocus 문서나 윈도우, 프레임 세트, 폼 요소에 입력 포커스 놓였을 때 onKeyDown 키를 누를 때 ..

웹&컴퓨팅 2007.06.19

JavaScript

JavaScript 1. Method & Object 변수의 선언, 초기화, 범위 사용자 정의함수 자바스크립트 내장함수 객체의 함수 생성자 함수와 객체 Object 객체와 상속 내장객체 2. HTMLElement & Collection HTMLElement Object Style Object Collection Object 3. Event & EventHandler Event EventHandler 4. Browser Object Model Window Object Property Window Object Method Window Object EventHandler Window Sub Object 5. Document Object Document Object Property Document Object ..

웹&컴퓨팅 2007.06.19