fo bo 머지작업 - 오류수정
This commit is contained in:
jazz
@@ -8,40 +8,59 @@
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
#layout_config {
|
||||
width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
#layout_config {
|
||||
width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
<div id="layout_config">
|
||||
<div id="layout_config_full">
|
||||
|
||||
<div class="catalog_nav relative mb60" style="margin-top: 60px;">
|
||||
<c:choose>
|
||||
<c:when test = "${empty dv}">
|
||||
<c:set var = "dv" value = "company"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:set var = "dv" value = "${dv}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<ul>
|
||||
<li <c:if test = "${dv eq 'company'}">class="on"</c:if> id ="company"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=company">참다한 소개</a></li><!-- 활성화 class="on" -->
|
||||
<li <c:if test = "${dv eq 'ceo'}">class="on"</c:if> id ="ceo"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=ceo">CEO인사</a></li>
|
||||
<li <c:if test = "${dv eq 'technology'}">class="on"</c:if> id ="technology"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=technology">참다한의 기술</a></li>
|
||||
<li <c:if test = "${dv eq 'history'}">class="on"</c:if> id ="history"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=history">회사연혁</a></li>
|
||||
<li <c:if test = "${dv eq 'map'}">class="on"</c:if> id ="map"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=map">조직도</a></li>
|
||||
<%--<li <c:if test = "${dv eq 'company'}">class="on"</c:if> id ="company"><a href="chamdahan_tab6.html">언론속의 참다한</a></li>--%>
|
||||
<li <c:if test = "${dv eq 'way'}">class="on"</c:if> id ="way"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=way">오시는길</a></li>
|
||||
<li <c:if test = "${dv eq 'script'}">class="on"</c:if> id ="script"><a href="/sopmal/main/selectiframeBrandStroyForm?dv=script">온체식참다한</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="catalog_nav relative mb60" style="margin-top: 60px;">
|
||||
<c:choose>
|
||||
<c:when test = "${empty dv}">
|
||||
<c:set var = "dv" value = "company"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:set var = "dv" value = "${dv}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<ul>
|
||||
<!-- 활성화 class="on" -->
|
||||
<li <c:if test = "${dv eq 'company'}">class="on"</c:if> id ="company">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=company">참다한 소개</a>
|
||||
</li>
|
||||
<li <c:if test = "${dv eq 'ceo'}">class="on"</c:if> id ="ceo">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=ceo">CEO인사</a>
|
||||
</li>
|
||||
<li <c:if test = "${dv eq 'technology'}">class="on"</c:if> id ="technology">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=technology">참다한의 기술</a>
|
||||
</li>
|
||||
<li <c:if test = "${dv eq 'history'}">class="on"</c:if> id ="history">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=history">회사연혁</a>
|
||||
</li>
|
||||
<%--
|
||||
<li <c:if test = "${dv eq 'map'}">class="on"</c:if> id ="map">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=map">조직도</a>
|
||||
</li>
|
||||
--%>
|
||||
<%--<li <c:if test = "${dv eq 'company'}">class="on"</c:if> id ="company"><a href="chamdahan_tab6.html">언론속의 참다한</a></li>--%>
|
||||
<%--
|
||||
<li <c:if test = "${dv eq 'way'}">class="on"</c:if> id ="way">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=way">오시는길</a>
|
||||
</li>
|
||||
--%>
|
||||
<li <c:if test = "${dv eq 'script'}">class="on"</c:if> id ="script">
|
||||
<a href="/sopmal/main/selectiframeBrandStroyForm?dv=script">온체식참다한</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<%--참다한 소개--%>
|
||||
<div id = "companyDv" style="display:none;">
|
||||
<img src="/pc/brand/CH/images/img_introduces01.jpg" title=" 좋은 재료로 건강하게 만드는 옳은 홍삼, 참다한 -참다한은 귀한 홍삼의 영양을 가장 많이 담을 수 있는 ‘전체식 홍삼’ 기술을 바탕으로 탄생한 브랜드로써 홍삼을 가장 건강하게, 온전하게 섭취할 수 있는 새로운 방법을 제안하고 있습니다‘참된 마음으로 정성을 다한다’는 뜻의 참다한은 보다 많은 분들이 몸에 해로운 그 어떤 유해물질 없이 건강한 홍삼을 만날 수 있도록 늘 정성을 다하고 있습니다 " alt=" 좋은 재료로 건강하게 만드는 옳은 홍삼, 참다한 -참다한은 귀한 홍삼의 영양을 가장 많이 담을 수 있는 ‘전체식 홍삼’ 기술을 바탕으로 탄생한 브랜드로써 홍삼을 가장 건강하게, 온전하게 섭취할 수 있는 새로운 방법을 제안하고 있습니다‘참된 마음으로 정성을 다한다’는 뜻의 참다한은 보다 많은 분들이 몸에 해로운 그 어떤 유해물질 없이 건강한 홍삼을 만날 수 있도록 늘 정성을 다하고 있습니다 ">
|
||||
<div class="img_con introduces_bg" style="position: relative; width: 1652px; left: -226px; margin-bottom: -50px; overflow: hidden;">
|
||||
<img src="/pc/brand/CH/images/img_introduces01_2.png" alt="참다한 BI-식품 속에 조성된 자연 그대로의 참 영양을 모두 다해 고객에게 전달하는
|
||||
<img src="/pc/brand/CH/images/img_introduces01_2.png" alt="참다한 BI-식품 속에 조성된 자연 그대로의 참 영양을 모두 다해 고객에게 전달하는
|
||||
올바른 건강식품 기업으로써의 참다한의 뜻을 담았습니다. ,RED- 따뜻한 햇빛 속에 조성된 참 자연,BROWN-대 자연을 품으며 건강하게 숨 쉬는 땅,BLUE-청명한 대기와 바람 " style="position: relative; left: 50%; margin-left: -600px;">
|
||||
</div>
|
||||
</div>
|
||||
@@ -91,42 +110,42 @@
|
||||
|
||||
<%--참다한기술--%>
|
||||
<style>
|
||||
#layout_config {
|
||||
width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
div[class^="inner_tab_"] {display: none;}
|
||||
div[class^="inner_tab_"].view {
|
||||
display: block;
|
||||
}
|
||||
#layout_config {
|
||||
width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
div[class^="inner_tab_"] {display: none;}
|
||||
div[class^="inner_tab_"].view {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('.detail_tab3 > li').removeClass('active');
|
||||
$('.detail_tab3 > li.tab_1').addClass('active');
|
||||
$('div[class^="inner_tab_"]').removeClass('view');
|
||||
$('.inner_tab_1').addClass('view');
|
||||
|
||||
|
||||
$('.detail_tab3 > li').on('click', function () {
|
||||
var class_name = $(this)[0].className;
|
||||
$(function(){
|
||||
$('.detail_tab3 > li').removeClass('active');
|
||||
$(this).closest("li").addClass('active');
|
||||
$('.detail_tab3 > li.tab_1').addClass('active');
|
||||
$('div[class^="inner_tab_"]').removeClass('view');
|
||||
$('.inner_' + class_name + '').addClass('view');
|
||||
$('.inner_tab_1').addClass('view');
|
||||
|
||||
|
||||
$('.detail_tab3 > li').on('click', function () {
|
||||
var class_name = $(this)[0].className;
|
||||
$('.detail_tab3 > li').removeClass('active');
|
||||
$(this).closest("li").addClass('active');
|
||||
$('div[class^="inner_tab_"]').removeClass('view');
|
||||
$('.inner_' + class_name + '').addClass('view');
|
||||
});
|
||||
});
|
||||
});
|
||||
const fn_change_image = (dv) => {
|
||||
$(".tech").hide();
|
||||
if(dv === '1'){
|
||||
$(".inner_tab_1").show();
|
||||
}else if (dv === '2'){
|
||||
$(".inner_tab_2").show();
|
||||
}else {
|
||||
$(".inner_tab_3").show();
|
||||
const fn_change_image = (dv) => {
|
||||
$(".tech").hide();
|
||||
if(dv === '1'){
|
||||
$(".inner_tab_1").show();
|
||||
}else if (dv === '2'){
|
||||
$(".inner_tab_2").show();
|
||||
}else {
|
||||
$(".inner_tab_3").show();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id = "technologyDv" style="display:none;">
|
||||
<ul class="detail_tab3">
|
||||
@@ -167,29 +186,29 @@
|
||||
|
||||
<%--조직도--%>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
function imgPosition() {
|
||||
var winW = $(window).width();
|
||||
var imgW = $('.img_con img').width();
|
||||
if(winW > 1200) {
|
||||
$('.img_con').css({'position':'relative','width':winW,'left':(1200 - winW) / 2,'margin-bottom':'-50px','overflow':'hidden'});
|
||||
$('.img_con img').css({'position':'relative','left':'50%','margin-left':(imgW / 2) - imgW});
|
||||
} else {
|
||||
$('.img_con').css({'position':'relative','width':1200,'left':0,'overflow':'hidden'});
|
||||
$('.img_con img').css({'position':'relative','left':'50%','margin-left':(imgW / 2) - imgW});
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
function imgPosition() {
|
||||
var winW = $(window).width();
|
||||
var imgW = $('.img_con img').width();
|
||||
if(winW > 1200) {
|
||||
$('.img_con').css({'position':'relative','width':winW,'left':(1200 - winW) / 2,'margin-bottom':'-50px','overflow':'hidden'});
|
||||
$('.img_con img').css({'position':'relative','left':'50%','margin-left':(imgW / 2) - imgW});
|
||||
} else {
|
||||
$('.img_con').css({'position':'relative','width':1200,'left':0,'overflow':'hidden'});
|
||||
$('.img_con img').css({'position':'relative','left':'50%','margin-left':(imgW / 2) - imgW});
|
||||
}
|
||||
}
|
||||
|
||||
imgPosition();
|
||||
imgPosition();
|
||||
|
||||
$(window).resize(function() {
|
||||
imgPosition()
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div id = "mapDv" style="display:none;">
|
||||
<img src="/pc/brand/CH/images/img_organization.jpg" alt="">
|
||||
</div>
|
||||
$(window).resize(function() {
|
||||
imgPosition()
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div id = "mapDv" style="display:none;">
|
||||
<img src="/pc/brand/CH/images/img_organization.jpg" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
<%--오시는길--%>
|
||||
@@ -231,22 +250,22 @@
|
||||
<script>
|
||||
/*높이 설정*/
|
||||
const fn_change_img = (dv) => {
|
||||
window.parent.postMessage(dv, "*");
|
||||
}
|
||||
window.parent.postMessage(dv, "*");
|
||||
}
|
||||
|
||||
/*해당탭 show*/
|
||||
$(document).ready(function (){
|
||||
let dv = '<c:out value="${dv}"/>';
|
||||
if(dv == ''){
|
||||
dv = 'company';
|
||||
}
|
||||
const liTgt = '#li_'+dv;
|
||||
const tgt = '#'+dv;
|
||||
$(liTgt).addClass('on');
|
||||
$(tgt).css("display","block");
|
||||
$(document).ready(function (){
|
||||
let dv = '<c:out value="${dv}"/>';
|
||||
if(dv == ''){
|
||||
dv = 'company';
|
||||
}
|
||||
const liTgt = '#li_'+dv;
|
||||
const tgt = '#'+dv;
|
||||
$(liTgt).addClass('on');
|
||||
$(tgt).css("display","block");
|
||||
$("#"+dv+"Dv").show();
|
||||
fn_change_img(dv);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user