| 
|
|
|
|
|
|
추천스크립트
|
|
윈도우 , 프레임
|
|
공지창, 스크롤러
|
| 테이블, 레이어
|
|
이미지, 배경, 배너
|
|
폼, 버튼
|
|
스크롤바, 타이틀바, 상태바
|
|
메뉴,
네비게이션
|
|
시간 , 계산 , 숫자
|
|
키보드
마우스 이벤트
|
|
사용자 정보
|
|
쿠키
|
|
보안, 인증 , 비밀번호
|
| 글자 , 텍스트
|
| 동영상, 사운드 멀티미디어
|
|
마법사, 생성기
|
|
기타, 자바스크립트 게임
|
| 태그 |
| |
| 나모웹에디터
기초강좌
|
| 나모 중급 강좌
|
|
|
|
|
| 추천 태그 스크립트
|
쓰기 레벨 : 운영자 이상 |
|
|
|
|
|
|
팝업 새창소스 마법사 #2
 미리보기
[스크랩]
|
|
|
<head>
<style>
<!--
A:link {color:blue;text-decoration:none}
A:visited {color:blue;text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#3366ff;text-decoration:none;}
-->
</style>
<script language="javascript">
<!--
function code_view() {
// 각 폼의 입력값을 읽어들임
var value_a = document.gen_popup.code_name.value;
var value_b = document.gen_popup.page_path.value;
var value_c = document.gen_popup.popup_name.value;
var value_d = document.gen_popup.width_size.value;
var value_e = document.gen_popup.height_size.value;
var value_f = document.gen_popup.left_size.value;
var value_g = document.gen_popup.top_size.value;
var value_h = document.gen_popup.scroll_ynn.options[document.gen_popup.scroll_ynn.selectedIndex].value;
var value_i = document.gen_popup.resize_ynn.options[document.gen_popup.resize_ynn.selectedIndex].value;
var value_j = document.gen_popup.fun_name.value;
// 각 체크박스의 체크를 읽어들임
var check_a = document.gen_popup.tool_cnu.checked;
var check_b = document.gen_popup.loca_cnu.checked;
var check_c = document.gen_popup.stat_cnu.checked;
var check_d = document.gen_popup.menu_cnu.checked;
// check_a가 체크상태라면
if(check_a == true)
var opt_a = ',toolbar=yes'; // 툴바를 사용하고
else // 언체크 상래라면
var opt_a = ''; // 툴바를 사용하지 않는다.
if(check_b == true)
var opt_b = ',location=yes'; // 주소창을 사용
else
var opt_b = '';
if(check_c == true)
var opt_c = ',status=yes'; // 상태바를 사용
else
var opt_c = '';
if(check_d == true)
var opt_d = ',menubar=yes'; // 메뉴바를 사용
else
var opt_d = '';
// 팝업 코드를 생성하는 부분
this_code = '<script language="javascript">\n';
this_code += 'function '+value_j+'() {\n';
this_code += '\t'+value_a+' = window.open(\''+value_b+'\',\''+value_c+'\',\'width='+value_d+',height='+value_e+',left='+value_f+',top='+value_g+',scrollbars='+value_h+',resizable='+value_i+''+opt_a+opt_b+opt_c+opt_d+'\');\n';
this_code += '}\n';
this_code += '</script>\n';
this_code += '<a href=javascript:'+value_j+'();>창열기</a>\n';
this_code += '<input type="button" value="창열기" onclick="'+value_j+'();">\n';
this_code += '<input type="button" value="창닫기" onclick="window.'+value_a+'.close();">\n';
// 미리보기, 코드복사 버튼을 활성화 시킴
document.gen_popup.p_v.disabled = false;
document.gen_popup.c_c.disabled = false;
// 팝업 코드를 생성하는 부분에 적혀진 코드를 textarea에 복사함
document.gen_popup.view_code.value = this_code;
}
function prev_view() {
temp = document.forms[0].view_code.value;
preWindow= open("", 'new_window','width=300,height=300,top=100,left=300,toolbar=1,status=1,menubar=1,scrollbars=1,resizable=1,copyhistory=no');
preWindow.document.open();
preWindow.document.write(temp);
preWindow.document.close();
}
function dis_pv() {
// 미리보기, 코드복사 버튼을 비활성화 시킴
document.gen_popup.p_v.disabled = true;
document.gen_popup.c_c.disabled = true;
}
function copy_code() {
// textarea의 코드를 클립보드로 복사하는 부분
var tempval=eval("document.gen_popup.view_code");
tempval.focus();
tempval.select();
therange=tempval.createTextRange();
therange.execCommand("Copy");
alert('소스를 클립보드에 복사했습니다.'); // 복사 완료시 메세지
}
//-->
</script>
</head>
<body bgcolor="#CCCCCC">
<!-- 폼 구성 부분 //-->
<form name="gen_popup">
<table border="0" width="500" cellspacing="0" cellpadding="0" align="center">
<tr>
<th width="500" colspan="2"><font color="blue"><a href="http://tagin.net">태그인넷 팝업코드 생성기</a></font></th>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">경로</font></span></th>
<td width="420"><input type="text" name="page_path" size="56"></td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">가로크기</font></span></th>
<td width="420"><input type="text" name="width_size"> </td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">세로크기</font></span></th>
<td width="420"><input type="text" name="height_size"></td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">좌측위치</font></span></th>
<td width="420"><input type="text" name="left_size"></td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">상단위치</font></span></th>
<td width="420"><input type="text" name="top_size"></td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">스크롤바</font></span></th>
<td width="420"><select name="scroll_ynn">
<option value="no">없애기
</option>
<option value="yes">보이기
</option>
</select></td>
</tr>
<tr>
<th width="80"><span style="font-size:10pt;"><font color="#333333">크기조절</font></span></th>
<td width="420"><select name="resize_ynn">
<option value="no">불가
</option>
<option value="yes">가능
</option>
</select>
<input type="hidden" name="fun_name" value="tagin_popup">
<input type="hidden" name="popup_name" value=tagin_window>
<input type="hidden" name="code_name" value=tagin_net>
</td>
</tr>
<tr>
<th colspan="2" width="500">
<span style="font-size:10pt;"><input type="checkbox" name="tool_cnu">툴바
<input type="checkbox" name="loca_cnu">연결바
<input type="checkbox" name="stat_cnu">상태바
<input type="checkbox" name="menu_cnu">메뉴바
</span></th>
</tr>
<tr>
<td colspan="2" align="center" width="500">
<p><input type="button" value="코드보기" onclick="code_view();">
<input type="button" value="미리보기" onclick="prev_view();" name="p_v" disabled>
<input type="button" value="코드복사" onclick="copy_code();" name="c_c" disabled>
<input type="reset" value="초기화" onclick="dis_pv();">
<INPUT name=" Restart " onclick="window.location='http://tagin.net'; return true;" type=reset value=태그인넷>
</p>
</td>
</tr>
<tr>
<td colspan="2" width="500"><textarea name="view_code" cols="68" rows="10"></textarea></td>
</tr>
</table>
</form>
|
|
|
|
|
Copyright 2004 tagin.net
All rights reserved |
|
67 
1/4 
