상품설명 html 소스에 script 적용불가
본문
1. 고수님 부탁드립니다.
2. itemform.php의 상품설명 HTML 소스에 아래의 code를 적용하려고 하면 <script>가 적용되지 않습니다.
<script>
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>
<div id="A" style="display: block;">
<a onclick="layer_toggle(document.getElementById('A')); layer_toggle(document.getElementById('B')); return false;" href="#">접힌 상태</a>
</div>
<div id="B" style="display: none;">
<a onclick="layer_toggle(document.getElementById('A')); layer_toggle(document.getElementById('B')); return false;" href="#">펼친 상태</a>
<span style="line-height:50%"><br></span>
<img src="https://appealart.co.kr/img/1.jpg">
</div>
3. 고수님의 도움이 절실합니다.
4. 도와주십시오.
!-->답변 4
chatGPT 에 물어보니 아래와 같이 알려주네요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.toggle-input {
display: none;
}
.toggle-label {
cursor: pointer;
display: block;
margin-bottom: 10px;
color: blue;
text-decoration: underline;
}
#B {
display: none;
}
.toggle-input:checked + .toggle-label + #B {
display: block;
}
.toggle-input:checked + .toggle-label + #B + #A {
display: none;
}
</style>
</head>
<body>
<input type="checkbox" id="toggle" class="toggle-input">
<label for="toggle" class="toggle-label">접힌 상태</label>
<div id="B">
<a href="#">펼친 상태</a>
<span style="line-height:50%"><br></span>
<img src="https://appealart.co.kr/img/1.jpg" alt="Image">
</div>
<div id="A">
<a href="#">접힌 상태</a>
</div>
</body>
</html>
스킨에 넣는 방법을 가르쳐 주십시오.<==
skin/shop/basic/item.form.skin.php 하단 자바스크립트 부분에
function layer_toggle(obj) <==이 함수를 붙여넣기 하세요
보안정책상 스크립트를 사용 할 수 없습니다. 스크립트 부분은 스킨에 넣으시면 됩니다.
스크립트는 외부로 빼세요
html 은 따로 폼내에서 올려도 되는데 스크립트는 제거 될거에요 보안상 해커 공격이 있다보니 제거 대상입니다.
답변을 작성하시기 전에 로그인 해주세요.