|
Server : Apache System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : tkt_travelbus ( 1137) PHP Version : 7.0.0p1 Disable Function : mysql_pconnect Directory : /tkt_travelbus/www/toadmin/design/ |
Upload File : |
<?
include "../include/top.html";
include "_common.php";
$PType="1";
$TypeCheck="type2";
?>
<!-- 포토겔러리업로드컴포넌트 -->
<script language="JavaScript" type="text/JavaScript" src="../js/swf_upload.js"></script>
<!-- 포토겔러리업로드컴포넌트 -->
<SCRIPT language=JavaScript src="/ClickEditor/editor.js" type="text/javascript"></SCRIPT>
<style>
.intext {width: 380px; height: 24px;
font-family:arial, sans-serif; font-size:12px; padding:3px; xvisibility:hidden;
}
.tile {
position:absolute; border:1px solid silver; background-color:white;
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
font-family:arial, sans-serif; font-size:12px; padding:3px;
}
.links {position:absolute; left:0px; top:0px; width: 100%; height: 24px; border:1px solid #cfcfd1;
font-family:arial, sans-serif; font-size:12px; padding:3px; visibility:hidden;
}
.alts {position:absolute; left:0px; top:30px;width: 100%; height: 24px; border:1px solid #cfcfd1;
font-family:arial, sans-serif; font-size:12px; padding:3px; visibility:hidden;
}
.toolbtn {width:120px;line-height:20px}
</style>
<script language="javascript">
//포토겔러리관련
function SwfUploadForm(){
callSwfUpload('formName');
}
function swfUploadComplete(){
arr_mov++;
if(arrMovie.length>arr_mov){
if(arrMovie[arr_mov].getAttribute("type")=="single_upload") arrMovie[arr_mov].height = 70;
if(arrMovie[arr_mov].getAttribute("type")=="multi_upload") arrMovie[arr_mov].height = parseInt(20*arrMovie[arr_mov].GetVariable("listRows")+25+45,10);
arrMovie[arr_mov].SetVariable( "startUpload", "" );
}else{
swfUploadCompleteForm();
InfoHtml('InfoPhoto.html','Photo');
}
}
//폼 submit
function swfUploadCompleteForm() {
var url="ProcImg.php?SqlType=insert";
var formName=document.formName;
var myAjax = new Ajax.Updater (
{ success : 'ajax_Proc' }, // 성공시 실행할 함수
url,
{
method : 'POST',
parameters: $(formName).serialize(),
onFailure : function() { alert('문제가 발생하였습니다');loadingBarOff();} , // 실패시 실행할 함수
evalScripts : true // 읽어들이는 파일내에 스크립트허용
}
);
}
//수정 페이지불러오기
function InfoHtml(tagName,type) {
loadingBarOn();
var url = tagName;
if(type=="Photo"){
responseTagListE=InfoPhoto;
}
var myAjax = new Ajax.Request(url,
{
method: 'post',
parameters: {v:tagName},
onSuccess: responseTagListE,
onFailure: function() { alert('문제가 발생하였습니다');loadingBarOff();},
evalScripts : true // 읽어들이는 파일내에 스크립트허용
}
);
}
function InfoPhoto(reqResult) {
//inputLayerE.style.top=document.body.scrollTop+(document.body.offsetHeight/2);
document.getElementById("inputLayerInfo").style.display = 'block';
$('htmlInfo').innerHTML = reqResult.responseText ; //dataobj;
movie_id='rad'; //파일폼 고유ID
flash_width='500'; //파일폼 너비 (기본값 400, 권장최소 300)
list_rows='5'; // 파일목록 행 (기본값:3)
limit_size='100'; // 업로드 제한용량 (기본값 10)
file_type_name='그림파일'; // 파일선택창 파일형식명 (예: 그림파일, 엑셀파일, 모든파일 등)
allow_filetype='*.jpg *.jpeg *.gif *.png'; // 파일선택창 파일형식 (예: *.jpg *.jpeg *.gif *.png)
deny_filetype='*.cgi *.pl'; // 업로드 불가형식
Goods_Code="pop_img";
upload_exe='upload.php'; // 업로드 담당프로그램
var flashvars = "flash_width="+flash_width+"&";
flashvars += "list_rows="+list_rows+"&";
flashvars += "limit_size="+limit_size+"&";
flashvars += "file_type_name="+file_type_name+"&";
flashvars += "allow_filetype="+allow_filetype+"&";
flashvars += "deny_filetype="+deny_filetype+"&";
flashvars += "upload_exe="+upload_exe+"&";
flashvars += "upload_id="+movie_id+"&";
flashvars += "Goods_Code="+Goods_Code+"&";
flashvars += "browser_id="+getCookie("PHPSESSID");
var flashStr = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'";
flashStr += "codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'";
flashStr += "width='"+flash_width+"' height='"+parseInt(list_rows*20+25,10)+"' align='middle' id='"+movie_id+"' type='multi_upload'>";
flashStr += "<param name='allowScriptAccess' value='sameDomain' />";
flashStr += "<param name='movie' value='multi_upload.swf' />";
flashStr += "<param name='quality' value='high' />";
flashStr += "<param name='wmode' value='transparent' />";
flashStr += "<param name='flashvars' value='"+flashvars+"' />";
flashStr += "<embed src='multi_upload.swf' width='"+flash_width+"' height='"+parseInt(list_rows*20+25,10)+"' quality='high'";
flashStr += "wmode='transparent' name='"+movie_id+"' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'";
flashStr += "pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='"+flashvars+"' />";
flashStr += "</object>";
document.getElementById("flashUpload").innerHTML =flashStr ; //dataobj;
loadingBarOff();
LayerCenter(document.getElementById("inputLayerInfo"));
}
function CheckAll() {
if(document.getElementById("ChkRidxAll").checked==true){
for(i=0; i<document.getElementsByName("ChkRidx[]").length; i++){
document.getElementsByName("ChkRidx[]")[i].checked = true;
}
}else{
for(i=0; i<document.getElementsByName("ChkRidx[]").length; i++){
document.getElementsByName("ChkRidx[]")[i].checked = false;
}
}
}
function StopProc(title,obj,mode){
var f=document.ImgListForm;
var _cnt = 0;
for(i=0; i<document.getElementsByName("ChkRidx[]").length; i++){
if(document.getElementsByName("ChkRidx[]")[i].checked == true){
_cnt++;
}
}
if(_cnt <= 0){
alert(title+"할 번호를 체크해주세요");
return false;
}
/*
for(var i=0; i<document.getElementsByName("ChkRidx[]").length; i++){
if(document.getElementsByName("ChkRidx[]")[i].checked==true ){
chkArry += "&"+ document.getElementsByName("ChkRidx[]")[i].id + "=" + encodeURIComponent(document.getElementsByName("ChkRidx[]")[i].value);
}
}
*/
if(obj=="alldel"){
if(confirm('정말삭제하시겠습니까?')){AllModProc('<?=$TagName?>ProcImg.php?page=1&SqlType=alldel');}else{return false;}
}
return false;
}
function AllModProc(tagName) {
loadingBarOn()
var url = tagName;
var ImgListForm=document.ImgListForm;
var myAjax = new Ajax.Updater (
{ success : 'ajax_Proc' }, // 성공시 실행할 함수
url,
{
method : 'POST',
parameters : $(ImgListForm).serialize(), // 파라메터
onFailure : function() { alert('문제가 발생하였습니다');loadingBarOff();} , // 실패시 실행할 함수
evalScripts : true // 읽어들이는 파일내에 스크립트허용
}
);
}
function Proc_Ajax(tagName,N) {
if(N=="N"){
loadingBarOn('N');
}
var url = tagName;
var myAjax = new Ajax.Updater (
{ success : 'ajax_Proc' }, // 성공시 실행할 함수
url,
{
method : 'POST',
parameters : {v:tagName}, // 파라메터
onFailure : function() { alert('문제가 발생하였습니다');loadingBarOff();} , // 실패시 실행할 함수
evalScripts : true // 읽어들이는 파일내에 스크립트허용
}
);
}
//팝업 레이어 닫기
function CloseInputLayerInfo(){
document.getElementById("inputLayerInfo").style.display = 'none';
document.getElementById("htmlInfo").innerHTML="";
document.getElementById("inputLayerBg").style.display="none";
//location.reload()
}
function CheckForm()
{
var f = document.InForm;
if(f.PTitle.value.split(" ").join("") ==""){
alert("제목을 입력하세요");
f.PTitle.focus();
return false;
}
if(f.PWidth.value.split(" ").join("") ==""){
alert("가로길이(너비)를 입력하세요");
f.PWidth.focus();
return false;
}
if(f.PHeight.value.split(" ").join("") ==""){
alert("세로길이(높이)를 입력하세요");
f.PHeight.focus();
return false;
}
if(f.PType[0].checked){
if(document.getElementById("imageInput").value.split(" ").join("") ==""){
alert("이미지를 선택하세요");
InfoHtml('InfoPhoto.html','Photo');
return false;
}
}else{
if(f.PCont.value==""){
alert("내용을 입력하세요");
f.PHeight.focus();
return false;
}
}
document.InForm.submit();
}
function change_type(type)
{
if(type == "type1")
{
$("#TB_Type1").show();
$("#TB_Type2").hide();
//document.InForm.PWidth.readOnly = false;
//document.InForm.PHeight.readOnly = false;
document.InForm.PWidth.className = "input";
document.InForm.PHeight.className = "input";
editorById('PCont');
}
else if(type=="type2")
{
$("#TB_Type2").show();
$("#TB_Type1").hide();
//document.InForm.PWidth.readOnly = true;
//document.InForm.PHeight.readOnly = true;
document.InForm.PWidth.className = "input_off";
document.InForm.PHeight.className = "input_off";
}
}
isIE=document.all;
isNN=!document.all&&document.getElementById;
isHot=false;
var MovableItem
var maxTiles=10
var moveObject=new Array(maxTiles)
var ActiveSwatch
function startMove(e)
{
if (!MovableItem){return;}
canvas=isIE ? "BODY" : "HTML";
activeItem=isIE ? event.srcElement : e.target;
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
lastX=parseInt(MovableItem.style.left);
lastY=parseInt(MovableItem.style.top);
lastW=parseInt(MovableItem.style.width);
lastH=parseInt(MovableItem.style.height);
if ( offsetx+scrollAmt[0]>=(MovableItem.parentNode.offsetLeft+parseInt(MovableItem.style.left)+(MovableItem.offsetWidth*.98)) || offsety+scrollAmt[1]>=(MovableItem.parentNode.offsetTop+parseInt(MovableItem.style.top)+(MovableItem.offsetHeight*.98)) )
{
edge=true; MovableItem.style.cursor="se-resize";
}
else
{
edge=false;MovableItem.style.cursor="move";
}
moveEnabled=true;
document.onmousemove=moveIt;
}
function moveIt(e)
{
if (!moveEnabled||!MovableItem) return;
// display info during testing
MovableItem.innerHTML='<span style="position:absolute; left:0px; top:0px;"> '+MovableItem.offsetLeft+', '+MovableItem.offsetTop+' <br> '+
MovableItem.offsetWidth+', '+MovableItem.offsetHeight+' <br>'+
' <b>'+(parseInt(MovableItem.id.replace('popup',''))+1)+'</b>'
//moveObject[0].style.zIndex+' '+moveObject[1].style.zIndex+' '+moveObject[2].style.zIndex+' '+moveObject[3].style.zIndex+'</span>'
if (edge){
var xx = isIE ? event.clientX-offsetx +lastW : e.clientX-offsetx+lastW;
var yy = isIE ? event.clientY-offsety +lastH : e.clientY-offsety+lastH;
MovableItem.style.width = xx+'px';
MovableItem.style.height = yy+'px';
return false;
} else{
var ll = isIE ? lastX+event.clientX-offsetx : lastX+e.clientX-offsetx;
var tt = isIE ? lastY+event.clientY-offsety : lastY+e.clientY-offsety;
MovableItem.style.left = ll+'px';
MovableItem.style.top = tt+'px';
return false;
}
}
function poplayer(topObject){
if (!topObject) {return;}
for (var i=0; i<moveObject.length; i++){
moveObject[i].style.borderColor='silver'
if (moveObject[i].style.zIndex>topObject.style.zIndex-1 && moveObject[i]!=topObject)
{moveObject[i].style.zIndex=moveObject[i].style.zIndex-1}
}
topObject.style.zIndex=moveObject.length-1
topObject.style.borderColor='black'
ActiveSwatch=topObject
showLink(parseInt(ActiveSwatch.id.replace('popup','')))
}
function test(obj, X, Y){
scrollAmt=puGetScrollXY(); //0 is X and 1 is Y
if ( X+scrollAmt[0]>=(obj.parentNode.offsetLeft+parseInt(obj.style.left)+(obj.offsetWidth*.98))
|| Y+scrollAmt[1]>=(obj.parentNode.offsetTop+parseInt(obj.style.top)+(obj.offsetHeight*.98)) )
{
obj.style.cursor="se-resize";
}
else
{
obj.style.cursor="move";
}
}
function createTile(){
// when user clicks the deck, deal out a new tile
for (var i=0; i<maxTiles; i++){
if (moveObject[i].style.visibility=="hidden"){
moveObject[i].style.width=100;
moveObject[i].style.height=80;
moveObject[i].style.left=-10;
moveObject[i].style.top=-10;
moveObject[i].style.visibility="visible";
moveObject[i].style.display="block";
poplayer(moveObject[i]);
showLink(i)
return
}
}
}
function showLink(itm){
for (var i=0; i<maxTiles; i++)
{
document.getElementById('linker'+i).style.visibility='hidden'
document.getElementById('title'+i).style.visibility='hidden'
document.getElementById('linker'+i).style.display='none'
document.getElementById('title'+i).style.display='none'
}
document.getElementById('linker'+itm).style.visibility='visible'
document.getElementById('title'+itm).style.visibility='visible'
document.getElementById('linker'+itm).style.display='block'
document.getElementById('title'+itm).style.display='block'
}
function killTile(){
if (!ActiveSwatch){return}
ActiveSwatch.style.visibility="hidden"
ActiveSwatch.style.display="none"
document.getElementById('linker'+parseInt(ActiveSwatch.id.replace('popup',''))).value=''
document.getElementById('title'+parseInt(ActiveSwatch.id.replace('popup',''))).value=''
ActiveSwatch=null
}
function makeWorkspace()
{
var Pimg="<?=$PImg?>";
if(Pimg==""){
Pimg="../image/nodata_2.gif";
}
linklist=""
workspace='<img style="position:relative" id=mapimage galleryimg=false src="'+Pimg+'">'
for (var i=0; i<maxTiles; i++){
linklist=linklist+'<input class=links id=linker'+i+' type=text value="" >'
linklist=linklist+'<input class=alts id=title'+i+' type=text value="" >'
workspace=workspace+'<div class=tile id=popup'+i+' style="left:'+(i*10)+'px; top:'+(i*10)+'px; '+
' width:100px; height:80px; z-Index:'+i+'; visibility:hidden;" '+
' title="'+(i+1)+'. 위치 이동 및 크기조절" onSelectStart="return false" '+
' onmousedown="MovableItem=this; poplayer(this); return false" '+
' onMouseover="isHot=true; " '+
' onMousemove="test(this, event.clientX, event.clientY ); " '+
' onMouseout ="isHot=false"'+
' > hotspot '+(i+1)+' </div>'
}
document.getElementById('linkbox').innerHTML=linklist
document.getElementById('workSpace').innerHTML=workspace
}
function loadImage(thisSrc,width,height){
document.getElementById('PWidth').value= width;
document.getElementById('PHeight').value=height;
document.getElementById('imageInput').value=thisSrc;
document.getElementById('mapimage').src=thisSrc;
a=setTimeout("resizeImage()",500)
}
function resizeImage(){
document.getElementById('mapimage').parentNode.style.width=document.getElementById('mapimage').offsetWidth
document.getElementById('mapimage').parentNode.style.height=document.getElementById('mapimage').offsetHeight
}
function makeMap(){
var key="<?=$PIdx?>"//Math.round(Math.random()*100);
var mapSource2="";
img=document.getElementById('mapimage')
// removed the height as it made image disappear
if(moveObject[0].style.visibility=='visible'){
mapSource='<img src="'+img.src+'" width="'+img.offsetWidth+'" border="0" usemap="#popmap_'+key+'" >';
}else{
mapSource='<img src="'+img.src+'" width="'+img.offsetWidth+'" border="0" >';
}
mapSource2=mapSource2+'\n<map id="popmap_'+key+'" name="popmap_'+key+'" >\n'
var validMap=false
for (var i=0; i<maxTiles; i++){
if (moveObject[i].style.visibility=='visible'){
mapSource2=mapSource2+
' <area shape="rect" '+
'coords="'+moveObject[i].offsetLeft+','+moveObject[i].offsetTop+','+(moveObject[i].offsetLeft+moveObject[i].offsetWidth)+','+(moveObject[i].offsetTop+moveObject[i].offsetHeight)+'" '+
'alt="'+document.getElementById('title'+i).value+'" '+
'title="'+document.getElementById('title'+i).value+'" '+
'href="'+document.getElementById('linker'+i).value+'">\n'
validMap=true
}
}
mapSource2=mapSource2+'</map>\n'
if (!validMap){document.getElementById('codeWindow').value=mapSource}else {
document.getElementById('codeWindow').value=mapSource+mapSource2
}
}
function puGetScreenSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
/*Non-IE*/
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement &&
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
/*IE 6+ in 'standards compliant mode'*/
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
/*IE 4 compatible*/
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return [ myWidth, myHeight ];
}
function puGetScrollXY() {
var scrollXamt = 0, scrollYamt = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
/*Netscape compliant*/
scrollYamt = window.pageYOffset;
scrollXamt = window.pageXOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
/*DOM compliant*/
scrollYamt = document.body.scrollTop;
scrollXamt = document.body.scrollLeft;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
/*IE6 standards compliant mode*/
scrollYamt = document.documentElement.scrollTop;
scrollXamt = document.documentElement.scrollLeft;
}
return [ scrollXamt, scrollYamt ];
}
function Preview(displaycode) {
var ww = window.open("","popupwindow","width=600,height=350,directories=no,menubar=yes,status=yes,toolbar=yes,resizable=yes,scrollbars=yes,screenY=0,top=0,screenX=80,left=80" );
ww.document.writeln("<html><head><title>Preview</title></head><body>" );
ww.document.writeln(displaycode);
ww.document.writeln("<br clear=both><hr><form><center><input type=\"submit\" value=\"Close Window\" onClick=\"window.close();return false; \"></center></form>" );
ww.document.writeln("</body></html>" );
ww.document.close() ;
if(document.focus){ ww.document.focus(true)}
}
//------------------
// initialize
//------------------
function init(){
document.onmousedown=startMove;
document.onmouseup=Function("moveEnabled=false; MovableItem=''");
makeWorkspace();
for (var i=0; i<maxTiles; i++){
moveObject[i]=document.getElementById('popup'+i)
}
ActiveSwatch=moveObject[0];
}
</SCRIPT>
<div class="contents_wrap">
<div class="contents_wrap_in">
<div class="title">팝업창<span class="arrow">></span><strong>팝업창등록</strong></div>
<div class="contents_detail">
<div class="setting_wrap" style="background-color:#FFF">
<!-- 내용 -->
<form name="InForm" method="POST" enctype="multipart/form-data" action="popup_proc.html" style="margin:0px;padding:0px;">
<input type="hidden" name="SqlType" value="insert" >
<table border="0" cellspacing="0" cellpadding="0" class="setting_write" style="width:100%;">
<tr>
<th width="150">언어선택</th>
<td>
<select NAME="lang" hname="언어선택" required>
<option value="">==언어선택==</option>
<option value="ko">한국</option>
<option value="en">영어</option>
<option value="cn">간체</option>
<option value="hk">번체</option>
<option value="ag">대리점</option>
</select>
</td>
</tr>
<tr>
<th width="150">제 목</th>
<td>
<input type="text" name="PTitle" class="input_text" size="115" style="ime-mode:active" maxlength="200" value="<?=$PTitle?>">
<INPUT TYPE="checkbox" NAME="PTitleUse" value="Y" <?if($PTitleUse=="Y"){echo "checked";}?>> 팝업시 제목표시
</td>
</tr>
<tr>
<th>가 로</th>
<td>
<input type="text" name="PWidth" id="PWidth" value="<?=$PWidth?>" class="input_text" size="5" style="ime-mode:inactive;text-align:center;border:1px solid #cfcfd1;" maxlength="4" onKeyDown="ChkNum(this,event);"> px
</td>
</tr>
<tr>
<th>세 로</th>
<td>
<input type="text" name="PHeight" id="PHeight" value="<?=$PHeight?>" class="input_text" size="5" style="ime-mode:inactive;text-align:center;border:1px solid #cfcfd1;" maxlength="4" onKeyDown="ChkNum(this,event);"> px
</td>
</tr>
<tr>
<th>위치</th>
<td>
<div class="lo_left mt5">
<input type="radio" name="PCenter" value="1" <?if($PCenter=="1"){echo "checked";}?> onclick="document.getElementById('LyPosition').style.display='none'"><label for="PCenter"> 중앙에</label>
<input type="radio" name="PCenter" value="0" <?if($PCenter=="0"){echo "checked";}?> onclick="document.getElementById('LyPosition').style.display='block'"><label for="PCenter"> 위치지정</label>
</div>
<span id="LyPosition" class="lo_left pl30" style="display:<?if($PCenter=="1"){echo "none";}?>" >
TOP : <input type="text" name="PTOP" value="<?=$PTOP?>" class="input_text" size="5" style="ime-mode:inactive;text-align:center" maxlength="4" onKeyDown="ChkNum(this,event);"> px
LEFT : <input type="text" name="PLEFT" value="<?=$PLEFT?>" class="input_text" size="5" style="ime-mode:inactive;text-align:center" maxlength="4" onKeyDown="ChkNum(this,event);"> px</span>
</td>
</tr>
<tr>
<th>스크롤바</th>
<td >
<div class="lo_left mt5">
<input type="radio" name="PScroll" value="0" <?if($PScroll=="0"){echo "checked";}?> onclick="document.getElementById('ScPosition').style.display='none'"><span style="color:#FF3366"> 사용안함</span>
<input type="radio" name="PScroll" value="1" <?if($PScroll=="1"){echo "checked";}?> onclick="document.getElementById('ScPosition').style.display='block'"><span style="color:#0066CC"> 사용함</span>
</div>
<span id="ScPosition" class="lo_left pl30" style="display:<?if($PScroll=="0"){echo "none";}?>">
Height : <input type="text" name="PScrollHeight" value="<?=$PScrollHeight?>" class="input_text" size="5" style="ime-mode:inactive;text-align:center" maxlength="4" onKeyDown="ChkNum(this,event);"> px</span>
</td>
</tr>
<tr>
<th>쿠키</th>
<td >
<input type="radio" name="PCookie" value="1" <?if($PCookie=="1"){echo "checked";}?>><span style="color:#0066CC"> YES</span> <span>(하루동안사용안함)</span>
<input type="radio" name="PCookie" value="0" <?if($PCookie=="0"){echo "checked";}?>><span style="color:#FF3366"> NO</span>
</td>
</tr>
<tr>
<th>형식</th>
<td>
<label for="PType_1"><input type="radio" name="PType" id="PType_1" value="1" <?if($PType=="1"){echo "checked";}?> onclick="change_type('type2');"> 이미지맵</label>
<label for="PType_2"><input type="radio" name="PType" id="PType_2" value="0" <?if($PType=="0"){echo "checked";}?> onclick="change_type('type1');"> HTML</label>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="setting_write" id="TB_Type1" style="width:100%;display:<?if($PType!="2"){echo "none";}?>">
<tr>
<th width="150">내용</th>
<td>
<textarea name="PCont" id= "PCont" style="width:690px; height:260px" scrolling="yes"><?=$PCont?></textarea>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="setting_write" id="TB_Type2" style="width:100%;display:<?if($PType!="1"){echo "none";}?>">
<tr>
<th width="150">사용법</th>
<td>
<ol class="ml-20">
<li>"이미지 불러오기" 를 통해 이미지 선택<br>
<li>"맵레이어 생성"을 클릭하여 새로운 spot영역을 생성 (여러개 생성시는 생성하고자 하는 갯수만큼 클릭)<br>
<li>링크주소와 이미지설명을 기재<br>
<li>이미지 위에 생성된 맵영역을 드래그하여 원하는 위치로 드래그<br>
<li>맵영역 크기 설정은 박스 귀퉁이를 드래그하면 됨<br>
<li>"Make Code"버튼을 클릭하면 맵코드 생성<br>
<li>"Preview"버튼 클릭하면 링크된 내용의 미리보기 할 수 있슴.<br>
</ol>
</td>
</tr>
<tr>
<th>이미지맵</th>
<td>
<table cellspacing="0" cellpadding="0" border="0" class="setting_write" width="766">
<tr>
<th>Image URL</th>
<td><input type="text" id="imageInput" name="imageInput" value="<?=$PImg?>" class="input_text" style="width:91%;"></td>
<td><input type="button" class="Table_btn" value="← 이미지불러오기" onclick="to_dialog.iframe('popup_gallery.html','팝업 이미지 관리','1200','700',true,true,'yes');"></td>
</tr>
<tr>
<th><span class="Block mb10">링크주소:</span><span>이미지설명:</span></th>
<td><div id="linkbox" style="position:relative; top:0px; left:0px; width:500px; height:60px;"></div></td>
<td>
<input type="button" class="Table_btn mb5" value="맵레이어 생성" onclick="createTile()"><br>
<input type="button" class="Table_btn" value="맵레이어 제거" onclick="killTile()">
</td>
</tr>
</table>
<br>
<table cellpadding=0 cellspacing=0 border=0 width="766" class="setting_write">
<tr>
<td><div id="workSpace" style="position:relative;"></div></td>
</tr>
</table>
<br>
<table width="750" cellspacing="2" cellpadding="3" border="0" class="setting_write">
<tr>
<th><input type="button" class="Table_btn" value="Make Code ↓" onclick="makeMap()"></th>
<th align="right"><input type="button" class="Table_btn" value="Preview →" onclick="Preview(document.getElementById('codeWindow').value)"></th>
</tr>
<tr><td colspan="2"><textarea id="codeWindow" name="codeWindow" style="width:750px; height:200px; background-color:beige"><?=$IMG_MAP?></textarea></td></tr>
</table>
</td>
</tr>
</table>
<div class="btn_wrap_C pt20" style="background:#edf0f5">
<a class="Bbtn red" onclick="return CheckForm();" href="javascript:;">저장하기</a> <a href="javascript:;" onclick="location.href='List.php?page=<?=$page?>'" class="Bbtn gray">목록보기</a>
</div>
</form>
<script>
window.onload=function(){
change_type('<?=$TypeCheck?>');
init();
}
</script>
<!-- /내용 -->
</div>
</div>
</div>
</div>
<? include "../include/footer.html" ?>