묻고답하기
탭메뉴 최근게시물을이용한 위젯삽입후 않되는현상관련 질문입니다
2008.03.09 15:17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Easy Tabs 1.2 - presented by Kollermedia.at</title>
<style type="text/css">
body {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
/*Example for a Menu Style*/
.menu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px;width:200px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px; border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold; position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {border:1px solid #ececec; width:198px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}
</style>
<script type="text/javascript">
/*
EASY TABS 1.2 Produced and Copyright by Koller Juergen
www.kollermedia.at | www.austria-media.at
Need Help? http:/www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange
You can use this Script for private and commercial Projects, but just leave the two credit lines, thank you.
*/
//EASY TABS 1.2 - MENU SETTINGS
//Set the id names of your tablink (without a number at the end)
var tablink_idname = new Array("tablink")
//Set the id name of your tabcontentarea (without a number at the end)
var tabcontent_idname = new Array("tabcontent")
//Set the number of your tabs
var tabcount = new Array("4")
//Set the Tab wich should load at start (In this Example:Tab 2 visible on load)
var loadtabs = new Array("2")
//Set the Number of the Menu which should autochange (if you dont't want to have a change menu set it to 0)
var autochangemenu = 1;
//the speed in seconds when the tabs should change
var changespeed = 2;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
var stoponhover = 0;
//END MENU SETTINGS
/*Swich EasyTabs Functions - no need to edit something here*/
function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0)) {counter=0;}menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className='tab'+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';}document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout("start_autochange()",1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;}
window.onload=function(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]); a++; b++;}while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}
</script>
</head>
<body>
<h2>Easy Tabs 1.2 - Example with 1 changing Menu</h2>
<!--Start of the Tabmenu1 -->
<div class="menu">
<ul>
<li><a href="#" onmouseover="easytabs('1', '1');" onfocus="easytabs('1', '1');" onclick="return false;" title="" id="tablink1">Tab 1</a></li>
<li><a href="#" onmouseover="easytabs('1', '2');" onfocus="easytabs('1', '2');" onclick="return false;" title="" id="tablink2">Tab 2 </a></li>
<li><a href="#" onmouseover="easytabs('1', '3');" onfocus="easytabs('1', '3');" onclick="return false;" title="" id="tablink3">Tab 3 </a></li>
<li><a href="#" onmouseover="easytabs('1', '4');" onfocus="easytabs('1', '4');" onclick="return false;" title="" id="tablink4">Tab 4 </a>
</li>
</ul>
</div>
<!--End of the Tabmenu1 -->
<!--Start Tabcontent 1 -->
<div id="tabcontent1"><img width="100%" height="100" src="http://remixworld.mireene.com/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" body="" skin="default" colorset="normal" widget_cache="0" title="" order_target="list_order" order_type="desc" list_count="" duration_new="" subject_cut_size="" mid_list="notice" widget_sequence="5993" /></div>
<!--End Tabcontent 1-->
<!--Start Tabcontent 2-->
<div id="tabcontent2">Tabcontent 2</div>
<!--End Tabcontent 2 -->
<!--Start Tabcontent 3-->
<div id="tabcontent3">Tabcontent 3</div>
<!--End Tabcontent 3-->
<!--Start Tabcontent 4-->
<div id="tabcontent4">Tabcontent 4</div>
<!--End Tabcontent 4-->
<a href="#" onmousedown="javascript:stop_autochange(); return false;">Stop the Change</a> | <a href="#" onmousedown="javascript:restart_autochange(); return false;">Restart (if stopped)</a>
<div style="background-color:#efefef; margin-top:25px; padding:8px;">
<strong>Settings setted for this menu:</strong><br/>
<strong>loadtabs = 2</strong> (load tab 2 on start)<br/>
<strong>autochangemenu = 1 </strong>(set the first menu to autochange modus (in this example there is only one menu so i have to set it to 1 or to 0 if i dont want a autochangemenu)<br/>
<strong>changespeed = 2 </strong>(change every 2 seconds)<br/>
<strong>stoponhover = 0 </strong>(don't stop the autochange on hover)</div>
</body>
</html>
전체소스중에서 아래부분만 변경해서 추출할라고해보았는데 초록색이미지만 나오고 않되네여
<!--Start Tabcontent 1 -->
<div id="tabcontent1"><img width="100%" height="100" src="****.com***.common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" body="" skin="default" colorset="normal" widget_cache="0" title="" order_target="list_order" order_type="desc" list_count="" duration_new="" subject_cut_size="" mid_list="notice" widget_sequence="5993" /></div>
<!--End Tabcontent 1-->
<!--Start Tabcontent 2-->
어떤부분이문제인가여 드림위버로도 최근문서 위젯부분을추출할라고 초록색이미지만보이던데... 제가 php 쪽은 잘몰라서....
php 고수님들의 속시원한 답변기다림니다~
댓글 6
-
백성찬
2008.03.09 15:22
-
진이486
2008.03.09 16:35
아 그런거였군요....그런 위젯개념이아닌 제로보드 xe 형성된게시판을 추출하는 소스는 알수없을까여.. RSS 이용해서 할려고해도 에러가나네요...
-
백성찬
2008.03.09 16:55
이 질문은 뜻을 잘 이해하지 못하겠습니다.
게시판은 /?mid=게시판이름
rss 는 /?mid=게시판이름&act=rss -
진이486
2008.03.09 17:20
위 소스가 텝형식으로 게시물을보요주는 소스인데 div 부분에 제로보드 xe 만든 게시판글들을 추출해서 최근 게시물을 만들까했는데
최근 게시물 위젯을하면 될까했는데 녹색이미지만 보이고않되더군요...그원인은 성찬님이 설명해줘서 알꺼같은데 그럼
최근 게시물 추출 소스를 분석해보면 가능할꺼같은데..추출이된 위젯 코드자체를 어떻게 볼수있는지 모르겠네여 또한방법은
ajax 를이용해서 게시판 rss 주소를 이용해서 하는법이있어서 해볼려는데 ... devil 님이만드신소스 이것역시 해당 rss 주소를 불러와...
도 추출된 게시판 글이뿌옅게되서 뒷배경처럼 뿌옅게나오거나 아예 로딩 표시만 계속뜨는문제가있더군요...간단하게
게시물을 뽑아오는 소스나 해당 게시판에최근글을 추출한 위젯 소스를 볼수있는법이알고싶습니다... -
백성찬
2008.03.09 17:32
외부페이지를 이용하거나 페이지에 소스를 삽입해서 사용하면 됩니다.
이렇게 하면 위젯이 정상작동합니다. -
진이486
2008.03.09 18:26
외부페이지를이용하니 아무화면도않나오네여 아무래도 위에 소스가 문제가있는듯하네요 답변감사드림니다...첨부화일이
탭메뉴소스인데 네이버처럼 자동으로 움직이고 그래서 써볼라고했는데 아쉽네여~
위젯은 zbxe를 떠나서 단독으로 실행되지 않습니다.