테스트 사이트 - 개발 중인 베타 버전입니다
SIR

다양한 자바스크립트 버튼 들

Elbis
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 2680
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> JASKO 샘플 페이지 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Elbis">
<META NAME="Keywords" CONTENT="JavaScript, 자바스크립트">
</HEAD>


<BODY>


<!------------------------- 팝업 윈도우 열기 ----------------------->

<center>

<H3>새 창 열기</H3>


<FORM>

<input type="button" Value=" 야후! 코리아 " ONCLICK="window.open('http://www.yahoo.co.kr/', 'Sample', 'toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=yes,width=400,height=300')">

</FORM>

<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->
<input type="button" Value=" 야후! 코리아 " ONCLICK="window.open('http://www.yahoo.co.kr/', 'Sample', 'toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=yes,width=400,height=300')">

<!-- 옵션중에서 어느 한가지만 지정하면 나머지 옵션들은 전부 no 로 지정됩니다-->
<!-- 예 -->
<input type="button" Value=" 야후! 코리아 " ONCLICK="window.open('http://www.yahoo.co.kr/', 'Sample', 'width=400,height=300')">
</textarea>


<hr>

<!------------------------- 폼 메일 보내기 ----------------------->

<H3>폼을 이용한 메일 보내기</H3>

<script language="JavaScript">
function mailMe( form ) {
// 여기에 체크 코드를 입력합니다
return true;
}
</script>

<form name="testform" method="POST" action="mailto:babo@babo.com?subject='메일제목'" onSubmit="return mailMe( this.form )" enctype="text/plain">

홈페이지 주소:<br>
<input type="text" name="URLbox" value="http://" size=50><br>
내용을 입력 하세요:<br></font>
<input type="text" name="titlebox" value="" size=50>
</form>

<form name="testform" method="POST" action="mailto:babo@babo.com?subject='메일제목'" onSubmit="return mailMe( this.form )" enctype="text/plain">
<input type="submit" value=" 확인 ">
</form>

<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<script language="JavaScript">
function mailMe( form ) {
// 여기에 체크 코드를 입력합니다
return true;
}
</script>

<form name="testform" method="POST" action="mailto:babo@babo.com?subject='메일제목'" onSubmit="return mailMe( this.form )" enctype="text/plain">

홈페이지 주소:<br>
<input type="text" name="URLbox" value="http://" size=50><br>
내용을 입력 하세요:<br></font>
<input type="text" name="titlebox" value="" size=50>
</form>

<form name="testform" method="POST" action="mailto:babo@babo.com?subject='메일제목'" onSubmit="return mailMe( this.form )" enctype="text/plain">
<input type="submit" value=" 확인 ">
</form>
</textarea>

<!------------------------- 링크 버튼 만들기 ----------------------->

<hr>

<H3>링크버튼 만들기</H3>

<form>
<INPUT TYPE="button" VALUE="야후! 코리아" onClick="parent.location='http://www.yahoo.co.kr'"></form>

<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->
<INPUT TYPE="button" VALUE="야후! 코리아" onClick="parent.location='http://www.yahoo.co.kr'">
</textarea>

<hr>


<!------------------------- 프레임간 링크 버튼 ----------------------->


<H3>프레임간 링크버튼 만들기</H3>

<form>
<INPUT TYPE="button" VALUE="야후! 코리아" onClick="parent.main.location='http://www.yajoo.co.kr'"></form>
<FONT SIZE="2" COLOR="blue">이 스크립트는 프레임이 없는 현재 상태에서는 에러가 납니다</FONT>
<br>
<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="button" VALUE="야후! 코리아" onClick="parent.main.location='http://www.yajoo.co.kr'">
<!-- 여기서 main 은 보여주고자 하는 프레임명 입니다 -->
</textarea>
<hr>

<!------------------------- 뒤로가기/앞으로가기 ----------------------->


<H3>뒤로가기 / 앞으로 가기</H3>

<SCRIPT LANGUAGE="JavaScript">
<!--
function goHist(a)
{
history.go(a);
}
//-->
</script>


<FORM METHOD="post">
<INPUT TYPE="button" VALUE=" 뒤로가기 " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="앞으로 가기" onClick="goHist(1)">
</form>


<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<SCRIPT LANGUAGE="JavaScript">
<!--
function goHist(a)
{
history.go(a);
}
//-->
</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE=" 뒤로가기 " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="앞으로 가기" onClick="goHist(1)">
</form>

<!--
2 페이지 앞으로 가려면 goHist(2)
2 페이지 뒤로 가려면 goHist(-2)
-->

</textarea>

<hr>


<!------------------------- 프레임에서 뒤로/앞으로 가기 ----------------------->


<H3>프레임에서 뒤로/앞으로 가기</H3>

