HTML INPUT 타입 중 하나인 체크박스 (checkbox) 다루기
# 아래의 예문에서 check 는 체크박스 객체의 name 속성이다. * 체크박스가 체크된 상태인지 알아보기 – alert(form.check.checked) * 자바스크립트로 체크박스 체크하기 – form.check.checked = true;
Category Archives: HTML/CSS
[펌글] this.form으로 알아보는 HTML DOM 에서의 this의 의미
– 출처 : 네이버 지식인 – HTML(Javascript)에서 this로 의미되는 것은 크게 두가지 형태가 있습니다. 첫째. window.document 를 가르킬때. <FORM name=take_form> <INPUT type=’button’ value=’계산해라!’ onclick=’take_plus(this.form)’ > </FORM> 위 소스에서 take_plus(this.form) 에 해당되는 부분인데요, take_plus라는 자바스크립트 function을 버튼 클릭시에 실행하게 돼는데, 해당 function을 호출할때 this.form이라는 파라메터를 넘긴것을 볼수있습니다 여기서 this.form은 풀어쓰면 window.document.form이라고도 볼수있는것이구요 javascript의 객체 접근방법은 상위객체에서 하위객체로… Read More »
[펌글] HTML문서나 레이어에서 가로 스크롤이 보이지 않게 하는 방법
* 문서전체에 안생기게 할때 body {overflow-x:hidden; overflow-y:auto} * 레이어에 적용할때 .noxscroll {overflow-x:hidden; overflow-y:auto} – 출처 : http://cafe.naver.com/rlavudrl/62 –
[펌글] PRE 태그의 용도
▶ <PRE> </PRE> : HTML 문서에서는 탭이나 스페이스 등이 잘 나타나지 않고 무시됩니다. 또한 문서의 들여쓰기가 마음데로 잘 되지 않는다. 그렇기 때문에 프로그램 소스코드의 경우 있는 그대로 브라우저에 나타나지 않게 됩니다. 이러한 경우에 사용할 수 있는 태그가 바로 <PRE> 태그입니다. 글자의 간격이 중요한 표나 문서의 경우 유용하게 사용될 것입니다. <PRE>태그를 사용할 때 주의해야 할 점은… Read More »
[펌글] Window객체의 기본속성 closed, status, length, name, opener, parent, self, top
window 객체의 속성들의 상당수가 네비게이터에서만 지원되는 속성이기 때문에 여기서는 제외 하고 익스플로러와 네비게이터 에서 공통으로 작동하는 속성을 알아보자. closed 속성 open 함수를 이용해서 window 를 열어주었을때 그 윈도우가 닫혔 는지를 알수 있는 속성이다. 이때 open 함수는 레퍼런스를 써서 창을 열어줘야 한다. 레퍼런스가 뭐냐거?? 그냥 하나의 변수라고 이해해두자. 이를테면 var maddog = window.open(‘ http://www.tagmania.net’,’_new’,”); 이런… Read More »
[펌글] FRAMESET, FRAME, iFRAME 태그의 속성
<FRAMESET> </FRAMESET> ★ 속성 border=”픽셀” 경계선의 두께 설정 bordercolor=”색이름/RGB값” 경계선의 색상 설정 cols/rows=”픽셀/%” 프레임셋 내의 프레임들을 열/행으로 나눌 때 frameborder=”1/0″ 프레임 경계선의 표시 유무 설정(1=yes/0=no) framespacing=”픽셀” 프레임셋 내에서 프레임간의 간격 <FRAME> ★ 속성 src=”url” 연결될 페이지 border=”픽셀” 경계선의 두께 설정 bordercolor=”색이름/RGB값” 경계선의… Read More »
[펌글] INPUT 태그의 속성
# <INPUT> * name : 필드의 이름 * type : 필드의 종류 (text,password,submit,reset,file,image,radio,checkbox,hidden) * value : 필드의 기본값 지정 (text,submit,radio.checkbox,hidden) * size : 필드의 크기 지정 (text,password) * maxlength : 입력할 수 있는 최대범위 (text,password) * checked : radio,checkbox에서 특정 항목을 기본값으로 체크해둘때 사용 * readonly : 보기만 가능하게 지정 (입력, 수정 불가능) * disable… Read More »
CSS의 정의하는 방법과 적용하는 방법
# 우선순위에 따른 CSS 적용 방법 (1 이 우선순위가 가장 높다) 1. <font style=”color:green; font-size:12px;”> 의 형태처럼 태그에 직접 적용 2. <style type=”text/css”> 의 형태로 문서내에서 정의 <!– 내용 –> </style> 3. <link rel=”stylesheet” type=”text/css” href=”문서주소… Read More »
[링크] OL, UL, LI 태그의 용법
http://blog.naver.com/jinriver/19809782
[펌글] DIV의 z-index 와 자바스크립트를 이용해서 레이어의 위치를 바꾸는 예제
DIV의 z-index 와 자바스크립트를 이용해서 레이어의 위치를 바꾸는 예제 (레이어를 클릭하면 바뀜) 첫번째 레이어 두번째 레이어 <html> <head> <script language=JavaScript> //z-index 를 서로 바꿔주는 메서드 2개 작성 (z-index 는 숫자가 클수록 힘이 쎄다-_-!) function z_arg() { layer1.style.zIndex = “2”; //자바스크립트에서 접근할 때는 z-index 가 아니라… Read More »
[펌글] DIV 태그의 사용 이유 및 용법과 유사태그 비교
DIV 태그 예제 <div id=”layer1″ style=”width:72px; height:21px; position:absolute; left:125px; top:145px”> <p><img src=”melos.jpg” border=”0″></p> </div> DIV 태그는 왜 사용하는가? – 웹문서에 특정한 구역을 설정하기 위해서 사용한다. 쉽게 말하면 웹문서의 특정 위치에 글이나 이미지를 적을 수 있는 네모칸을 만들어 놓는 것이다. DIV 태그 속성 설명 – id : 자바스크립트에서 호출하기 위한 이름… Read More »
프레임(FRAME)을 이용해서 주소창 URL 이 바뀌지 않도록 하기
# 첫 페이지를 index.html 이라 하고, 주소창에서 그 URL을 계속 유지하고 싶다면, index.html 을 다음과 같이 셋팅한다. (변동되는 페이지 중 첫 페이지는 /main/main.jsp 라고 가정한다) <FRAMESET title=”a” ROWS=”0,*” FRAMEBORDER=”NO” BORDER=”0″ FRAMESPACING=”0″ > <FRAME title=”b” NAME=”name1″ SCROLLING=”NO” noresize SRC=”#”> <FRAME title=”a” NAME=”name2″ SRC=”/main/main.jsp” SCROLLING=”auto”></FRAMESET> <noframes title=”a”> <body><p>프레임을 지원하지 않는 브라우저는 <a href=”/main/main.jsp”>프레임 없는 페이지</a>를 보십시오.</p></body></noframes>
innerHTML 에 대하여
# innerHTML 은 div 태그를 이용하여 문서내에 HTML 코드를 삽입할 수 있게 해 준다. 이것은 HTML 을 동적으로 만드는 방법의 하나로써 주로 사용한다. (예: 버튼 클릭시 변하는 HTML) (예 : innerHTML 예제) <script language=”javascript”> function inputHTML(){ var str = “새로운 코드가 입력됩니다.” document.getElementById(“aaa”).innerHTML =… Read More »