Changeset 3291

Timestamp:

05/17/07 02:36:32 (20 months ago)

Author:

graphittie

Message:

#16 : More Support for XHTML Spec.

• entry list의 XHTML 구조가 많이 어긋나 있어 바로 잡음.
  
• 이올린 팝업의 위치 이동 및 버튼 부분을 JavaScript화. 버튼부를 JavaScript화 한 것은 CSS를 벗겨낸 상황을 고려한 조치임.
  
• 헤더 텍스트에 탭 정보를 포함하도록 변경. CSS를 벗겼을 경우 어느 탭이 선택된 것인지 알 수가 없음.
  

Location:

sandbox

Files:

• blog/owner/entry/index.php (modified) (10 diffs)
• style/admin/default/post.css (modified) (4 diffs)

sandbox/blog/owner/entry/index.php

@@ -49 +49 @@
         $visibility = '>=1';
         $tabsClass['public'] = true;
+        $visibilityText = _t('공개');
     } else if($_POST['visibility']=='protected') {
         $visibility = '=1';
         $tabsClass['protected'] = true;
+        $visibilityText = _t('보호');
     } else if($_POST['visibility']=='private') {
         $visibility = '0';
         $tabsClass['private'] = true;
+        $visibilityText = _t('비공개');
     }
 } else {
     $visibility = '>=1';
     $tabsClass['all'] = true;
+    $visibilityText = _t('모든');
 }
 
@@ -627 +631 @@
                                 function execLoadFunction() {
                                     document.getElementById('allChecked').disabled = false;
-                                    removeItselfById('category-move-button');
+                                    
+                                    if (document.getElementById('eolinDialog').style.display == 'none') {
+                                        // eolin button
+                                        if (STD.isIE) {
+                                            var tempBUTTON = document.createElement('<button onclick="window.open(\'http://www.eolin.com\'); return false;">');
+                                        } else {
+                                            var tempBUTTON = document.createElement('BUTTON');
+                                            tempBUTTON.setAttribute('onclick', 'window.open(\'http://www.eolin.com\'); return false;');
+                                        }
+                                    
+                                        tempBUTTON.id = 'eolin-button';
+                                        tempBUTTON.className = 'eolin-button input-button';
+                                        tempBUTTON.setAttribute('title', '<?php echo _t('이올린으로 연결합니다.');?>');
+                                        tempSPAN = document.createElement('SPAN');
+                                        tempSPAN.className = 'text';
+                                        tempSPAN.innerHTML = '<?php echo _t('이올린, 지금 만나보세요');?>';
+                                        tempBUTTON.appendChild(tempSPAN);
+                                    
+                                        document.getElementById('eolin-button-box').appendChild(tempBUTTON);
+                                        
+                                        // close button
+                                        if (STD.isIE) {
+                                            var tempBUTTON = document.createElement('<button onclick="closeWhatIsEolin(); return false;">');
+                                        } else {
+                                            var tempBUTTON = document.createElement('BUTTON');
+                                            tempBUTTON.setAttribute('onclick', 'closeWhatIsEolin(); return false;');
+                                        }
+                                    
+                                        tempBUTTON.id = 'close-button';
+                                        tempBUTTON.className = 'close-button input-button';
+                                        tempBUTTON.setAttribute('title', '<?php echo _t('이 대화상자를 닫습니다.');?>');
+                                        tempSPAN = document.createElement('SPAN');
+                                        tempSPAN.className = 'text';
+                                        tempSPAN.innerHTML = '<?php echo _t('닫기');?>';
+                                        tempBUTTON.appendChild(tempSPAN);
+                                    
+                                        document.getElementById('eolin-button-box').appendChild(tempBUTTON);
+                                    }
                                 }
                                 
