E

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

<!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>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
19년 전 조회 2,444
19년 전 조회 2,086
19년 전 조회 2,501
19년 전 조회 1,922
19년 전 조회 5,493
19년 전 조회 2,341
19년 전 조회 4,300
19년 전 조회 2,373
19년 전 조회 1,925
19년 전 조회 2,668
19년 전 조회 2,404
19년 전 조회 2,601
19년 전 조회 2,244
19년 전 조회 3,994
19년 전 조회 3,484
19년 전 조회 2,260
19년 전 조회 2,184
19년 전 조회 2,053
19년 전 조회 2,066
19년 전 조회 4,448
19년 전 조회 3,414
19년 전 조회 2,839
19년 전 조회 3,420
19년 전 조회 3,064
19년 전 조회 2,910
19년 전 조회 2,407
19년 전 조회 2,225
19년 전 조회 2,552
19년 전 조회 3,165
19년 전 조회 2,186
19년 전 조회 3,182
19년 전 조회 3,315
19년 전 조회 2,974
19년 전 조회 2,006
19년 전 조회 1,761
19년 전 조회 2,388
19년 전 조회 2,311
19년 전 조회 1,673
19년 전 조회 1,720
19년 전 조회 1,622
19년 전 조회 2,125
19년 전 조회 1,685
19년 전 조회 2,248
19년 전 조회 1,970
19년 전 조회 1,862
19년 전 조회 1,716
19년 전 조회 1,913
19년 전 조회 1,956
19년 전 조회 1,996
19년 전 조회 2,741
19년 전 조회 5,374
19년 전 조회 1,774
19년 전 조회 1,631
19년 전 조회 1,490
19년 전 조회 1,646
19년 전 조회 1,590
19년 전 조회 1,499
19년 전 조회 1,507
19년 전 조회 1,429
19년 전 조회 1,504
19년 전 조회 2,858
19년 전 조회 3,875
19년 전 조회 5,272
19년 전 조회 1,427
19년 전 조회 4,591
19년 전 조회 3,035
19년 전 조회 1,542
19년 전 조회 2,748
19년 전 조회 3,681
19년 전 조회 1,838
19년 전 조회 3,846
19년 전 조회 1,932
19년 전 조회 3,826
19년 전 조회 3,472
19년 전 조회 4,256
19년 전 조회 4,102
19년 전 조회 1,932
19년 전 조회 1,901
19년 전 조회 4,318
19년 전 조회 2,724
19년 전 조회 2,597
19년 전 조회 2,453
19년 전 조회 2,029
19년 전 조회 2,619
19년 전 조회 2,247
19년 전 조회 1,902
19년 전 조회 2,033
19년 전 조회 1,497
19년 전 조회 1,741
19년 전 조회 2,882
19년 전 조회 2,002
19년 전 조회 3,270
19년 전 조회 3,180
19년 전 조회 2,289
19년 전 조회 1,829
19년 전 조회 2,871
19년 전 조회 2,945
19년 전 조회 4,067
19년 전 조회 2,033
19년 전 조회 2,681