1. 폼에서 글자를 입력할 때 처음부터 한글이나 영문으로 지정하여 입력하도록 하는 방법
한글 우선 입력시
<input type="text" name="" size="" style="ime-mode:active" />
영어 우선 입력시
<input type="text" name="" size="" style="ime-mode:inactive" />
2. 한 페이지에 폼이 많은 경우 첫 번째 폼에 커서가 자동으로 위치하도록 하는 방법
function load_focus() {
if (document.forms.length > 0) {
if(document.forms[0].elements.length>0){
document.forms[0].elements[0].focus();
var field = document.forms[0];
for (i = 0; i < field.length; i++) {
if ((field.elements[i].type == "text") || (field.elements[i].type == "textarea") ) {
document.forms[0].elements[i].focus();
break;
}
}
}
}
}
3. 아이프레임 내용의 길이에 따라 아이프레임의 세로 크기를 자동으로 지정하도록 하는 방법
<script>
function iframe_autoresize(arg) {
arg.height = eval(arg.name+".document.body.scrollHeight");
}
</script>
<body>
<IFRAME src='불러올 문서명' onLoad="iframe_autoresize(this);" scrolling=no frameborder=0 marginwidth=0 marginheight=0 width='아이프레임 넓이' height='아이프레임 높이' name='아이프레임 이름'></IFRAME>
</body>
4. 마우스 드래그 및 오른쪽 버튼 클릭을 막는 방법
<body oncontextmenu="return false" onselectstart="return false" onkeydown="return false" ondragstart="return false">
5. 링크된 그림을 클릭했을 경우 나타나는 테두리 점선 없애는 방법
<a href = "링크될 주소" onfocus='this.blur()'><img src ="그림 경로" border="0"></a>
6. 팝업창이 항상 화면의 가운데 위치에 뜨게 하는 방법
<script type="text/javascript">
function popupLink(popHeight,popWidth){
var winHeight = document.body.clientHeight; // 현재창의 높이
var winWidth = document.body.clientWidth; // 현재창의 너비
var winX = window.screenLeft; // 현재창의 x좌표
var winY = window.screenTop; // 현재창의 y좌표
var popX = winX + (winWidth - popWidth)/2;
var popY = winY + (winHeight - popHeight)/2;
window.open("http://www.naver.kr","popup","width="+popWidth+"px,height="+popHeight+"px,top="+popY+",left="+popX);
}
</script>
<body>
<input type="button" value="팝업" onclick="popupLink(300,500)">
</body>
7. 페이지 자동으로 이동하는 방법
자바스크립트를 이용하는 방법
<script language="javascript">
<!--
location.href="이동할 주소";
-->
</script>
Header 함수를 이용하는 방법
<?
Header("Location:경로/파일명") ;
?>
메타 태그를 이용하는 방법 - <Head>와 </Head> 사이에 넣는다. 대기 시간을 0으로 하면 바로 이동한다.
<meta http-equiv="refresh" content="대기시간; url=http://이동할 주소">
8. 자바스크립트와 php 사이의 변수 전달
php 변수를 자바스크립트에서 참조하기
<script>
var hi="<?="hihi";?>";
</script>
'xhtml' 카테고리의 다른 글
| 페이스북 (0) | 2013.04.25 |
|---|---|
| checkbox 하나만 선택되게 하기 (0) | 2012.12.07 |
| 유용한 링크 모음 (0) | 2012.11.22 |