@@ -643 +684 @@
                                 
                                 function viewWhatIsEolin() {
-                                    dialog = document.getElementById('eolinDialog');
-                                    PM.showPanel(dialog);
+                                    if (document.getElementById('eolinDialog').style.display == 'none') {
+                                        dialog = document.getElementById('eolinDialog');
+                                        PM.showPanel(dialog);
+                                
+                                        if (STD.isIE) {
+                                            document.getElementById('commandBox').style.visibility = 'hidden';
+                                        }
+                                    } else {
+                                        window.open('http://www.eolin.com');
+                                    }
                                 }
                                 
                                 function closeWhatIsEolin() {
                                     document.getElementById('eolinDialog').style.display = 'none';
+                                    if (STD.isIE) {
+                                        document.getElementById('commandBox').style.visibility = 'hidden';
+                                    }
                                 }
                             //]]>
@@ -654 +706 @@
                         
                         <div id="part-post-list" class="part">
-                            <h2 class="caption"><span class="main-text"><?php
+                            <h2 class="caption"><span class="main-text">
+<?php
+    
     if ($categoryId == -1) { 
-        echo _t('등록된 키워드 목록입니다');
+        echo _f('등록된 %1 키워드 목록입니다', $visibilityText);
     } else if ($categoryId == -2) {
-        echo _t('등록된 공지 목록입니다');
+        echo _f('등록된 %1 공지 목록입니다', $visibilityText);
     } else if ($categoryId == -5) {
-        echo _t('공지와 키로그를 포함한 모든 글의 목록입니다');
+        echo _f('공지와 키로그를 포함한 %1 글의 목록입니다', $visibilityText);
     } else {
-        echo _t('등록된 글 목록입니다');
+        echo _f('등록된 %1 글 목록입니다', $visibilityText);
     }
-?></span></h2>
+?>
+                            </span></h2>
                             
                             <ul id="entry-tabs-box">
@@ -675 +730 @@
                                 <div class="section">
                                     <input type="hidden" name="page" value="<?php echo $suri['page'];?>" />
-
+                                    
+                                    <label for="category"><?php echo _t('종류');?></label>
                                     <select id="category" name="category" onchange="document.getElementById('category-form').page.value=1; document.getElementById('category-form').submit()">
                                         <option value="-5"<?php echo ($categoryId == -5 ? ' selected="selected"' : '');?>><?php echo _t('모든 글');?></option>
@@ -703 +759 @@
                                         </optgroup>
                                     </select>
-                                    <input type="submit" id="category-move-button" class="move-button button" value="<?php echo _t('이동');?>" />
                                 </div>
                             </form>
@@ -829 +884 @@
                                     
                                     <div id="change-section" class="section">
-                                        <h2><?php echo _t('페이지 네비게이션');?></h2>
-                                        
                                         <span class="label"><?php echo _t('선택한 글을');?></span>
                                         <select name="commandBox" id="commandBox" onchange="toggleDeleteButton(this)"> 
@@ -875 +928 @@
                                     </div>
                                     
-                                    <div id="data-description">
+                                    <hr class="hidden" />
+                                    
+                                    <div id="data-description" class="section">
+                                        <h2><?php echo _t('기능 설명');?></h2>
+
                                         <dl class="eolin-description">
                                             <dt><?php echo _t('발행');?></dt>
-                                            <dd><?php echo _t('<a href="#void" onclick="viewWhatIsEolin()">이올린</a>에 글을 공개합니다.');?></dd>
+                                            <dd><?php echo _f('%1에 글을 공개합니다.', '<a href="http://www.eolin.com" onclick="viewWhatIsEolin(); return false;">' . _t('이올린') . '</a>');?></dd>
                                         </dl>
                                         <dl class="trackback-description">
@@ -888 +945 @@
                                             <dd><?php echo _t('보호글의 패스워드를 설정합니다.');?></dd>
                                         </dl>
