니들웍스 주제: 자주 보죠...
흐어엉ㅜ,.ㅜ 된다 싶더니 ........티에디션에서만 활성화가 안되네요. 귀찮게 해서 죄송해요.
블로그 첫화면이 이렇게 나옵니다. (티에디션을 이용한 첫화면!) 양쪽 극단적인 버튼들 보이시죠? 근데 클릭이 안되요.
일단 버튼을 보이게 만들었던건
제가 티에디션설정 가서
HTML 에
아래 소스를
-------------------------------------------------------------------------------
<script type="text/javascript">
//<![CDATA[
var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
//]]>
</script>
---------------------------------------------------------------------------------------------
이거 집어 넣었다는거!! 버튼만 보이고 활성화가 안되요.
다행이도 사진클릭으로 게시물페이지에 들어가면 양쪽 버튼 보이면서 활성화가 됩니다.
여기서 의문이 드는게 두가지 있습니다.
첫째, 티에디션을 다음페이지로 넘기는거 자체가 가능하냐 와 다음페이지를 넘겼을때에도 똑같은 티에디션 형식을 유지하는거.
두번째, 왜 버튼 스크립트 소스를 두곳에 써야하는가.
티에디션 HTML에 버튼스크립트소스 넣어주고, 따로 skin.HTML에 버튼스크립트소스 또 넣어주고...한곳에 써놓고 버튼유지,활성화 하는방법이
없나입니당.
일단 버튼관련 소스를 모조리 풀어볼께요.
---------------------------------------------------------------------- skin.HTML --------
container 안에 있는 소스.
<div id="outer_btn_left"></div>
<div id="outer_btn_right"></div>
paging 안에 있는 스크립트소스.
<script type="text/javascript">
//<![CDATA[
var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
//]]>
</script>
body안에 있는 소스,스크립트소스
<div id="outer_btn_left" style="position: absolute; left:0; text-align:center;"></div>
<div id="outer_btn_right" style="position: absolute; right:0; text-align:center;"></div>
<script type="text/javascript">
initMoving(document.getElementById("outer_btn_left"), 300, 400, 250);
initMoving(document.getElementById("outer_btn_right"), 300, 400, 250);
</script>
---------------------------------------------------------------------- style.CSS --------
#outer_btn_left {
position:absolute;
left:0;
top:500px;
width:40px;
}
#outer_btn_right {
position:absolute;
right:0;
top:500px;
width:40px;
}
---------------------------------------------------------------------- 티에디션 소스 ----------
<h2 class="tt-item-title"><span class="tt-item-title-bg"><span class="tt-item-title-inner">[##_item_title_##]</span></span></h2>
<ul class="tt-wrap-item">
<s_tabloid>
<s_article_rep>
<li class="tt-span-4 [##_is_last_item_##][##_clear_##]">
<p class="tt-wrap-post-thumb">
<a href="[##_article_rep_link_##]" title="[##_article_rep_title_##]"
class="tt-wrap-thumb-link tt-span-4-border tt-span-4-[##_thumb_ratio_##] tt-last[##_use_noimage_##]">
<img
class="tt-post-thumb"
style="[##_thumb_style_##]"
src="http://[##_article_rep_thumb_host_##]/[##_thumb_type_##]/[##_article_rep_thumb_hash_##]"
alt="[##_article_rep_title_##]"/></a>
</p>
<p class="tt-post-title">
<a href="[##_article_rep_link_##]">[##_article_rep_title_excerpt_##]</a>
</p>
<p class="tt-post-summary"><a href="[##_article_rep_link_##]">[##_article_rep_desc_excerpt_##]</a></p>
<p class="tt-post-etcinfo">
<span class="tt-post-category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a></span>
<span class="tt-post-author">[##_article_rep_author_##]</span>
<span class="tt-post-date">[##_article_rep_date_##]</span>
<span class="tt-post-comment">[##_article_rep_comment_cnt_##] comment</span>
</p>
</li>
</s_article_rep>
</s_tabloid>
</ul>
<script type="text/javascript">
//<![CDATA[
var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
//]]>
</script>
