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

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

Elbis
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 4113
<!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>
목록
이전글 다음글

댓글 작성

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

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
글쓰기

[JavaScript] 당신이 알아야 할 자바스크립트의 강력한 7가지 팁 [3]

nniceguys
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁 [1]

nniceguys
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] chatgtp

nniceguys
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] textarea 자동 높이 설정하기. [1]

piadream
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] 페이징 개선 그러나 기본적으로 이해불가능한 소스로 비춰질수도 있음

piadream
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 자바스크립트 플래이그라운드 - RUNJS

ttechstar
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] 이걸 개발팁이라고 해야하나..타게시판 이관후 검색 안되는거 해결했습니다.

ttechstar
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[jQuery] 페이지 height 길이 파악후 페이지 스크롤 해서 바 표현하기

잠실삼촌
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 16진수 색상코드 확인함수

비타주리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[기타] 개발자의 ChatGPT 활용 [3]

시시우시우9082
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[기타] ActiveX 방식의 KCP 모듈 -> 최신 모듈로 변경

kalcapt
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] PHP 를 http 타임아웃이후에도 동작하게 하기 [1]

티프
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 동영상파일 썸네일 만들기 [8]

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] div태그의 사이즈가 변경되는 이벤트를 처리하기

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 초->hh:mm:ss로 변환하는 함수 [1]

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] JSON Beautify

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] JSONP실례

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[PHP] js와 같은 리소스의 캐쉬문제로 인한 업그레이드 안되는 문제 해결하기

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] ThreeJS로 3디지구에 포인트 찍고 정보 현시기능

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

특수글자들을 안전하게 처리하기 [10]

sswallow
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

자바스크립로 만든 문제풀이 [14]

김철용
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

100% 꽝을 보장하는 간단한 로또번호 생성 함수 [4]

메메이드
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

라라곤 6.0 설치 (윈도우용) [6]

자자바패드
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

롤링배너(?) 갤러리 [20]

비타주리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

모바일 메인에 Tabs넣기 [6]

김철용
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

관리자가 아닐때 사이트에 마우스 오른쪽버튼과 f12개발자 도구 금지시키기 [7]

안드류KIM
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

pc outlogin 아래에 비디오효과 적용하기 [6]

김철용
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

유튜브 90도 회전 반응형 [21]

비타주리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

[JavaScript] 유튜브 풀화면 묵음배경 예제 [9]

비타주리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전

유튜브 배경 모바일 묵음 자동재생 [9]

비타주리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 2년 전
🐛 버그신고