+                                        
+                                        <div id="eolinDialog" class="dialog" style="position: absolute; display: none; z-index: 100;">
+                                            <div class="temp-box">
+                                                <h3><?php echo _t('이올린이란?');?></h4>
+
+                                                <p class="message">
+                                                    <?php echo _t('이올린은 텍스트큐브와 텍스트큐브 기반의 블로그에서 "발행"을 통해 보내진 글들을 다양한 방법으로 만날 수 있는 텍스트큐브 블로거들의 열린 공간입니다.');?>
+                                                </p>
+
+                                                <h3><?php echo _t('발행 방법');?></h4>
+
+                                                <p class="message">
+                                                    <em><?php echo _t('텍스트큐브 글목록에서 발행버튼을 클릭하시거나 글쓰기시 공개범위를 "발행"으로 체크하시면 됩니다.');?></em>
+                                                    <?php echo _t('발행을 통해 이올린으로 보내진 게시물들의 저작권을 포함한 일체에 관한 권리는 별도의 의사표시가 없는 한 각 회원에게 있습니다. 이올린에서는 발행된 게시물을 블로거의 동의 없이 상업적으로 이용하지 않습니다. 다만 비영리적 목적인 경우는 이용이 가능하며, 또한 이올린 서비스 내의 게재권, 사용권을 갖습니다.');?>
+                                                </p>
+
+                                                <div id="eolin-button-box" class="button-box"></div>
+                                            </div>
+                                        </div>
                                     </div>
                                     
+                                    <hr class="hidden" />
+                                    
                                     <div id="page-section" class="section">
+                                        <h2><?php echo _t('페이지 네비게이션');?></h2>
+                                        
                                         <div id="page-navigation">
                                             <span id="page-list">
@@ -938 +1018 @@
                             </form>
                         </div>
-                        
-                        <div id="eolinDialog" class="dialog" style="position: absolute; display: none; z-index: 100;">
-                            <div class="temp-box">
-                                <h4><?php echo _t('이올린이란?');?></h4>
-                                
-                                <p class="message">
-                                    <?php echo _t('이올린은 텍스트큐브와 텍스트큐브 기반의 블로그에서 "발행"을 통해 보내진 글들을 다양한 방법으로 만날 수 있는 텍스트큐브 블로거들의 열린 공간입니다.');?>
-                                </p>
-                                
-                                <h4><?php echo _t('발행 방법');?></h4>
-                                
-                                <p class="message">
-                                    <em><?php echo _t('텍스트큐브 글목록에서 발행버튼을 클릭하시거나 글쓰기시 공개범위를 "발행"으로 체크하시면 됩니다.');?></em>
-                                    <?php echo _t('발행을 통해 이올린으로 보내진 게시물들의 저작권을 포함한 일체에 관한 권리는 별도의 의사표시가 없는 한 각 회원에게 있습니다. 이올린에서는 발행된 게시물을 블로거의 동의 없이 상업적으로 이용하지 않습니다. 다만 비영리적 목적인 경우는 이용이 가능하며, 또한 이올린 서비스 내의 게재권, 사용권을 갖습니다.');?>
-                                </p>
-                            
-                                <div class="button-box">
-                                    <button id="eolin-button" class="eolin-button input-button" onclick="window.open('http://www.eolin.com');" title="<?php echo _t('이올린으로 연결합니다.');?>"><span class="text"><?php echo _t('이올린, 지금 만나보세요');?></span></button>
-                                    <button id="close-button" class="close-button input-button" onclick="closeWhatIsEolin()" title="<?php echo _t('이 대화상자를 닫습니다.');?>"><span class="text"><?php echo _t('닫기');?></span></button>
-                                </div>
-                            </div>
-                        </div>
 <?php
 require ROOT . '/lib/piece/owner/footer.php';

sandbox/style/admin/default/post.css

@@ -137 +137 @@
     list-style-type: none;
     margin: 0 1px;
+}
+
+#entry-tabs-box li a
+{
     padding: 0 1em;
+    text-decoration: none;
 }
 
@@ -144 +149 @@
     background-color: #FFFFFF;
     border-bottom: 1px solid #FFFFFF;
+}
+
+#entry-tabs-box li.selected a
+{
     cursor: default;
 }
@@ -649 +658 @@
     border                           : 1px solid #666666;
     padding                          : 58px 8px 15px 8px;
-    position                         : relative;
+    position                         : absolute;
+    top                              : -300px !important;
     width                            : 492px;
 }
@@ -658 +668 @@
 }
 
-#eolinDialog .temp-box h4
+#eolinDialog .temp-box h3
 {
     border-bottom                    : 1px solid #E6E6E6;
     color                            : #284A9F;
+    display                          : block;
     font-size                        : 1em;
     font-weight                      : bold;