135 lines
4.5 KiB
HTML
135 lines
4.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>Daum 에디터 - 멀티미디어 첨부</title>
|
|
<script src="../../js/popup.js" type="text/javascript" charset="utf-8"></script>
|
|
<link rel="stylesheet" href="../../css/popup.css" type="text/css" charset="utf-8"/>
|
|
<style type="text/css">
|
|
input,textarea { border:1px solid #000000;vertical-align:middle;font-size:12px;}
|
|
|
|
/* swf wrapper, set width/height */
|
|
.wrapper { width:458px; }
|
|
.code { width:458px; }
|
|
|
|
.hidden { display:none;}
|
|
.show { display:auto;}
|
|
.desc{ margin: 15px 27px 5px 25px;padding:10px 8px;text-align:left;font-weight:bold;}
|
|
.desc span{ color:#496ce5; }
|
|
.field { margin:0 auto 10px; background:#ffffff url(../../images/icon/editor/tvpot/body_bg.gif?rev=1.0.1);width:420px;height:239px;}
|
|
.field li{ list-style-type:none;}
|
|
.field .codesubmenu { padding-top:20px;width:350px; margin:0 auto; }
|
|
.codeMenu { margin:0px auto;}
|
|
.codeMenu li { display:inline;margin-right:20px; }
|
|
.inputmenu { margin-top:20px;padding-left:30px; color:#333;font-size:11px;font-family:"돋움",dotum}
|
|
.inputmenu input, .inputmenu textarea{ width:308px; }
|
|
#codeUrl { margin-top:10px;}
|
|
|
|
.inputmenu .unselected{color:#bbbbbb}
|
|
.inputmenu .unselected input, .inputmenu .unselected textarea{border:1px solid #bbbbbb;}
|
|
|
|
.point {
|
|
font-weight:normal;
|
|
color:#a7b9ec;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
// <![CDATA[
|
|
|
|
function initEmbeder() {
|
|
var _opener = PopupUtil.getOpener();
|
|
if(!_opener) {
|
|
alert('잘못된 경로로 접근하셨습니다.');
|
|
return;
|
|
}
|
|
|
|
var _embeder = getEmbeder('media');
|
|
window.execEmbed = _embeder.embedHandler;
|
|
|
|
autoResizeHeight($tx("wrapper"));
|
|
}
|
|
|
|
// 코드 삽입 완료 후
|
|
function done() {
|
|
var _data = {};
|
|
var types = document.getElementsByName("codeType");
|
|
if (types[1].checked) {
|
|
_data.url = document.getElementsByName("url")[0].value.trim();
|
|
} else if (types[0].checked) {
|
|
_data.code = document.getElementsByName("source")[0].value.trim();
|
|
}
|
|
if (typeof(execEmbed) == 'undefined') { //Virtual Function
|
|
return;
|
|
}
|
|
executeAfterDataCheck(_data, function(){
|
|
execEmbed(_data);
|
|
closeWindow();
|
|
});
|
|
}
|
|
|
|
function executeAfterDataCheck(data, successHandler) {
|
|
if (data.url || data.code) {
|
|
successHandler();
|
|
} else {
|
|
alert("첨부할 멀티미디어 주소를 바르게 입력해주세요.");
|
|
}
|
|
}
|
|
|
|
function selectType(id){
|
|
var textArea = document.getElementsByName("source")[0];
|
|
var input = document.getElementsByName("url")[0];
|
|
if ( id == 'codeUrl' ){
|
|
$tx.addClassName($tx('codeSource'), "unselected")
|
|
$tx.removeClassName($tx('codeUrl'), "unselected")
|
|
textArea.value = "";
|
|
textArea.disabled = true;
|
|
input.disabled=false;
|
|
input.focus();
|
|
}else{
|
|
$tx.addClassName($tx('codeUrl'), "unselected")
|
|
$tx.removeClassName($tx('codeSource'), "unselected")
|
|
textArea.disabled = false;
|
|
input.value = "";
|
|
input.disabled=true;
|
|
textArea.focus();
|
|
}
|
|
autoResizeHeight($tx("wrapper"));
|
|
}
|
|
|
|
// ]]>
|
|
</script>
|
|
</head>
|
|
<body onload="initEmbeder()">
|
|
<div id="wrapper" class="wrapper">
|
|
<div class="header">
|
|
<h1>외부컨텐츠 삽입</h1>
|
|
</div>
|
|
<div class="body">
|
|
<div id="code" class="code">
|
|
<p class="desc">아래 <span>멀티미디어 </span> 등의 삽입 방식을 선택한 후, 주소를 입력하세요.</p>
|
|
<ul class="field">
|
|
<li class="codesubmenu">
|
|
<ol class="codeMenu">
|
|
<li><input type="radio" id="type_source" value="source" name="codeType" onclick="selectType('codeSource');" checked="checked" style="border:none" /> <label for="type_source">html(embed,object 소스입력)</label></li>
|
|
<li><input type="radio" id="type_url" value="url" name="codeType" onclick="selectType('codeUrl');" style="border:none" /> <label for="type_url">멀티미디어 링크</label></li>
|
|
</ol>
|
|
</li>
|
|
<li class="inputmenu">
|
|
<ol>
|
|
<li id="codeSource"><label>소스입력 </label><textarea rows="7" name="source"></textarea></li>
|
|
<li id="codeUrl" class="unselected"><label>링크입력 </label><input type="text" name="url" disabled="true" /></li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<p><a href="#" onclick="closeWindow();" title="닫기" class="close">닫기</a></p>
|
|
<ul>
|
|
<li class="submit"><a href="#" onclick="done();" title="등록" class="btnlink">등록</a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |