comment
만들다보면 내가 뭘 만들었는지 모를 때가 있습니다. 왜 이렇게 했는지 몰라서 적어둡니다. ㅠ_ㅠ
file
\widgets\content\skins\eond_on\_tab_top.html
변경전 code
<div class="article_box"> <div class="cat_box"> <ul> {@$i=0} <!--@foreach($widget_info->tab as $module_srl => $tab)--> {@ $strrr = str_replace('http://eond.com/','',$tab->url); } <li<!--@if($i==0)--> class="on"><!--@else-->><!--@end--><span class="#wdg_{$strrr}" title="{$tab->title}">{$tab->title}</span><span class="mark"></span></li> {@$i++} <!--@end--> </ul> </div> <div class="article_thumb"> {@$i=0} <!--@foreach($widget_info->tab as $module_srl => $tab)--> {@ $strrr = str_replace('http://eond.com/','',$tab->url); } <div class="tab-pane" id="wdg_{$strrr}">{@$widget_info->content_items = $tab->content_items}<!--#include("_tab_none.html")--></div> {@$i++} <!--@end--> </div> </div>
str_replace 함수를 사용했었네요. -_-a
변경 후 code
<div class="article_box"> <div class="cat_box"> <ul> {@$i=0} <!--@foreach($widget_info->tab as $module_srl => $tab)--> {@ $strrr = str_replace($tab->domain.'/','',$tab->url); } {@ debugPrint($tab); } <li<!--@if($i==0)--> class="on"><!--@else-->><!--@end--><span class="#wdg_{$strrr}" title="{$tab->title}">{$tab->mid}{$tab->title}</span><span class="mark"></span></li> {@$i++} <!--@end--> </ul> </div> <div class="article_thumb"> {@$i=0} <!--@foreach($widget_info->tab as $module_srl => $tab)--> {@ $strrr = str_replace($tab->domain.'/','',$tab->url); } <div class="tab-pane" id="wdg_{$strrr}">{@$widget_info->content_items = $tab->content_items}<!--#include("_tab_none.html")--></div> {@$i++} <!--@end--> </div> </div>
cat_box는 제목에 해당하는 레이어이며, article_thumb는 내용에 해당하는 레이어입니다.
탭 게시물인데, 중요한 점은 클릭하는 탭의 제목의 레이어 클래스명과 내용의 아이디명이 서로 동일해야 하는 점인데요,
(어떻게 구현했었는지는 잘 모르겠습니다만-_-; 소스를 더 봐야겠지요;)
기존 코드를 보시면 무식하게 도메인명을 박아넣었었는데요,
{@ $strrr = str_replace('http://eond.com/','',$tab->url); }
이번에 debugPrint()의 사용방법을 익히면서
debugPrint($tab) 을 해보니 domain 이란 배열이 있더군요.
그리고 마지막에 /도 없애줘야 했기 때문에
{@ $strrr = str_replace($tab->domain.'/','',$tab->url); }
'http://eond.com/' 이란 도메인을 '' 빈값으로 바꿔주었습니다. 맨 뒤에 $tab->url 은 각 클래스를 구분하는 주소입니다.
str_replace('A','B','C')
C에서 A를 찾아서 B로 바꾼다는 뜻입니다.
제목 | 날짜 | |
---|---|---|
101 | [레이아웃제작기] 해피타운 현재위치 출력 소스 | 2018/08/09 |
100 | [레이아웃제작기] 해피타운 | 2018/08/05 |
99 | [기획제작기] 커뮤니티형 레이아웃 | 2016/06/14 |
98 | [기획제작기] 영남실버케어 참조 사이트 | 2016/02/29 |
97 | [기획제작기] 걸그룹 레이아웃 참조사이트 | 2016/02/27 |
96 | [기획제작기] 이온디 모바일 레이아웃 참조 사이트 | 2016/02/27 |
95 | [기획제작기] 지역기반 사이트 참조 레이아웃 | 2016/02/26 |
94 | [기획제작기] 복지 관련 사이트 참조 사이트 | 2016/02/25 |
93 | [기획제작기] 이온디 마켓 참조 사이트 | 2016/02/24 |
[위젯 스킨] 이온디 온 Content 위젯 기본 스킨 | 2016/02/13 | |
91 | [XE기타] 갤러리 위젯 | 2015/09/26 |
90 | [XE기타] 텀블러 위젯 | 2015/09/24 |
89 | [XE기타] [XE위젯] 이온디 파일박스 배너위젯 | 2015/09/09 |
88 | [레이아웃제작기] [이온디 에디션] 모바일에서의 터치슬라이딩 구현하기 [2] | 2015/09/01 |
87 | [레이아웃제작기] [이온디 레모나] 참조 사이트 | 2015/08/29 |