<![CDATA[TNF : Tatter Network Foundation forum - 알지도 못하면서 스킨에 손을 대다!]]> 2007-01-04T02:25:39Z PunBB http://forum.tattersite.com/ko/viewtopic.php?id=2494 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> J. Parker 작성:

<s_sidebar_element>
     <!-- recent comment -->
        <div class="listbox">
          <h3 onclick="layer_toggle('t_recentComments);">최근에 써주신 고마운 댓글</h3>
          <ul id="t_recentComments" style="display:none;">
            <s_rctrp_rep>
            <li> <a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a><br />
                <span class="name">[##_rctrp_rep_name_##]</span> <span class="date">[##_rctrp_rep_time_##]</span> </li>
            </s_rctrp_rep>
          </ul>
     </div>
</s_sidebar_element>

위 코드중 layer_toggle('t_recentComments); -> layer_toggle('t_recentComments');
빠져서인듯...

하하. 감사합니다. lol
모두 완료 되었습니다!

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-04T02:25:39Z http://forum.tattersite.com/ko/viewtopic.php?pid=14716#p14716 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]>

<s_sidebar_element>
     <!-- recent comment -->
        <div class="listbox">
          <h3 onclick="layer_toggle('t_recentComments);">최근에 써주신 고마운 댓글</h3>
          <ul id="t_recentComments" style="display:none;">
            <s_rctrp_rep>
            <li> <a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a><br />
                <span class="name">[##_rctrp_rep_name_##]</span> <span class="date">[##_rctrp_rep_time_##]</span> </li>
            </s_rctrp_rep>
          </ul>
     </div>
</s_sidebar_element>

위 코드중 layer_toggle('t_recentComments); -> layer_toggle('t_recentComments');
빠져서인듯...

]]> http://forum.tattersite.com/ko/profile.php?id=10 2007-01-03T23:53:46Z http://forum.tattersite.com/ko/viewtopic.php?pid=14710#p14710 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> J. Parker 작성:

<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } else {
        obj.style.display = 'none';
    }
}
//]]>
</script>  <- 요것 잊으신건 아니신지요?

위에 티즈님이 말씀하셔서 꼭! 넣었습니다!

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-03T17:46:46Z http://forum.tattersite.com/ko/viewtopic.php?pid=14702#p14702 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]>

<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } else {
        obj.style.display = 'none';
    }
}
//]]>
</script>  <- 요것 잊으신건 아니신지요?

]]> http://forum.tattersite.com/ko/profile.php?id=10 2007-01-03T17:38:34Z http://forum.tattersite.com/ko/viewtopic.php?pid=14700#p14700 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> J. Parker 작성:
<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } else {
        obj.style.display = 'none';
    }
}
//]]>

1. 위 스크립트를 사용하는 스킨 skin.html 파일의 <head></head> 사이에 넣고
2. 사이드바에 각 설정을 합니다.

<s_sidebar_element>
<!-- recent comment -->
<div class="listbox">
  <h3 onclick="layer_toggle('t_recentComments);">최근에 써주신 고마운 댓글</h3>
  <ul id="t_recentComments" style="display:none;">
        ....생략...
  </ul>
</div>
</s_sidebar_element>

<s_sidebar_element>

<!-- recent trackback -->
<div class="listbox">
  <h3 onclick="layer_toggle('t_recentTrackback);">최근에 받은 소중한 걸린글</h3>
  <ul id="t_recentTrackback" style="display:none;">
        ....생략...
  </ul>
</div>
</s_sidebar_element>

위와 같은 형식으로 설정해주시면 됩니다.

위의 방법대로 해봤는데요. 안되는군요.
위의 방법대로 아래 처럼 해봤습니다.

