묻고답하기
자바스크립트오류가 나서 그럽니다. 고수님의 자문을 듣고 싶습니다.
2009.04.01 21:47
아래는 레이아웃 파일 내용 입니다.
제가 메인 페이지를 꾸밀려구 하는데 자바스크립트를 사용해서 필요한 액션을 할려구 하는데
자꾸 충돌이 나서 하나만 작동되는데 어떻게 정리하면 되는지 알려 주시면 감사합니다.
아직 초보라서 어려운 점이 많습니다.
고수님들의 많은 지도 편달 바랍니다.
홈피주소 : http://fxcol.co.kr
감사합니다.
<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->
<!--// 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body { background:#FFFFFF url({getUrl()}{$layout_info->background_image}) repeat-x left top; }
</style>
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
<div id="header">
<h1><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--> <!--@end--></h1>
<!-- 사이트 맵 이동 단추 -->
<div id="map">
</div>
<!-- 사이트 맵 이동 단추 끝 -->
<!-- 시작페이지로 즐겨찾기 부분 -->
<div id="language">
<a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://fxcol.co.kr');"><img src="./images/default/swsy.gif" /></a>
<a href=# onClick="window.external.addFavorite('http://fxcol.co.kr','FX Col™ FX마진 트레이딩 전문 스쿨')"><img src="./images/default/sc.gif" /></a>
</div>
<!-- 시작페이지로 즐겨찾기 부분 끝 -->
<!-- 공지사항 -->
<div id="google2">
<img class="zbxe_widget_output" widget="newest_document" skin="news_ticker" colorset="none" widget_sequence="63" widget_cache="20" order_target="list_order" order_type="desc" list_count="3" duration_new="1" subject_cut_size="30" display_regdate="N" module_srls="11" />
</div>
<!-- 공지사항 끝 -->
<!-- 검색창 아래 인기 검색어 -->
<div id="guanggao1">
<li>
</li>
</div>
<!-- 검색창 아래 인기 검색어 끝 -->
<!-- main_menu 1차 시작 -->
<!--GNB-->
<ul id="gnb">
{@$mmid_count = 0;}
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li id="mmli{$mmid_count}" <!--@if($val['selected'])-->class="on"<!--@end--> onmouseover="gnbinToggle({$mmid_count}, this)" ><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>{@$mmid_count++;}
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!-- 2차 메뉴 -->
<!--//GNB-->
<script type="text/javascript">
var mmid_count = {$mmid_count};
</script>
{@$mmid_count = 0;}
<!--@foreach($main_menu->list as $mkey => $mval)-->
<!--@if($mval['text'])-->
<!-- 왼쪽 2차 메뉴 -->
<!--@if($mval['selected'])-->
<ol id="mmid{$mmid_count}" class="gnb_sub" style="display:block;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
<li <!--@if($val['+
'+
'selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end--><!--@end-->
</ol>
<!--@else-->
<ol id="mmid{$mmid_count}" class="gnb_sub" style="display:none;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
<li><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end--><!--@end-->
</ol>
<!--@end-->
{@$mmid_count++;}
<!--@end-->
<!--@end-->
<!-- 2차 메뉴 끝 -->
<!-- 검색창 -->
<!-- 검색창 끝 -->
</div>
<div id="contentBody">
<div id="columnLeft">
<!-- 로그인 위젯 -->
<table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#d5d5d5" style="border-collapse:collapse;">
<tr>
<td width="200">
<img class="zbxe_widget_output" widget="login_info" skin="default_icon3" colorset="default" />
</td>
</tr>
</table>
<!-- 로그인 위젯 끝 -->
<!-- 공간 -->
<table border="0" width="100%" height="2">
<tr>
<td width="100%" height="2"></td>
</tr>
</table>
<!-- 공간 -->
<!-- 타임시작-->
<style>
input.clock2 {
text-align: center;
border: none;
font: .9em verdana, helvetica, arial, sans-serif;
padding-bottom: .5em;
}
</style>
<---------------- 이부분은 세계시간을 보여주는 부분인데 자바소스로 되어 있습니다.------> 자바소스1번
<script language="javascript" type="text/javascript">
<!-- Begin
function GetTime() {
var dt = new Date();
var def = dt.getTimezoneOffset()/60;
var gmt = (dt.getHours() + def);
var ending = ":" + IfZero(dt.getMinutes());
// Frankfurt
var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1));
document.clock.rome.value = (IfZero(rome) + ending);
// London
var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));
document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()));
// Hongkong
var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8));
document.clock.ho.value = (IfZero(ho) + ending);
// Seoul/Tokyo
var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9));
document.clock.tky.value = (IfZero(tky) + ending);
// Sydney
var sdn =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11));
document.clock.sdn.value = (IfZero(sdn) + ending);
// Moscow
var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3));
document.clock.msw.value = (IfZero(msw) + ending);
// Los Angeles
//var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
var pacif =check24(((gmt + (24-7)) >= 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
document.clock.pacif.value = (IfZero(pacif) + ending);
// New York
//var center =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
var center =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
document.clock.center.value = (IfZero(center) + ending);
setTimeout("GetTime()", 1000);
}
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function check24(hour) {
return (hour >= 24) ? hour - 24 : hour;
}
window.onload=GetTime;
// End -->
</script>
<table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#d5d5d5" style="border-collapse:collapse;">
<form name=clock>
<tr>
<td><img src="http://fxcol.co.kr/fxcol/img/img/m09.gif" hspace="7" vspace="5" align="absmiddle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#ebebeb">
<td width="55" class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_au.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Sydney</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="sdn" style="background-color:#ebebeb;"></td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_kr.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Seoul/Tokyo</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="tky" style="background-color:#ffffff;"></td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_ch.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Hongkong</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="ho" style="background-color:#ebebeb;"></td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_ru.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Moscow</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="msw" style="background-color:#ffffff;"></td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_ge.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Frankfurt</font></span></td>
<td class="rate"><input class=clock2 type="text" size="8" name="rome" style="background-color:#ebebeb;"></td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_gb.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">London</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="_GMT" style="background-color:#ffffff;"></td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_us.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">New York</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="center" style="background-color:#ebebeb;"></td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_us.gif"></td>
<td class="rate"><span style="font-size:9pt;"><font color="#666666">Los Angeles</font></span></td>
<td class="rate"><input class="clock2" type="text" size="8" name="pacif" style="background-color:#ffffff;"></td>
</tr>
![http://fxcol.co.kr/fxcol/img/img/flag_au.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_au.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_kr.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_kr.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_ch.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_ch.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_ru.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_ru.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_ge.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_ge.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_gb.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_gb.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_us.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_us.gif"></td){kind=link}
</table></td>
</tr></form>
</table>
<img src="images/blank.gif" alt="" class="mask" />
<table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#d5d5d5" style="border-collapse:collapse;">
<tr>
<td><img src="http://fxcol.co.kr/fxcol/img/img/m10.gif" hspace="7" vspace="5" align="absmiddle"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#ebebeb">
<td width="55" class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_us.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">USD</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">0.25%</font></span></p>
</td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_jp.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">JPY</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">0.10%</font></span></p>
</td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_chf.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">CHF</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">0.25%</font></span></p>
</td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_eu.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">EUR</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">1.50%</font></span></p>
</td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_gb.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">GBP</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">0.50%</font></span></p>
</td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_ca.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">CAD</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">0.50%</font></span></p>
</td>
</tr>
<tr bgcolor="#ebebeb">
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_au.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">AUD</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">3.25%</font></span></p>
</td>
</tr>
<tr>
<td class="rate"><img src="http://fxcol.co.kr/fxcol/img/img/flag_nz.gif"></td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">NZD</font></span></p>
</td>
<td class="rate">
<p align="center"><span style="font-size:9pt;"><font color="#666666">3.00%</font></span></p>
</td>
</tr>
</table></td>
</tr>
</table>
![http://fxcol.co.kr/fxcol/img/img/flag_jp.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_jp.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_chf.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_chf.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_eu.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_eu.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_ca.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_ca.gif"></td){kind=link}
![http://fxcol.co.kr/fxcol/img/img/flag_nz.gif"></td](http://fxcol.co.kr/fxcol/img/img/flag_nz.gif"></td){kind=link}
<!-- 타임 끝 -->
<!--@if($menu_1st)-->
<div id="lnbWrap">
<div class="sub_title">
<h1>{$menu_1st['text']}</h1>
</div>
<!-- 왼쪽 블랭크 -->
<div class="sub_top">
</div>
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
<li <!--@if($val['selected'])-->
class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> title="{$val['link']}">{$val['link']}</a>
<!-- main_menu 3차 시작 -->
<!--@if($val['list'] && ($val['expand']=='Y'||$val['selected'+
']) )-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
<li <!--@if($v['selected'+
'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> title="{$val['link']}">{$v['link'+
']}</a></li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
{@$idx++}
<!--@end--><!--@end-->
</ol>
<img src="./images/default/lnb_bg_b.gif" alt="" />
</div>
<!--@end-->
<img src="./images/blank.gif" alt="" class="mask" />
<!--@if(!$layout_info->widget01)--><!--@else--><div class="widget01">{$layout_info->widget01}</div><!--@end-->
<!--@if(!$layout_info->widget02)--><!--@else--><div class="widget02">{$layout_info->widget02}</div><!--@end-->
<!--@if(!$layout_info->widget03)--><!--@else--><div class="widget03">{$layout_info->widget03}</div><!--@end-->
<!--@if(!$layout_info->left_banner01_url)--><!--@else--><a href="{$layout_info->left_banner01_url}" target="{$layout_info->left_banner_url01_target}" ><!--@end--><!--@if(!$layout_info->left_banner01_image)--><!--@else--><div class="banner01"><img src="{$layout_info->left_banner01_image}" border="0" class="iePngFix" /></a></div><!--@end-->
<!--@if(!$layout_info->left_banner02_url)--><!--@else--><a href="{$layout_info->left_banner02_url}" target="{$layout_info->left_banner_url02_target}" ><!--@end--><!--@if(!$layout_info->left_banner02_image)--><!--@else--><div class="banner02"><img src="{$layout_info->left_banner02_image}" border="0" class="iePngFix" /></a></div><!--@end-->
<!--@if(!$layout_info->left_banner03_url)--><!--@else--><a href="{$layout_info->left_banner03_url}" target="{$layout_info->left_banner_url03_target}" ><!--@end--><!--@if(!$layout_info->left_banner03_image)--><!--@else--><div class="banner03"><img src="{$layout_info->left_banner03_image}" border="0" class="iePngFix" /></a></div><!--@end-->
<img src="./images/blank.gif" alt="" class="mask" />
<!-- 아래는 구글 광고 입니다, 많이 불편하지 않으면 삭제하지 마세요 ^^;; 물론 삭제하셔도 별 문제 없습니다. -->
<img src="./images/blank.gif" alt="" class="mask" />
<!-- 구글 광고 끝 -->
<div id="wpgb">
<div class="wpgb2">
<!--@if($layout_info->logo_image)--><a href="{$layout_info->wpgb_rhkdrh}">광고문의</a><!--@else--><!--@end-->
<!--@if($layout_info->logo_image)--><a href="{$layout_info->wpgb_wpgb}">제휴안내</a><!--@else--><!--@end-->
</div>
</div>
</div>
<div id="columnRight">
<---------------- 이부분은 메인이미지를 여러장이 바뀌도록 한 부분입니다. 자바소스로 되어 있습니다.------> 자바소스2번
<script language="JavaScript1.1">
<!--
var img1 = new Image();
img1.src = "http://fxcol.co.kr/fxcol/img/img/main_img_01.jpg";
var img2 = new Image();
img2.src = "http://fxcol.co.kr/fxcol/img/img/main_img_02.jpg";
var img3 = new Image();
img3.src = "http://fxcol.co.kr/fxcol/img/img/main_img_03.jpg";
var img4 = new Image();
img4.src = "http://fxcol.co.kr/fxcol/img/img/main_img_04.jpg";
var img5 = new Image();
img5.src = "http://fxcol.co.kr/fxcol/img/img/main_img_05.jpg";
//-->
</script>
<!------------ 1단계 head 부분 : 여기까지 복사하세요 ^^* ------------->
<!------------ 2단계 body 이벤트핸들러 부분 : 여기서부터 복사하세요 ^^* ------------->
<body onLoad="init()">
<center>
<!------------ 3단계 body 부분 : 여기서부터 복사하세요 ^^* ------------->
<script language="JavaScript">
<!--
var maxLoops = 5; // 이미지의 갯수
var bInterval = 2; // 이미지가 잠깐 멈춰있는 시간 조절
var count = 2;
function init() {
blendtrjs.filters.blendTrans.apply();
document.images.blendtrjs.src = eval("img"+count+".src");
blendtrjs.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*700+2000);
}
//-->
</script>
<img src="http://fxcol.co.kr/fxcol/img/img/main_img_05.jpg" name="blendtrjs" border="0" style="filter: blendTrans(duration=2)">
<!------------ 3단계 body 부분 : 여기까지 복사하세요 ^^* ------------->
</center>
<!-- 컨텐츠 시작 -->
{$content}
<!-- 컨텐츠 시작 끝 -->
</div>
</div>
<!-- 하단 내용 -->
<ul id="footer">
<li class="first-child">
<!-- 제로보드 로고 -->
<address>
<a href="http://www.zeroboard.com" onclick="window.open(this.href);return false;"><img src="./images/powerdByXE.gif" alt="Powered By XpressEngine" width="70" height="5" /></a>
</address>
<!-- 제로보드 로고 끝 -->
</li>
<!-- 하단 메뉴 -->
<!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@endforeach-->
<!-- 하단 메뉴 끝 -->
<p>
<li class="first-child">
<!-- 그타 내용 -->
대구시 동구 신천동 16-3 3층 305 사업자등록번호 : 217-98-16053
<br>
대표전화 : 053-759-1214 팩스 : 053-759-1214 개인정보관리책임자 : 이지훈
<br>
Copyright © 2003 - 2009 <a href="http://fxcol.co.kr">FX Col<font color="red">™</font></a>All Rights Reserved. Designed by <a href="http://fxcol.co.kr">LEE LEEHUN</a>
<!-- 그타 내용 끝 -->
</li>
</ul>
<!-- 하단 내용 -->
</div>