<form>
<INPUT TYPE="button" VALUE=" 뒤로가기 " onClick="parent.main.history.back()">
<INPUT TYPE="button" VALUE=" 앞으로 가기 " onClick="parent.main.history.forward()"><BR><BR>

<FONT SIZE="2" COLOR="blue">이 스크립트는 프레임이 없는 현재 상태에서는 에러가 납니다</FONT>
<br>
<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="button" VALUE=" 뒤로가기 " onClick="parent.main.history.back()">
<INPUT TYPE="button" VALUE=" 앞으로 가기 " onClick="parent.main.history.forward()">

<!--
여기에서 main 은 프레임 이름 입니다
-->

</textarea>

<HR>


<!------------------------- 소스 보기 ----------------------->

<H3>소스 보기</H3>

<FORM>
<INPUT TYPE="BUTTON" VALUE=" 소스 보기 " onClick= 'window.location = "view-source:" + window.location.href'>
</form>

<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="BUTTON" VALUE=" 소스 보기 " onClick= 'window.location = "view-source:" + window.location.href'>
</textarea>


<HR>

<!------------------------- 프레임 소스 보기 ----------------------->


<H3>프레임 소스 보기</H3>

<FORM>
<INPUT TYPE="BUTTON" VALUE=" 소스보기 " onClick= 'parent.menu.location = "view-source:" + parent.menu.location'>
</form>

<FONT SIZE="2" COLOR="blue">이 스크립트는 프레임이 없는 현재 상태에서는 에러가 납니다</FONT>
<br>
<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="BUTTON" VALUE=" 소스보기 " onClick= 'parent.menu.location = "view-source:" + parent.menu.location'>

<!--
여기에서 menu 는 프레임 이름 입니다
-->

</textarea>

<hr>

<!------------------------- 새로고침 --------------------------------->

<H3>페이지 새로고침</H3>

<form>
<INPUT TYPE="button" VALUE=" 새로고침 " onClick='parent.location="javascript:location.reload()"'>
</form>

<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="button" VALUE=" 새로고침 " onClick='parent.location="javascript:location.reload()"'>
</textarea>

<HR>

<!------------------------- 프레임 새로 고침 ----------------------->


<H3>프레임 새로고침</H3>

<form>
<INPUT TYPE="button" VALUE=" 프레임 새로고침 " onClick='parent.main.location="javascript:location.reload()"'>
</form>
<FONT SIZE="2" COLOR="blue">이 스크립트는 프레임이 없는 현재 상태에서는 에러가 납니다</FONT>
<br>
<font size=2 color=teal><b>소스코드</b></font><br>
<textarea rows=5 cols=50 style="background-color:#EEEEEE">
<!-- 아래의 방법으로 원하는 위치에 코드를 붙여 넣습니다 -->

<INPUT TYPE="button" VALUE=" 프레임 새로고침 " onClick='parent.main.location="javascript:location.reload()"'>
<!--
여기에서 main 은 프레임 이름 입니다
-->

</textarea>

</center>

