내용관리 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개

채택된 답변
+20 포인트

아마 치환되서 그럴겁니다.

스크립트를 짜셔서 적용시키시는게 나으실거고 jquery 보단 javascript 로 짜셔서 넣어보세요.

<script>

</script>

아님 자체적으로

<style>

.tdx:hover {}

</style>

뭐 이런식?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 7개

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 로 넣어보시는건 어떨까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고