<s_sidebar_element>
     <!-- recent comment -->
        <div class="listbox">
          <h3 onclick="layer_toggle('t_recentComments);">최근에 써주신 고마운 댓글</h3>
          <ul id="t_recentComments" style="display:none;">
            <s_rctrp_rep>
            <li> <a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a><br />
                <span class="name">[##_rctrp_rep_name_##]</span> <span class="date">[##_rctrp_rep_time_##]</span> </li>
            </s_rctrp_rep>
          </ul>
     </div>
</s_sidebar_element>

이거 말고 다른 방법도 해봤지만.......... 안되더군요 ㅜ.ㅜ

종결되지 않은 문자열 상수 라는 메세지가!

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-03T15:55:09Z http://forum.tattersite.com/ko/viewtopic.php?pid=14697#p14697 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 
<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } else {
        obj.style.display = 'none';
    }
}
//]]>
</script>

1. 위 스크립트를 사용하는 스킨 skin.html 파일의 <head></head> 사이에 넣고
2. 사이드바에 각 설정을 합니다.

<s_sidebar_element>
<!-- recent comment -->
<div class="listbox">
  <h3 onclick="layer_toggle('t_recentComments);">최근에 써주신 고마운 댓글</h3>
  <ul id="t_recentComments" style="display:none;">
        ....생략...
  </ul>
</div>
</s_sidebar_element>

<s_sidebar_element>

<!-- recent trackback -->
<div class="listbox">
  <h3 onclick="layer_toggle('t_recentTrackback);">최근에 받은 소중한 걸린글</h3>
  <ul id="t_recentTrackback" style="display:none;">
        ....생략...
  </ul>
</div>
</s_sidebar_element>

위와 같은 형식으로 설정해주시면 됩니다.

]]> http://forum.tattersite.com/ko/profile.php?id=10 2007-01-03T07:42:05Z http://forum.tattersite.com/ko/viewtopic.php?pid=14667#p14667 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 많은 글이 올라왔는데, 도통 뭔 소린지;;;; ㅜ.ㅜ

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-03T05:10:12Z http://forum.tattersite.com/ko/viewtopic.php?pid=14663#p14663 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 티즈 작성:
lunamoth 작성:

저도 태터툴즈 0.9 용 스킨을 1.0 으로 컨버전 하면서 그 부분 때문에 골머리를 썩혔던 기억이 납니다. 

<SCRIPT LANGUAGE="JavaScript">
<!--
function layer_toggle(obj) {
        if (obj.style.display == 'none') obj.style.display = 'block';
        else if (obj.style.display == 'block') obj.style.display = 'none';
}
//-->
</SCRIPT>

추가해주니 간단히 해결되는 문제더군요 허허;

XHTML 표준과 DOM에 맞추려면 다음이 더 올바른 표현볍이지요 smile

<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } elseif (obj.style.display == 'block') {
        obj.style.display = 'none';
    }
}
//]]>

저렇게 한 뒤 <div id="abcd">aa</div>를 toggle하려면 onclick 이벤트 등에 layer_toggle("abcd")를 넣어주면 될겁니다 smile
lunamoth님처럼 getElementById를 사용하지 않으면 파폭에서 문제가 생기는 것으로 알고 있습니다. (정확한 표현법도 아니구요)

lunamoth님께서 사용하시는 방법은 아마도 <div id="abcd" onclick="layer_toggle(this)">aa</div> 와 같은 식으로 사용되었을거라 생각됩니다. smile

그리고 여담이지만 위와 같은 if문은 별로 좋은 방법이 아닙니다. 브라우저에 따라(혹은 css의 적용 방법에 따라) display의 값이 ''(공백)이 default로 설정되는 경우가 생길 수 있으므로 아래와 같은 방법이 더 좋을거라 생각됩니다.

<script type="text/javascript">
//<[CDATA[
function layer_toggle(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none') {
        obj.style.display = 'block';
    } else {
        obj.style.display = 'none';
    }
}
//]]>
]]> http://forum.tattersite.com/ko/profile.php?id=40 2007-01-03T01:25:07Z http://forum.tattersite.com/ko/viewtopic.php?pid=14650#p14650 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 도움 말씀이 정말 많네요.. 모두 감사드리고요~

