multimedia.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>Daum 에디터 - 멀티미디어 첨부</title>
  7. <script src="../../js/popup.js" type="text/javascript" charset="utf-8"></script>
  8. <link rel="stylesheet" href="../../css/popup.css" type="text/css" charset="utf-8"/>
  9. <style type="text/css">
  10. input,textarea { border:1px solid #000000;vertical-align:middle;font-size:12px;}
  11. /* swf wrapper, set width/height */
  12. .wrapper { width:458px; }
  13. .code { width:458px; }
  14. .hidden { display:none;}
  15. .show { display:auto;}
  16. .desc{ margin: 15px 27px 5px 25px;padding:10px 8px;text-align:left;font-weight:bold;}
  17. .desc span{ color:#496ce5; }
  18. .field { margin:0 auto 10px; background:#ffffff url(../../images/icon/editor/tvpot/body_bg.gif?rev=1.0.1);width:420px;height:239px;}
  19. .field li{ list-style-type:none;}
  20. .field .codesubmenu { padding-top:20px;width:350px; margin:0 auto; }
  21. .codeMenu { margin:0px auto;}
  22. .codeMenu li { display:inline;margin-right:20px; }
  23. .inputmenu { margin-top:20px;padding-left:30px; color:#333;font-size:11px;font-family:"돋움",dotum}
  24. .inputmenu input, .inputmenu textarea{ width:308px; }
  25. #codeUrl { margin-top:10px;}
  26. .inputmenu .unselected{color:#bbbbbb}
  27. .inputmenu .unselected input, .inputmenu .unselected textarea{border:1px solid #bbbbbb;}
  28. .point {
  29. font-weight:normal;
  30. color:#a7b9ec;
  31. }
  32. </style>
  33. <script type="text/javascript">
  34. // <![CDATA[
  35. function initEmbeder() {
  36. var _opener = PopupUtil.getOpener();
  37. if(!_opener) {
  38. alert('잘못된 경로로 접근하셨습니다.');
  39. return;
  40. }
  41. var _embeder = getEmbeder('media');
  42. window.execEmbed = _embeder.embedHandler;
  43. autoResizeHeight($tx("wrapper"));
  44. }
  45. // 코드 삽입 완료 후
  46. function done() {
  47. var _data = {};
  48. var types = document.getElementsByName("codeType");
  49. if (types[1].checked) {
  50. _data.url = document.getElementsByName("url")[0].value.trim();
  51. } else if (types[0].checked) {
  52. _data.code = document.getElementsByName("source")[0].value.trim();
  53. }
  54. if (typeof(execEmbed) == 'undefined') { //Virtual Function
  55. return;
  56. }
  57. executeAfterDataCheck(_data, function(){
  58. execEmbed(_data);
  59. closeWindow();
  60. });
  61. }
  62. function executeAfterDataCheck(data, successHandler) {
  63. if (data.url || data.code) {
  64. successHandler();
  65. } else {
  66. alert("첨부할 멀티미디어 주소를 바르게 입력해주세요.");
  67. }
  68. }
  69. function selectType(id){
  70. var textArea = document.getElementsByName("source")[0];
  71. var input = document.getElementsByName("url")[0];
  72. if ( id == 'codeUrl' ){
  73. $tx.addClassName($tx('codeSource'), "unselected")
  74. $tx.removeClassName($tx('codeUrl'), "unselected")
  75. textArea.value = "";
  76. textArea.disabled = true;
  77. input.disabled=false;
  78. input.focus();
  79. }else{
  80. $tx.addClassName($tx('codeUrl'), "unselected")
  81. $tx.removeClassName($tx('codeSource'), "unselected")
  82. textArea.disabled = false;
  83. input.value = "";
  84. input.disabled=true;
  85. textArea.focus();
  86. }
  87. autoResizeHeight($tx("wrapper"));
  88. }
  89. // ]]>
  90. </script>
  91. </head>
  92. <body onload="initEmbeder()">
  93. <div id="wrapper" class="wrapper">
  94. <div class="header">
  95. <h1>외부컨텐츠 삽입</h1>
  96. </div>
  97. <div class="body">
  98. <div id="code" class="code">
  99. <p class="desc">아래 <span>멀티미디어 </span> 등의 삽입 방식을 선택한 후, 주소를 입력하세요.</p>
  100. <ul class="field">
  101. <li class="codesubmenu">
  102. <ol class="codeMenu">
  103. <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>
  104. <li><input type="radio" id="type_url" value="url" name="codeType" onclick="selectType('codeUrl');" style="border:none" /> <label for="type_url">멀티미디어 링크</label></li>
  105. </ol>
  106. </li>
  107. <li class="inputmenu">
  108. <ol>
  109. <li id="codeSource"><label>소스입력 </label><textarea rows="7" name="source"></textarea></li>
  110. <li id="codeUrl" class="unselected"><label>링크입력 </label><input type="text" name="url" disabled="true" /></li>
  111. </ol>
  112. </li>
  113. </ul>
  114. </div>
  115. </div>
  116. <div class="footer">
  117. <p><a href="#" onclick="closeWindow();" title="닫기" class="close">닫기</a></p>
  118. <ul>
  119. <li class="submit"><a href="#" onclick="done();" title="등록" class="btnlink">등록</a> </li>
  120. </ul>
  121. </div>
  122. </div>
  123. </body>
  124. </html>