내용관리 html 모드에서 css 적용이 안되네요
본문
<td onmouseout="this.style.backgroundColor='white'" onmouseover="this.style.backgroundColor='#00e0c7'">
이렇게 내용관리 html 모드에 넣었더니 표안에 마우스 롤오버될때에 작동이 되는 것을 확인했습니다.
그런데 확인을 누르니까?
코드가 전부다 사라져 버립니다.
내용관리 html 모드안에서는 css 모드가 적용되지 않는가요?
찾아보니까? 적용이 된다고 하는데... 왜 확인을 누르면 삽입했던 위의 코드가 모두다 사라져버리는 건가요.
혹시 td sytle 과 충돌되어 그런것인가요
style="width: 190px; height: 24px; padding: 3px 4px 2px; color: rgb(102, 102, 102); border-right: 1px solid rgb(231, 231, 231); background-color: white;"
답변 1
아마 치환되서 그럴겁니다.
스크립트를 짜셔서 적용시키시는게 나으실거고 jquery 보단 javascript 로 짜셔서 넣어보세요.
<script>
</script>
아님 자체적으로
<style>
.tdx:hover {}
</style>
뭐 이런식?
javascript 구문 자세하게 부탁드려도 될까요? 죄송합니다. ㅜㅜ
우선 될지 모르겠지만
<td class="box" id="myDiv">12312</td>
<script>
document.querySelector("#myDiv").addEventListener("mousedown",function(){
document.querySelector("#myDiv").style.backgroundColor = "#00e0c7";
});
document.querySelector("#myDiv").addEventListener("mouseup",function(){
document.querySelector("#myDiv").style.backgroundColor = "white";
});
</script>
뭐 이런식??으로 하시면 될것같은데...참고 하시면 될것같네요..
풀 코드를 본게 아니라서...ㅎㅎ
해봤는데 안먹히네요 ㅜㅜ
그래도 위에 구문은 적용은 되었는데 확인누르니 안되었는데 위에 스크립트는 아예 적용자체도 안되네요.
그러면
<td id="myDiv" onmouseout="Oo();" onmouseover="Ov();">
<script>
function Ov(){
document.getElementById("myDiv").style.backgroundColor = "#00e0c7";
}
function Oo(){
document.getElementById("myDiv").style.backgroundColor = "#ffffff";
}
</script>
이걸로...
내용관리에서 스크립트 css 둘다 치환되는 것 같습니다.
확인 누르면 넣었던 코드가 사라져버리네요.
어쩔 수가 없나 봅니다.
수고하셨습니다.
그럼 스크립트를 따로 짜셔서 그걸 본인의 도메인 FTP에 올리시고 script 자체의 src 를 상대경로가 아닌 URL 로 넣어보시는건 어떨까요?