iframe 안에 있는 CSS를 변경하고싶습니다.
본문
<script>
$(document).ready(function(){
$('.iframe_row_div iframe').hover(function(){
$(this).parent().children('iframe').not(this).hide();
$(this).css('width', '100%');
$(this).contents().find('.sct_another_wrap2').attr('background', '#f4f4f4');
});
});
</script>
<div class="iframe_row_div">
<iframe src="웹페이지 주소" border="0" frameborder="0" scrolling="no" class="iframe01"></iframe>
</div>
이런식으로 소스를 짰습니다.
원래 아이프레임의 width값이 236px인데.. hover를 하면 width값이 100%가 되면서 아이프레임 안에있는 .sct_another_wrap2 라는 div의 배경색을 바꾸게 할려고 하고있습니다.
width값 부분은 매우 잘되는데, 안의 css를 수정할려고 하니 문제가 됩니다.
jquery-1.8.3.min.js:2 Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "현재 페이지 주소" from accessing a frame with origin "아이프레임 주소". Protocols, domains, and ports must match.
라는 오류가 뜨는데.. 원인과 해결 방법을 모르겠습니다;;
답변 1
아이프레임 주소와 현재 페이지가 다른 도메인이라면 접근불가입니다.
아 그렇군요. 답변 감사합니다.
그러면 값 전달도 되지 않는건가요? 값 전달로라도 해볼까 하는데..
아이프레임 페이지 수정이 가능하다면 제어 방법이 있는것 같네요.
http://joont.tistory.com/18
답변 감사합니다. 한번 해보겠습니다. :)
답변을 작성하시기 전에 로그인 해주세요.
