묻고답하기
스크립트오류질문..& 메뉴링크 질문이요~~
2015.02.09 23:54
질문1.
http://np06.npaper.co.kr/zbxe/m11
에 보면 좌측 동그라미 메뉴를 누르면 같은 모듈안에서 페이지가 전환되는데요
상단의 서브메뉴에서 바로 링크를 걸땐 어떻게 걸어줘야 할지 모르겠습니다.
예를들어 상단메뉴의 About > 서비스영역으로 바로 갈때...
좌측의 동그라미메뉴는 선택되지만 본문은 첫번째 메뉴 그대로거든요~~
아래 내용 보시거나 첨부파일처럼 했는데 어떻게 해야할지 도저히 모르겠네요...
그리고
질문2.
그리고 익스플로러 11이하버전에서 스크립트 오류도 나는데요
어떻게 수정해야할까요~~?ㅠㅠ
~~~
며칠째하고 있는데 안되고 있네요...ㅜㅜ
2번문제가 더 급한데..해결될수 있을까요...??
줄: 7
문자: 23588
오류: 정의되지 않음 또는 null참조인 'backgroundColor' 속성을 설정할수 없습니다.
코드: 0
URL: http://np06.npaper.co.kr/zbxe/common/js/plugins/ui/jquery-ui.min.js?20140204165901
줄: 4
문자: 2
오류: 정의되지 않음 또는 null참조인 'regional' 속성을 가져올수 없습니다.
코드: 0
URL: http://np06.npaper.co.kr/zbxe/common/js/plugins/ui/jquery.ui.datepicker-ko.js?20140204165901
<title>Untitled Document</title>
<!-- 나눔 폰트 로딩 -->
<link href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<!--[if IE 7]>
<style type="text/css">
#vtab > ul > li.selected{
border-right: 1px solid #fff !important;
}
#vtab > ul > li {
border-right: 1px solid #ddd !important;
}
#vtab > div {
z-index: -1 !important;
left:1px;
}
</style>
<![endif]-->
<style>
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face {
font-family: 'NanumGothic Light';
src: url('/fonts/NanumGothicLight.eot');
src: local(※),
url('/fonts/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothicLight.woff') format('woff'),
url('/fonts/NanumGothicLight.ttf') format('truetype'),
url('/fonts/NanumGothicLight.svg#NanumGothicLight') format('svg');
}
@media screen and (max-width: 1249px) {
.left_main {display:none;}
.left_top {display:none;}
.right_main {display:none;}
.right_top {display:none;}
}
@media screen and (min-width: 1250px) and (max-width: 1499px) {
.left_main {display:inline-block;}
.left_top {display:inline-block;}
.right_main {display:none;}
.right_top {display:none;}
}
@media screen and (min-width: 1500px) {
.left_main {display:inline-block;}
.left_top {display:inline-block;}
.right_main {display:inline-block;}
.right_top {display:inline-block;}
}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,
i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video,input {
padding:0;
margin:0;
border:0;
outline:0;
background:transparent;
display:block;
}
body { background-image:url(/images/bg.gif); margin:0;
font-family:'나눔고딕', NanumGothic, 'Nanum Gothic';
font-size:12px;}
#Wrap {margin:0 auto; width:100%;}
#header {margin:0 auto; display:block;
height:144px; background-image:url(/images/topmenu_long.jpg); background-repeat:no-repeat; background-position:center bottom;}
.header_in {margin:0 auto; width:1500px; }
.top {width:1000px; float:left; }
/** **/
.left_top {width:250px; float:left; }
.right_top {width:250px; }
.topArea {margin: 0 auto; width:1000px; height:98px;}
.topmenu {margin:0 auto; width:1000px; height:46px; background-image:url(images/topmenu_1000.jpg); background-repeat:no-repeat; background-position:center; font-size:0; }
.topmenu ul {padding-top:13px; padding-left:8px;}
.topmenu ul li {padding-left:5px; float:left;}
.logo {float:left;}
.topBanner01 {padding: 20px 0 20px 715px ; }
#content {margin:0 auto; width:1500px; background-color:; }
.left_main {width:250px; height:938px; float:left; }
.content_main {width:1000px; float:left; background-color:; }
.main_visualA {float:left;}
.right_main {width:250px; height:938px; font-size:0; background-color:; }
.main_bannerA {font-size:0; background-color:#93928a;}
.main_bannerA ul li {display:inline-block;}
.main_bannerB {font-size:0;}
.main_bannerB ul li {display:inline-block;}
.main_bannerC {font-size:0;}
.main_bannerC ul li {display:inline-block;}
.line_top {border-top:1px solid #e4e4e4; padding:4px 0 4px 0;}
.right_main ul li {display:inline-block;}
#footer {width:100%;}
#footer ul { margin:0 auto; }
#footer ul li { margin:0 auto; width:1000px; background-color:#FFF; padding-bottom:10px;}
</style>
<style type="text/css">
body {
font-family: verdana;
padding-top: 10px;
}
#vtab {
margin: auto;
width: 1000px;
height: 100%;
}
#vtab > ul > li {
width: 100px;
height: 100px;
background-color: !important;
list-style-type: none;
display: block;
text-align: center;
margin: auto;
padding-bottom: 0px;
border: 0px solid #fff;
position: relative;
border-right: none;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}
#vtab > ul > li.m11 {
background: ;
}
#vtab > ul > li.m12 {
background: ;
}
#vtab > ul > li.m13 {
background: ;
}
#vtab > ul > li.selected {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
border: 0px solid #ddd;
border-right: none;
z-index: 10;
background-color: !important;
position: relative;
}
#vtab > ul {
float: left;
width: 110px;
text-align: left;
display: block;
margin: auto 0;
padding: 0;
position: relative;
top: 30px;
}
#vtab > div {
background-color: ;
margin-left: 110px;
border: 0px solid #ddd;
min-height: 500px;
padding: 12px;
position: relative;
z-index: 9;
-moz-border-radius: 20px;
}
#vtab > div > h4 {
color: #800;
font-size: 1.2em;
border-bottom: 1px dotted #800;
padding-top: 5px;
margin-top: 0;
}
</style>
<script type="text/javascript">
$(function() {
var $items = $('#vtab>ul>li');
$items.click(function() {
$items.removeClass('selected');
$(this).addClass('selected');
var index = $items.index($(this));
$('#vtab>div').hide().eq(index).show();
}).eq(1).mouseover();
});
</script>
<div id="vtab">
<ul>
<li class="m11 selected"><a onclick="tlink();"><a href="#"> <img src="/images/leftmenu_11.png" editor_component="image_link" /></a></li>
<li class="m12"><a onclick="tlink();"><a href="#"> <img src="/images/leftmenu_12.png" editor_component="image_link" /></a></li>
<li class="m13"><a onclick="tlink();"><a href="#"> <img src="/images/leftmenu_13.png" editor_component="image_link" /></a></li>
</ul>
<div id="m11">
<img src="/images/11.png" editor_component="image_link" />
</div>
<div id="m12">
<img src="/images/12.png" editor_component="image_link" />
</div>
<div id="m13">
<img src="/images/13.png" editor_component="image_link" />
</div>
</div>
