001d59716c
> 등록/수정, 분쟁조정안내 > 분쟁조정 상담 > 리스트/등록, 분쟁조정안내 > 분쟁조정 게시판 > 리스트/등록, 게시판 관리 > 리스트, 코드관리, 운영관리 > 코드관리, 위원관리, 비주얼, 배너, 담당자관리
536 lines
37 KiB
Plaintext
536 lines
37 KiB
Plaintext
<%@ page contentType="text/html;charset=utf-8" %>
|
|
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
|
|
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
|
|
|
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<title><s:message code="manager.visual.visualSetForm.title"/></title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="page-title-wrap clear">
|
|
<div class="page-title-inner">
|
|
<h3 class="page-title"><s:message code="manager.visual.nav.visualSetView"/></h3>
|
|
<div class="tooltipBox type01">
|
|
<button type="button" class="page-tip">페이지안내</button>
|
|
<div class="tooltipText">
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form:form id="frm" name="frm" action="/gtm/proc/${siteIdx}/visualSetRegProc.do" method="post" enctype="multipart/form-data">
|
|
<input type="hidden" name="tSite.siteIdx" id="siteIdx" value="<c:out escapeXml='true' value='${siteIdx}' />" />
|
|
|
|
<fieldset>
|
|
<legend><s:message code="manager.visual.visualSetForm.table.caption"/></legend>
|
|
<div class="bbs-view-layout">
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetType"/></p>
|
|
<div class="item-box">
|
|
<input type="radio" class="radio checked" name="visualSetType" id="visualSetTypeNormal" value="normal" checked /><label for="visualSetTypeNormal"><s:message code="manager.visual.visualSetForm.visualSetType.normal"/></label>
|
|
<input type="radio" class="radio" name="visualSetType" id="visualSetTypeActive" value="active" /><label for="visualSetTypeActive"><s:message code="manager.visual.visualSetForm.visualSetType.active"/></label>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetName"/></p>
|
|
<div class="item-box"><input type="text" class="width40 essential" maxlength="100" name="visualSetName" id="visualSetName" title="<s:message code="manager.visual.visualSetForm.visualSetName"/>" value="" required /></div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetRelation"/></p>
|
|
<div class="item-box"><input type="checkbox" class="checkbox width-none" name="visualSetRelation" id="visualSetRelation" value="Y" /><label for="visualSetRelation"><s:message code="common.message.checkbox.check"/></label></div>
|
|
</div>
|
|
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetTime"/></p>
|
|
<div class="item-box"><input type="text" class="width50px essential numOnly" maxlength="10" name="visualSetTime" id="visualSetTime" title="<s:message code="manager.visual.visualSetForm.visualSetTime"/>" value="4" style="width:50px;" required /></div>
|
|
</div>
|
|
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetSize"/></p>
|
|
<div class="item-box">
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetWidth"/> <input type="text" class="width50px numOnly" name="visualSetWidth" id="visualSetWidth" title="<s:message code="manager.visual.visualSetForm.visualSetWidth"/>" value="" required /> px </div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetHeight"/> <input type="text" class="width50px numOnly" name="visualSetHeight" id="visualSetHeight" title="<s:message code="manager.visual.visualSetForm.visualSetHeight"/>" value="" required /> px</div>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetBg"/></p>
|
|
<div class="item-box">
|
|
<input type="checkbox" class="checkbox width-none" name="visualSetBg" id="visualSetBg" value="Y" /><label for="visualSetBg"><s:message code="common.message.checkbox.check"/></label>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetChoice"/></p>
|
|
<div class="item-box">
|
|
<div style="margin-top:8px; margin-bottom:4px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetChoiceTB" id="visualSetChoiceTop" value="top" /><label for="visualSetChoiceTop"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.top"/></label>
|
|
<input type="radio" class="radio" name="visualSetChoiceTB" id="visualSetChoiceBottom" value="bottom" /><label for="visualSetChoiceBottom"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.bottom"/></label></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/> <input type="text" class="width50px essential numOnly" name="visualSetChoiceTBPosition" id="visualSetChoiceTBPosition" title="<s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/>" value="" required /> px</div>
|
|
</div>
|
|
<div style="margin-top:12px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetChoiceLR" id="visualSetChoiceLeft" value="left" /><label for="visualSetChoiceLeft"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.left"/></label>
|
|
<input type="radio" class="radio" name="visualSetChoiceLR" id="visualSetChoiceRight" value="right" /><label for="visualSetChoiceRight"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.right"/></label><br /></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/> <input type="text" class="width50px essential numOnly" name="visualSetChoiceLRPosition" id="visualSetChoiceLRPosition" title="<s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/>" value="" required /> px</div>
|
|
</div>
|
|
<div class="row"><input type="file" name="file_visualSetChoiceImgOn" id="visualSetChoiceImgOn" value="" /><label for="visualSetChoiceImgOn"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.on"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetChoiceImgOver" id="visualSetChoiceImgOver" value="" /><label for="visualSetChoiceImgOver"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.over"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.over"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetChoiceImgOff" id="visualSetChoiceImgOff" value="" /><label for="visualSetChoiceImgOff"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.off"/></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetPS"/></p>
|
|
<div class="item-box">
|
|
<div style="margin-top:8px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetPSTB" id="visualSetPSTop" value="top" /><label for="visualSetPSTop"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.top"/></label>
|
|
<input type="radio" class="radio" name="visualSetPSTB" id="visualSetPSBottom" value="bottom" /><label for="visualSetPSBottom"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.bottom"/></label><br /></div>
|
|
<div class="row"><label for="visualSetPSTBPosition"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/></label> : <input type="text" class="width50px essential numOnly" name="visualSetPSTBPosition" id="visualSetPSTBPosition" title="<s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/>" value="" required /> px</div>
|
|
</div>
|
|
<div style="margin-top:12px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetPSLR" id="visualSetPSLeft" value="left" /><label for="visualSetPSLeft"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.left"/></label>
|
|
<input type="radio" class="radio" name="visualSetPSLR" id="visualSetPSRight" value="right" /><label for="visualSetPSRight"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.right"/></label><br /></div>
|
|
<div class="row"><label for="visualSetPSLRPosition"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/></label> : <input type="text" class="width50px essential numOnly" name="visualSetPSLRPosition" id="visualSetPSLRPosition" title="<s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/>" value="" required /> px</div>
|
|
</div>
|
|
<div class="row"><input type="file" name="file_visualSetPlayImgOn" id="visualSetPlayImgOn" value="" /><label for="visualSetPlayImgOn"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.on"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetPlayImgOff" id="visualSetPlayImgOff" value="" /><label for="visualSetPlayImgOff"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.off"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetStopImgOn" id="visualSetStopImgOn" value="" /><label for="visualSetStopImgOn"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.on"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetStopImgOff" id="visualSetStopImgOff" value="" /><label for="visualSetStopImgOff"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.off"/></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetPN"/></p>
|
|
<div class="item-box">
|
|
<div style="margin-top:8px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetPreTB" id="visualSetPreTop" value="top" /><label for="visualSetPreTop"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.top"/></label>
|
|
<input type="radio" class="radio" name="visualSetPreTB" id="visualSetPreBottom" value="bottom" /><label for="visualSetPreBottom"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.bottom"/></label></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="visualSetPreTBPosition" id="visualSetPreTBPosition" value="" required /> px</div>
|
|
</div>
|
|
<div style="margin-top:12px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetPreLR" id="visualSetPreLeft" value="left" /><label for="visualSetPreLeft"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.left"/></label>
|
|
<input type="radio" class="radio" name="visualSetPreLR" id="visualSetPreRight" value="right" /><label for="visualSetPreRight"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.right"/></label></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="visualSetPreLRPosition" id="visualSetPreLRPosition" value="" required /> px</div>
|
|
</div>
|
|
<div class="row"><input type="file" name="file_visualSetPreImgOn" id="visualSetPreImgOn" value="" /><label for="visualSetPreImgOn"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.on"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetPreImgOff" id="visualSetPreImgOff" value="" /><label for="visualSetPreImgOff"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.off"/></span></div>
|
|
<div style="margin-top:8px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetNextTB" id="visualSetNextTop" value="top" /><label for="visualSetNextTop"><s:message code="manager.visual.visualSetForm.visualSetPN.next.top"/></label>
|
|
<input type="radio" class="radio" name="visualSetNextTB" id="visualSetNextBottom" value="bottom" /><label for="visualSetNextBottom"><s:message code="manager.visual.visualSetForm.visualSetPN.next.bottom"/></label></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="visualSetNextTBPosition" id="visualSetNextTBPosition" value="" required /> px</div>
|
|
</div>
|
|
<div style="margin-top:12px; margin-bottom:10px;">
|
|
<div class="row"><input type="radio" class="radio" name="visualSetNextLR" id="visualSetNextLeft" value="left" /><label for="visualSetNextLeft"><s:message code="manager.visual.visualSetForm.visualSetPN.next.left"/></label>
|
|
<input type="radio" class="radio" name="visualSetNextLR" id="visualSetNextRight" value="right" /><label for="visualSetNextRight"><s:message code="manager.visual.visualSetForm.visualSetPN.next.right"/></label><br /></div>
|
|
<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="visualSetNextLRPosition" id="visualSetNextLRPosition" value="" required /> px</div>
|
|
</div>
|
|
<div class="row"><input type="file" name="file_visualSetNextImgOn" id="visualSetNextImgOn" value="" /><label for="visualSetNextImgOn"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.on"/></span></div>
|
|
<div class="row"><input type="file" name="file_visualSetNextImgOff" id="visualSetNextImgOff" value="" /><label for="visualSetNextImgOff"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.off"/></span></div>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetSkin"/></p>
|
|
<div class="item-box">
|
|
<input type="radio" class="radio checked" name="visualSetSkin" id="visualSetSkinA" value="A" checked /><label for="visualSetSkinA">A Type</label>
|
|
<input type="radio" class="radio" name="visualSetSkin" id="visualSetSkinB" value="B" /><label for="visualSetSkinB">B Type</label>
|
|
</div>
|
|
</div>
|
|
<div class="bbs-view-item">
|
|
<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSet.preview"/></p>
|
|
<div class="item-box">
|
|
<iframe id="visualPreview" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualFormPreview.do?visualSetSkin=A" style="width:100%; height:320px; border:0;"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<c:if test='${memberGrant == "S" || memberAuth}'>
|
|
<div class="btn_wrap right">
|
|
<button type="submit" class="btn btn_text btn_46 blue_fill"><s:message code="common.button.save"/></button>
|
|
<a class="btn btn_text btn_46 gray_fill" style="display:flex;justify-content:center;align-items:center;" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do"><s:message code="common.button.list"/></a>
|
|
</div>
|
|
</c:if>
|
|
|
|
</form:form>
|
|
<script>
|
|
/* <![CDATA[ */
|
|
$("#visualSetName").focus();
|
|
|
|
$("#visualSetWidth").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
$("#visualPreview").contents().find("#visual_visual").css({width :value});
|
|
$("#visualPreview").contents().find("#slides_visual").css({width :value});
|
|
$("#visualPreview").contents().find(".slidesjs-container").css({width :value});
|
|
$("#visualPreview").contents().find(".slidesjs-control").css({width :value});
|
|
$("#visualPreview").contents().find(".slidesjs-slide").css({width :value});
|
|
});
|
|
|
|
$("#visualSetHeight").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
$("#visualPreview").contents().find("#visual_visual").css({height :value});
|
|
$("#visualPreview").contents().find("#slides_visual").css({height :value});
|
|
$("#visualPreview").contents().find(".slidesjs-container").css({height :value});
|
|
$("#visualPreview").contents().find(".slidesjs-control").css({height :value});
|
|
$("#visualPreview").contents().find(".slidesjs-slide").css({height :value});
|
|
});
|
|
|
|
$("#visualSetChoiceTBPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetChoiceTB"]').click(function(){
|
|
var value = parseInt($("#visualSetChoiceTBPosition").val(),10);
|
|
|
|
if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetChoiceLRPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetChoiceLR"]').click(function(){
|
|
var value = parseInt($("#visualSetChoiceLRPosition").val(),10);
|
|
|
|
if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetPSTBPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetPSTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("bottom", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({top :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("bottom", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("bottom", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({top :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetPSTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("top", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({bottom :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("top", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("top", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({bottom :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetPSTB"]').click(function(){
|
|
var value = parseInt($("#visualSetPSTBPosition").val(),10);
|
|
|
|
if($('input[name="visualSetPSTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("bottom", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({top :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("bottom", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("bottom", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({top :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetPSTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("top", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({bottom :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("top", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("top", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({bottom :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetPSLRPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetPSLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("right", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({left :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("right", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("right", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({left :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetPSLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("left", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({right :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("left", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("left", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({right :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetPSLR"]').click(function(){
|
|
var value = parseInt($("#visualSetPSLRPosition").val(),10);
|
|
|
|
if($('input[name="visualSetPSLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("right", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({left :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("right", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("right", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({left :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetPSLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-play_visual").css("left", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({right :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("left", "auto");
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-stop_visual").css("left", "auto");
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({right :value});
|
|
//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetPreTBPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetPreTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetPreTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetPreTB"]').click(function(){
|
|
var value = parseInt($("#visualSetPreTBPosition").val(),10);
|
|
|
|
if($('input[name="visualSetPreTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetPreTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetPreLRPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetPreLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetPreLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetPreLR"]').click(function(){
|
|
var value = parseInt($("#visualSetPreLRPosition").val(),10);
|
|
|
|
if($('input[name="visualSetPreLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetPreLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-previous_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetNextTBPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetNextTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetNextTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetNextTB"]').click(function(){
|
|
var value = parseInt($("#visualSetNextTBPosition").val(),10);
|
|
|
|
if($('input[name="visualSetNextTB"]:radio:checked').val() == "top"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({top :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("bottom", "auto");
|
|
}else if($('input[name="visualSetNextTB"]:radio:checked').val() == "bottom"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({bottom :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("top", "auto");
|
|
}
|
|
});
|
|
|
|
$("#visualSetNextLRPosition").keyup(function(){
|
|
var value = parseInt($(this).val(),10);
|
|
|
|
if($('input[name="visualSetNextLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetNextLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$('input[name="visualSetNextLR"]').click(function(){
|
|
var value = parseInt($("#visualSetNextLRPosition").val(),10);
|
|
|
|
if($('input[name="visualSetNextLR"]:radio:checked').val() == "left"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({left :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("right", "auto");
|
|
}else if($('input[name="visualSetNextLR"]:radio:checked').val() == "right"){
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css({right :value});
|
|
$("#visualPreview").contents().find(".slidesjs-next_visual").css("left", "auto");
|
|
}
|
|
});
|
|
|
|
$("input[name=visualSetSkin]").change(function() {
|
|
var visualSetSkin = $(this).val();
|
|
$("#visualPreview").attr("src", "/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualFormPreview.do?visualSetSkin="+visualSetSkin);
|
|
});
|
|
|
|
$("input[name=visualSetType]").click(function() {
|
|
if($(this).val() == "normal"){
|
|
location.replace("/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetForm.do");
|
|
}else{
|
|
location.replace("/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetFormActive.do");
|
|
}
|
|
});
|
|
|
|
$("#frm").submit(function(){
|
|
|
|
if($("#visualSetName").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetName"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetName").focus();
|
|
return false;
|
|
}else if($("#visualSetWidth").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetSize"/> <s:message code="manager.visual.visualSetForm.visualSetWidth"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetWidth").focus();
|
|
return false;
|
|
}else if($("#visualSetHeight").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetSize"/> <s:message code="manager.visual.visualSetForm.visualSetHeight"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetHeight").focus();
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetChoiceTB"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetChoice"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetChoiceLR"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetChoice"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($("#visualSetChoiceTBPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetChoiceTBPosition").focus();
|
|
return false;
|
|
}else if($("#visualSetChoiceLRPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetChoiceLRPosition").focus();
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetPSTB"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPS"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetPSLR"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPS"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($("#visualSetPSTBPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetPSTBPosition").focus();
|
|
return false;
|
|
}else if($("#visualSetPSLRPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetPSLRPosition").focus();
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetPreTB"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetPreLR"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetNextTB"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetNextLR"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
if($("#visualSetPreTBPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetPreTBPosition").focus();
|
|
return false;
|
|
}else if($("#visualSetPreLRPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetPreLRPosition").focus();
|
|
return false;
|
|
}else if($("#visualSetNextTBPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetNextTBPosition").focus();
|
|
return false;
|
|
}else if($("#visualSetNextLRPosition").val() == ""){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <s:message code="common.message.essential"/>");
|
|
$("#visualSetNextLRPosition").focus();
|
|
return false;
|
|
}
|
|
|
|
if($('input[name="visualSetSkin"]:radio:checked').length == 0){
|
|
alert("<s:message code="manager.visual.visualSetForm.visualSetSkin"/> <s:message code="common.message.essential"/>");
|
|
return false;
|
|
}
|
|
|
|
$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" /> <s:message code="common.message.ajaxwait"/></h1>' });
|
|
});
|
|
/* ]]> */
|
|
</script>
|
|
|
|
</body>
|
|
</html> |