첨부파일 https://imweb.eond.com/blog/371842

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로 바꾼다는 뜻입니다.

 

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 176 articles in 6 / 12 pages
번호 제목 제목 날짜날짜
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

해시태그 디렉터리