한줄짜리 웹소스
▶ 해상도에 따라 스크롤바가 생기지 않는 최대영역
1024×768 : (1004 × 617) / 800×600 : (780×449)
윈도우의 테두리 + 세로스크롤바의 크기는 총 28px
세로의 영역은 개인의 윈도우에 따라 가변이 크나 일반적으로(주소창,도구창)있는 경우에만 해당함
▶ 링크걸어서 팝업창 띄우기
<a href="#" ONCLICK="window.open
('팝업주소','팝업이름','width=80,height=60,toolbar=yes,resizable=no,scrollbars=no,left=0,top=0')">
▶ 그림에서 링크 표식 없애주기
<a href="#" onfocus='this.blur()'><img src="motifdn.gif"></a>
css로 일괄처리하기 -> <style> a { onfocus : "this.blur();" } </style>
▶ HTML에서 점찍기
· /•을 이용
· 잘 · 찍 · 히 · 나
• 해봅시다
▶ 클릭하면 자동으로 창 닫기
<a href="javascript:window.close()">이미지나.. 글자</a>
▶ 텍스트에 풍선말 달기
<font color="#CC00FF" TITLE="풍선말" STYLE=" cursor:hand;">[여기에 마우스를]</font>
▶ 풍선말에 엔터적용시키기
<img src="/images/test.gif" alt="설명1 설명2 설명3">
▶ 이미지 반투명처리하기
<img src="그림주소" style="filter:alpha(opacity=100,style=2,finishopacity=0)">
▶ 소스그대로 보이게 하기
<xmp><h1>태그입니다.</h1><font color=red>태그가 잘 보이시죠?</font></xmp>
▶ 즐겨찾기 추가
<a href="javascript:window.external.AddFavorite('http://www.nate.com','네이트');">
즐겨찾기에 추가</a>
▶ 링크로 윈도우 이동하기
<a href="#" onClick="parent.close()">창닫기</a>
<a href="#" onClick="history.back()">이전페이지로</a>
<a href="#" onClick="history.forward()">앞 페이지로</a>
<a href="#" onClick='top.location="javascript:location.reload()"'>새로고침</a>
▶ input 고정시키기
<INPUT TYPE="text" SIZE=40 VALUE="모디의 집입니다." readonly>
<INPUT TYPE="button" VALUE="START" disabled>
<INPUT TYPE=text name="test" value="test" disabled>
▶ input와 textarea에 글자 보이게 하고 커서위치시 사라지게하기
<INPUT TYPE="text" SIZE=40 VALUE="모디의 집입니다." onfocus="this.value''">
<TEXTAREA name="test" onfocus="this.value''">모디의 집입니다.</textarea>
▶ 글자흐르는 태그
<marquee direction=right>오른쪽으로 </marquee>
<marquee direction=left>왼쪽으로 </marquee>
<marquee direction=up>위쪽으로 </marquee>
<marquee direction=down>아래쪽으로 </marquee>
<marquee direction=up height=50 scrollAmount=1.5 size="300">내용</maquee>
▶ 마우스 커서 모양 바꾸기
<font style="cursor:hand">hand</font>
<font style="cursor:auto">auto</font>
<font style="cursor:default">default</font>
<font style="cursor:move">move</font>
<font style="cursor:e-resize">e-resize</font>
<font style="cursor:ne-resize">ne-resize</font>
<font style="cursor:nw-resize">nw-resize</font>
<font style="cursor:n-resize">n-resize</font>
<font style="cursor:se-resize">se-resize</font>
<font style="cursor:sw-resize">sw-resize</font>
<font style="cursor:w-resize">w-resize</font>
<font style="cursor:wait">wait</font>
<font style="cursor:help">help</font>
<font style="cursor:crosshair">crosshair</font>
▶ 팝업 창을 항상 앞에 나오게 하는 방법
<BODY onBlur="window.focus()">
- 무조건 항상 앞에 나오으로 사용시 유의해야함
<BODY onBlur="setTimeout('window.focus()',5000)">
- setTimeout()은 적당한 시간 간격마다 특정 함수를 호출할 수 있는 기능으로 5초에 한번씩 호출한다
jqgrid 이용한 그리드 활용하기
Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사...