팝업(새창)을 jquery로 핸들링하는 방법은 어떻게 되나요? 정보
팝업(새창)을 jquery로 핸들링하는 방법은 어떻게 되나요?-
David Y, Lee
홈페이지
자기소개
아이디로 검색
회원게시물
- 11,837
본문
제목과 같이 부모창에서 window.open으로 띄운
팝업의 엘리먼트들을 jquery로 핸들링하는 방법은 어떻게 될까요?
부모창에서 다음과 같이 식으로 해보았는데 잘 안되네요.
아마도 사용방법이 틀렸겠죠? ㅜㅜ
<SCRIPT LANGUAGE="JavaScript">
<!--
$( function() {
popup = window.open( "test3.php",'test_pop', '' )
alert( $(popup).("[id='title']").text() );
} );
//-->
</SCRIPT>
팝업창 소스내용은 다음과 같습니다.
<html>
<head></head>
<body>
<span id='title'>This is test.</span>
</body>
</html>
몇시간째 삽질하다가 질문드립니다. ㅜㅜ
댓글 전체
그냥 스크립트로하면 안 되나요?
<script type='text/javascript'>
opener.document.getElementById('title').innerHTML = 'test ok';
</script>
<script type='text/javascript'>
opener.document.getElementById('title').innerHTML = 'test ok';
</script>
alert( $(popup.document).find('#title').html() );
이런식으로 찍어보세요. 찍힐겁니다
수정은 아시다시피
$(popup.document).find('#title').html('수정할내용');
으로 하시면 됩니다.
그리고 popup 자체가 document라고 생각하시면 됩니다. $(document).ready() 를 사용해 이 문서가 준비되었을때 실행하는것처럼 저러한 수정내용도 $(popup).ready() 를 사용하셔서 팝업이 모두 로딩된 이후에 실행하는것이 좋습니다.
다른 궁금점이있으시면 쪽지주세요 ~
이런식으로 찍어보세요. 찍힐겁니다
수정은 아시다시피
$(popup.document).find('#title').html('수정할내용');
으로 하시면 됩니다.
그리고 popup 자체가 document라고 생각하시면 됩니다. $(document).ready() 를 사용해 이 문서가 준비되었을때 실행하는것처럼 저러한 수정내용도 $(popup).ready() 를 사용하셔서 팝업이 모두 로딩된 이후에 실행하는것이 좋습니다.
다른 궁금점이있으시면 쪽지주세요 ~