홈페이지에서 간단하게 쓸 수 있는 팁을 모아보았다.
이 중에서 아이프레임의 세로 크기가 자동으로 조절되는 방법은 게시판 위주의 홈페이지에서 사용해봤었다.
게시판의 글 내용을 확인할 경우 아무리 글이 길어져도 모두 표시할 때 아주 유용하게 사용된다.
나머지 팁들은 사이트를 만든다면 자주 찾아서 쓰게 되는 팁들이다.
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에서 참조하기 - 없음
'말랑말랑 컴퓨터 > PHP&Mysql 자료&팁' 카테고리의 다른 글
| php 달력 소스 by Y (0) | 2013.04.10 |
|---|---|
| 무료호스팅 '미리내' 계정 신청, 파일 업로드, DB 구축 by Y (6) | 2013.03.28 |
| php 방문자수 소스 by Y (5) | 2013.03.26 |
| APM 서버 구축하기 (APMSETUP7 다운로드) by Y (13) | 2013.03.11 |
| 유용한 PHP 함수 모음 (문자열 함수, 날짜 함수 등) by Y (0) | 2013.03.06 |
| 우편번호 DB 다운로드하여 테이블 만들기 (도로명 주소 포함) by Y (4) | 2013.03.05 |
| PHP 기본 데이터베이스 관련 구문 by Y (0) | 2013.03.05 |
| 기본 SQL 쿼리문 정리 by Y (0) | 2013.03.04 |