저 스크립트 코드를... 보통 head 안에 넣던데.... 그건 알겠던데...
그 다음 토글 할려는 곳은 어떻게 해야 되는지 예문 하나만 날려주세요~

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-03T00:26:55Z http://forum.tattersite.com/ko/viewtopic.php?pid=14648#p14648 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 최근 정보를 참조하시려면 태터 기본스킨이 교과서입니다. 최근 반영된 것들이 그대로 표출되거든요.
그리고, 기타 다른 스킨을 참조하시면, 토글기능이나 기타 기능을 구현하시는데 도움이 되실듯 합니다.

]]> http://forum.tattersite.com/ko/profile.php?id=10 2007-01-02T14:58:46Z http://forum.tattersite.com/ko/viewtopic.php?pid=14645#p14645 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 제 스킨에 ep04대 이후의 스킨들은 모두 쿠키로 기억되는 show/hide 레이어를 이용하여 열고닫기를 기억하도록 되어있다죠.
음.. 미공개된 ep13에서 ep18까지의 최근 스킨을 보면 되겠지만, 컨테스트에 공개된 ep15의 NF.js를 참고하셔도 될듯합니다. 그 전의 ep12이전건 좀 코드가 조잡하여 참조하지 않으시길..
다 좋은데 이 js 의 최단점이 onload 구문이라.. 페이지 로딩이 느린 제 호스팅같은경우 열고 닫기가 상당히 지연된다는 거~
지금 제 블로그의 ep13을 참고하셔도 될듯하네요.

]]> http://forum.tattersite.com/ko/profile.php?id=9 2007-01-02T14:58:43Z http://forum.tattersite.com/ko/viewtopic.php?pid=14644#p14644 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> lunamoth님 감사합니다. ^^ 일단, 기억해놨다가 필요할 때 써먹어야죠!

태터 스킨을 만들 때.......... 역시나 교과서적으로 참고해야 될 스킨은..... 태터 기본 스킨인가요?
아니면, 뭐 교과서적으로 참고할 만한 스킨이 있을까요? smile

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-02T14:16:49Z http://forum.tattersite.com/ko/viewtopic.php?pid=14641#p14641 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 저도 태터툴즈 0.9 용 스킨을 1.0 으로 컨버전 하면서 그 부분 때문에 골머리를 썩혔던 기억이 납니다. 

<SCRIPT LANGUAGE="JavaScript">
<!--
function layer_toggle(obj) {
        if (obj.style.display == 'none') obj.style.display = 'block';
        else if (obj.style.display == 'block') obj.style.display = 'none';
}
//-->
</SCRIPT>

추가해주니 간단히 해결되는 문제더군요 허허;

]]> http://forum.tattersite.com/ko/profile.php?id=56 2007-01-02T14:12:54Z http://forum.tattersite.com/ko/viewtopic.php?pid=14639#p14639 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 왜냐면... 사이드바에서 빼버리자니 뭔가 허전하고 그렇다고 확~ 펼쳐놓자니, 사이드바가 너무 길어지는 것 같아서
적당히 펼쳐놓을 만한 건 펼쳐놓고 아닌 건, 접어놓으면 좋지 않을까 싶어서;;;; 접어볼라는데, (허리를 확 접어버리듯;;;)
교과서인 태터 기본 스킨에 그 기능이 없더군요.............. --;;; 알아볼 때가 있어야죠;;;;

나름 다른 스킨에서 구현된 걸 컨닝 해봤지만, 에러만 뿜어내더라고요 ;;;;;;

]]> http://forum.tattersite.com/ko/profile.php?id=20 2007-01-02T14:02:37Z http://forum.tattersite.com/ko/viewtopic.php?pid=14638#p14638 <![CDATA[RSS 답글: 알지도 못하면서 스킨에 손을 대다!]]> 사이드바에서 펼쳐졌다 접혔다 하는 건 기본 스킨에는 없는 기능이 맞습니다.
사이드바의 항목들은 관리자 화면에서 스킨 -> 사이드바 메뉴에서 넣었다 뺐다 할 수 있도록 되어 있고, 펼쳤다 접었다 하는 것은 해당 스킨에서 구현한 별도 기능입니다. (아마도 javascript를 사용하였겠지요.)

]]> http://forum.tattersite.com/ko/profile.php?id=11 2007-01-02T13:54:50Z http://forum.tattersite.com/ko/viewtopic.php?pid=14635#p14635