qOOp

사용자의 입력,변경을 금지하기 hobby1 hobby2 자바스크립트의 경우에는 대소문자를 구별하기 때문에 readOnly 에서 O는 반드시 대문자로 해야한다. input 과 textarea는 readOnly로 그외에는 disabled 로 설정하면된다.

SELECT 박스에서 테두리 변경하기 기본적으로 select 박스는 css가 적용이 되지 않는다. 따라서 레이어를 생성하고 콤보박스의 테두리를 강제로 가리고, 대신 레이어에 테두리를 넣어 보기에는 콤보박스의 테두리가 바뀐것처럼 보이게 한다. #select { font-size:13px; width: 200px; background:#eee; font-weight:bold; } #div1 { position:relative; margin-right:7px; width:204px; height:25px; border:2px solid #000; background-color:#eee; } #div2 { width:204px; position:absolute; top:0px; z-index:1; clip:re..

TEXTAREA 스크롤바가 기본의 경우에는 오른쪽에 생기지만, dir를 rtl로 할경우에는 좌측에 생긴다. 즉, 정렬방식으로 보면 우측정렬이라고 생각할수 있다.

자바스크립트로 콤보박스의 value 값이 아닌 텍스트 값을 가져오기 텍스트1 텍스트2 텍스트3

자바스크립트 난수 발생하기 function random() { var ranval = Math.random(); // 0.xxxxx 형식의 숫자를 생성시킴 // var ranval = Math.floor(Math.random()*100) // 정수형의 난수를 생성 alert(ranval); }

Show Hide 자바스크립트 CheckBox 체크박스의 이벤트 핸들러의 경우에는 onclick 이다. 클릭을 할경우 showHideBox(this) 를 호출한다. Obj.checked 로 체크박스 객체가 체크되었는지 유무를 확인한다. 위의 소스를 이용하여 여러곳에서 사용이 가능한 소스로 변경. ShowHide를 시킬 대상의 이름을 함수에 함께 포함시켜서 대상의 이름변경만으로 여러곳에서 사용이 가능하다.

Show Hide Javascript 함수를 넣어서 간단하게 쇼하이드를 시킬수 있다. 보이지 않게 할 경우. function hideLayer(whichLayer) { if (document.getElementById) { // DOM의 사용이 가능한 경우 document.getElementById(whichLayer).style.visibility = "hidden"; document.getElementById(whichLayer).style.display = "none"; } else if (document.all) { // IE의 예전버전의 경우 document.all[whichlayer].style.visibility = "hidden"; document.all[whichlayer].style.d..

AJAX (Asynchronous Javascript and XML) Ajax의 영문으로 보아서 javascript와 XML을 사용한 어떤 언어 같이 느껴질수 있다. 물론 javascript와 XML을 사용하지 않는것은 아니다. 당연히 Ajax에서 javascript와 XML은 많은 부분을 차지한다. 그러나 그 외에도 DOM, JSON 등 복합적으로 사용되는것이 Ajax이다. 이름으로 보아서는 새로운 방식의 언어라고 생각할수도 있을지 모르지만 우리가 예전부터 익히 사용해 왔던 DHTML을 기본으로 여러가지 기능이 추가된 언어라고 생각하면 될듯하다. DHTML은 Dynamic HTML 즉 DOM을 사용해서 문서를 동적으로 변화시키는 방식인데 Ajax는 DHTML을 많이 사용한다. Ajax와 기존의 방식과 ..

Javascript 와 DOM을 사용해 간단한 시계. 시계 현재 시간은 입니다. DOM(Document Object Model)의 getElementById를 사용하여 ID가 clock를 clock 변수에 넣고, now에는 현재의 시간을 설정한다. DOM을 가장 편하게 쓸수 있는 방법 중의 하나가 innerHTML 인데, clock.innerHTML 에 현재의 시간을 넣으면 쉽게 span 태그내에 시간이 들어간다. 소스 보기를 하면 당연히 span 태그 내에는 아무것도 없다.

DOM 이 표준이라고 하지만 아직도 브라우저에 따라서 DOM을 사용할수 없을 경우도 있다. 실제 함수의 앞부분에 이렇게 입력을 해 만약 DOM을 사용할수 없을 경우에는 더 이상 함수를 사용하지 않게 할수 있다.