itfirst/sake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fo bo 머지작업 - 오류수정

Browse Source
This commit is contained in:
jazz
2025-12-01 12:04:52 +09:00
parent 99eb2d1e58
commit 23028a50fe
7 changed files with 170 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
src/main/webapp/WEB-INF/views/html/pc/CH/brandStory.jsp
View File

@@ -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>

104
src/main/webapp/WEB-INF/views/sopmal/main/BrandStoryR.jsp
View File

@@ -39,7 +39,7 @@
</c:when>
<c:otherwise>
<div class="sub-wrapper">
<jsp:include page="/WEB-INF/views/html/pc/DT/brandStory.jsp"/>
<jsp:include page="/WEB-INF/views/html/pc/DT/brandStory.jsp"/>
</div>
</c:otherwise>
</c:choose>
@@ -51,57 +51,57 @@
<script>
$(document).ready(function (){
$("#myiframe").on('load', function() {
var iframe = $(this);
const sopmalCd = '<c:out value="${sopmalCd}"/>';
let height = '';
//아이프레임 높이값 고정
if(sopmalCd === 'JM' || sopmalCd === 'AF' || sopmalCd === 'DT'){
height = '3293';
}else if ( sopmalCd === 'BD') {
height = '3000';
}else if (sopmalCd === 'DL' ){
height = '1200';
}else if (sopmalCd === 'NB'){
url = document.getElementById("myiframe").contentWindow.location.href;
if(url.indexOf('selectNbPromiseHtml') > 0){
height = '1800';
}else if (url.indexOf('selectNbIngredientHtml') > 0){
height = '1600';
}else {
height = '4600';
}
}else if (sopmalCd === 'PL'){
height = '1800';
}else if (sopmalCd === 'TZ'){
height = '2600';
const dv = '<c:out value="${dv}"/>';
if(dv === 'production'){
height = '2200';
}else if (dv === 'way'){
height = '1800';
}
}else if (sopmalCd === 'CH'){
const dv = $("#myiframe").attr("chDv");
if(dv ==='company'){
$("#myiframe").css('height', '2000px');
} else if (dv === 'ceo') {
$("#myiframe").css('height', '800px');
} else if (dv === 'technology') {
$("#myiframe").css('height', '21285px');
} else if (dv === 'history') {
$("#myiframe").css('height', '2180px');
} else if (dv === 'map') {
$("#myiframe").css('height', '1000px');
} else if (dv === 'way') {
$("#myiframe").css('height', '1300px');
} else if (dv === 'script') {
$("#myiframe").css('height', '4300px');
}
}
if(!fn_is_empty(height)){
iframe.css('height', height+ 'px');
}
});
var iframe = $(this);
const sopmalCd = '<c:out value="${sopmalCd}"/>';
let height = '';
//아이프레임 높이값 고정
if(sopmalCd === 'JM' || sopmalCd === 'AF' || sopmalCd === 'DT'){
height = '3293';
}else if ( sopmalCd === 'BD') {
height = '3000';
}else if (sopmalCd === 'DL' ){
height = '1200';
}else if (sopmalCd === 'NB'){
url = document.getElementById("myiframe").contentWindow.location.href;
if(url.indexOf('selectNbPromiseHtml') > 0){
height = '1800';
}else if (url.indexOf('selectNbIngredientHtml') > 0){
height = '1600';
}else {
height = '4600';
}
}else if (sopmalCd === 'PL'){
height = '1800';
}else if (sopmalCd === 'TZ'){
height = '2600';
const dv = '<c:out value="${dv}"/>';
if(dv === 'production'){
height = '2200';
}else if (dv === 'way'){
height = '1800';
}
}else if (sopmalCd === 'CH'){
const dv = $("#myiframe").attr("chDv");
if(dv ==='company'){
$("#myiframe").css('height', '2000px');
} else if (dv === 'ceo') {
$("#myiframe").css('height', '800px');
} else if (dv === 'technology') {
$("#myiframe").css('height', '21285px');
} else if (dv === 'history') {
$("#myiframe").css('height', '2180px');
} else if (dv === 'map') {
$("#myiframe").css('height', '1000px');
} else if (dv === 'way') {
$("#myiframe").css('height', '1300px');
} else if (dv === 'script') {
$("#myiframe").css('height', '4300px');
}
}
if(!fn_is_empty(height)){
iframe.css('height', height+ 'px');
}
});
// iframe 메시지 수신 핸들러(iframe 높이 맞추기)
window.addEventListener('message', (event) => {