</BODY>
</HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
10705
Linux LINUX 해킹당했을 때 대처요령 2
10698
기타 인물사진을 위한 다단계 리사이즈 6
10697
Flash 웹문서에 페이지 로딩중 효과 | SCRIPT
10693
JavaScript 플래쉬에서팝업창띄우기 3
10687
Flash 플래쉬 팁 여러가지 5
10683
기타 페이지 전체 가운데 정렬 margin: 0 auto; 3
10681
기타 /home에 있는 계정을 계정별로 따로 백업하는 스크립트 1
10680
기타 가상콘솔의 갯수 조절하여 메모리 절약하기
10677
기타 proftp 에서 사용자가 상위 폴더로 이동을 못하게... 2
10671
기타 아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 5
10670
JavaScript smtp로 메일보내기(102번 게시물과는 다른 방법)
10666
Flash 플래시로 웹페이지 만들면서 아주 중요한 팁!! 3
10664
JavaScript 아이프레임 자동으로 늘어나는 자바 스크립트. 1
10658
Flash 패치문제 하나의 js파일만 만들고 여러개의 플래쉬무비 해결하는 방법 5
10656
기타 samba서버에 한글이름으로 된 파일을 올리면, ssh 및 ftp에서 깨져 보일경우 1
10653
PHP 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 7 2
10652
정규표현식 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 6
10651
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 5
10650
기타 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 4
10649
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 3
10648
Flash 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 2
10646
MySQL 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 1 1
10645
Linux 리눅스 CD로 망가진 파일복구하기
10642
MySQL 25가지 sql 작성법 2
28809
HTML union top n 가져오기 1
10641
기타 SQL 서버 관리자가 알아야 할 11가지 유용한 팁
10638
JavaScript 이미지 테두리 없애기 스타일 시트 2
10637
기타 [Javascript] 레이어 스크립트 소스 | +JavaScript
10636
JavaScript window.open property | +JavaScript
10635
기타 자신 사이트 메일 주소 사용하기 체크박스 | +JavaScript
28808
HTML 주민번호 앞자리에서 뒷자리로 자동이동 | +JavaScript
10634
JavaScript 이메일 selectbox | +JavaScript
10632
JavaScript [Javascript] 끊기지 않는 배너 롤링 1
28807
HTML [자바스크립트] 오늘 날짜 함수
28806
HTML [자바스크립트] 라디오 버튼 비활성
10631
JavaScript [Javascript] id값 변수명으로 치환
10630
기타 [Javascript] 마우스 & 키보드 제한 스크립트
10629
기타 무단링크 금지 스크립트
28805
HTML 익스플로러 6의 이미지 도구모음(저장버튼 등) 뜨는 것 막기.
10627
JavaScript 상태바의 링크 주소 감추기 1
10626
기타 동영상 마우스 오른쪽 버튼 막기
10625
기타 shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기
28804
HTML 새로고침(F5), 전체창(F11) 막기
28803
HTML 프레임 소스보기 막기
10624
기타 마우스 오른쪽 버튼 클릭시 경고 메세지
10623
기타 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기
28802
HTML [Javascript] TEXTAREA에서 특정 문자열 선택 하기
10622
기타 팝업창 중앙에 위치 시키기
10620
PHP 본문에 주민등록번호가 포함되면 경고 1
10619
PHP 입력내용중의 일부만 보여주고 x 표시 할때
10618
기타 아파치 하고 연동될때 GET 방식 한글처리
10616
기타 CSS공부에 도움이되는 홈페지 추천합니다 1
10615
기타 제가 유용하게 쓰는 홈페이지 백업 방법(웹호스팅)
10613
Linux * Linux를 가볍게 사용 하고자 하는자 원추 * 1
10611
MySQL 서버 상태 값 주기적으로 메일로 발송하기 1
28799
HTML FODORA 에서 영문 LINUX 상태에서 한글 입력방법 2
10610
JavaScript 이미지도용막기
10608
기타 530 Must perform authentication before identifying USER. 1
28798
HTML 유용한 PHP성능 개선을 위한 팁
10604
JavaScript 작업창이 상단메뉴바까지 올라가서 옮길수 없을때.. 3
28794
HTML 포토샵 화면이 좁을경우.. 3
10602
기타 마우스 툴부분이 점선으로 나올때.. 1
10600
MySQL '2006-09-08 오전 12:20:23' 형식 datetime 으로 바꾸기 1
28793
HTML sql2005 fulltext PDF 검색
10596
Flash 웹에서 플래시파일 다운 받는 프로그램 입니다. 3
10595
JavaScript 리눅스 SendMail 속도 UP
10593
기타 폼 검증용 함수 1
28792
HTML 홈페이지 메인에 많이 사용되는 리스트 클래스
28791
HTML 홈페이지 카운터는 클래스 모드로 만들어 봤습니다.
28790
HTML 콤보박스 출력용 함수
10592
JavaScript 특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
28789
HTML 파일업로드 클래스~~
28787
HTML 날짜비교 함수 1
10591
JavaScript 자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
10590
기타 자동선택툴 강좌와 파일 열기 팁
10589
JavaScript nylon 을 이용해 리눅스에서 sock4/5 운영하기
28785
HTML PHP에서 특정 폴더를 못읽어 들인다고 할 경우 1
10588
JavaScript Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
10587
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 21-40
28783
HTML 테이블안에 있는 글 자동 정렬하기 1
10586
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 1-20
28782
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 61-65
10585
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
10574
PHP 그냥 호기심에 만들어본 대수 곱하기 10
10571
JavaScript 자신의 별자리 2
10570
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
28778
HTML Fedora Core FTP로 설치 3
10568
기타 UTF-8 CHARACTER SETS 1
10567
기타 Ajax강의- 첫번째 강의의 pdf중 발표문건 31-40
28777
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 21-30
10564
기타 레이어안에 달력 2
10562
기타 일반적인 형태의 전체크기 윈도우 열기 1
10561
기타 채널모드로 윈도우 열기
28776
HTML 전체화면으로 페이지 열기
10559
JavaScript 여러가지 방법으로 창닫기 1
10558
기타 텍스트 상자에서 반복 하여 스크롤 됩니다
28775
HTML 이번에는 텍스트영역에서 메세지별로 타이핑 시킵니다
28774
HTML 텍스트 상자에서 메세지가 타이핑 됩니다
10557
JavaScript 가짜 카운터 달기
10556
기타 날짜를 2001/01/01 형식으로 보여주기
이전 다음
전체 목록