홈페이지에서 간단하게 쓸 수 있는 팁을 모아보았다.

이 중에서 아이프레임의 세로 크기가 자동으로 조절되는 방법은 게시판 위주의 홈페이지에서 사용해봤었다.

게시판의 글 내용을 확인할 경우 아무리 글이 길어져도 모두 표시할 때 아주 유용하게 사용된다.

나머지 팁들은 사이트를 만든다면 자주 찾아서 쓰게 되는 팁들이다.

 

 

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>

 

자바스크립트 변수를 php에서 참조하기 - 없음

 

 

 

 

 
 
 
 

 

 

Posted by 두여자 Y&S

댓글을 달아 주세요

  1. 이전, 난 당신의 블로그에서 영수증 iuni의 의견에 감사드립니다.

    2013.03.14 11:51 [ ADDR : EDIT/ DEL : REPLY ]
    • 외국분이신거 같은데 어쨌든 댓글 달아주셔서 감사~
      구글 번역기인가..알고보니 혹시 욕은 아니겠죠?^^;;

      2013.03.14 14:30 신고 [ ADDR : EDIT/ DEL ]
  2. 노땅프로그래머

    댓글때문에 웃고갑니다~ ㅎㅎ

    2013.07.31 21:00 [ ADDR : EDIT/ DEL : REPLY ]