제목 | 2일째 헤딩중이네요 iframe에서... | ||
---|---|---|---|
글쓴이 | CI_ORL | 작성시각 | 2014/10/08 20:35:58 |
|
|||
iframe 높이값 리사이징하는게 질문입니다... 온로드시킬때 리사이징이 되고 있습니다 문제는 자식창에 탭이 존재하는데 이 탭을 선택하게 되면 리사이징이 안된다는것... 온클릭으로 parent.함수명 호출하면 현재 페이지의 사이즈로 마춰질 뿐... 해당탭의 사이즈로 변경이 안되네요 도와주세요 흑 | |||
다음글 | 다음 에디터를 사용하려고 합니다. 첨부파일에 대한 질문... (3) | ||
이전글 | 테이블 출력 질문 드립니다. (3) | ||
darkninja
/
2014/10/10 00:14:46 /
추천
0
|
CI_ORL
/
2014/10/10 09:56:20 /
추천
0
|
CI_ORL
/
2014/10/10 10:08:04 /
추천
0
코드가... 변형 되었네;;a
아래 링크 보시면... 결과 보기 클릭시 스크롤이 생기는데... 첫 클릭에서 그 스크롤을 1개만 보이게 하고 싶다는 거죠...(여러번 클릭하게 되면... 일반적으로 2번 클릭하면... 스크롤 사라짐...) http://tix112.dothome.co.kr/2.php |
darkninja
/
2014/10/11 03:48:42 /
추천
0
앞으로 쓸데 없는 호기심은 자제해야 할듯...
http://stackoverflow.com/questions/13010315/how-to-trigger-a-javascript-function-after-bootstrap-collapse-plugin-transiti ie8 에서는 정확한 높이가 계산이 안됩니다. firefox 에서는 제대로보이다가 ie8 과 같은 증상이 나타나기도 합니다. 한번더 찾아 보시고 안되면 방법을 바꾸셔야 겠네요! iframe 말고 다른 방법을 사용하시던지 부트스트랩을 사용하지 않고 다른 방법을 사용하시던지 ... 아 잘된다고 글쓰러 왔다가 낙심천만 하고 갑니다. ㅋㅋ main.php <iframe src="<?php echo ROOT_PATH; ?>/iframe_include/iframetab.php" id="IframeId" name="IframeId" scrolling="no" width="100%"></iframe> iframetab.php ... <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 결과보기 </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> ... <script type="text/javascript"> var docHeight = 0; function resizeIframe() { if (typeof document.height != 'undefined') { docHeight = document.height; } else if (document.compatMode && document.compatMode != 'BackCompat') { docHeight = document.documentElement.scrollHeight; } else if (document.body && typeof document.body.scrollHeight != 'undefined') { docHeight = document.body.scrollHeight; } // magic number: suppress generation of scrollbars... //docHeight += 20; parent.document.getElementById('IframeId').style.height = docHeight + "px"; } parent.document.getElementById('IframeId').onload = resizeIframe; parent.window.onresize = resizeIframe; $('#collapseOne').on("hidden.bs.collapse", function(){ //trigger content change //this code will be triggered when the collapse transition is completed //that is your myCollapsible element will have 'in' in your class resizeIframe(); //alert(docHeight); }); </script> |
darkninja
/
2014/10/11 14:00:14 /
추천
0
조건을 잘못 주었습니다.
아래와 같이 하시면 됩니다. $('#collapseTwo').on("shown.bs.collapse", function(){ //trigger content change //this code will be triggered when the collapse transition is completed //that is your myCollapsible element will have 'in' in your class resizeIframe(); //alert(docHeight); }); |
CI_ORL
/
2014/10/14 18:06:04 /
추천
0
darkninja //
헐... 여기에다 올려 놓고... 완벽하진 않지만, 해결하였는데... 이제서야 확인 했습니다... 전 자식창이 온로드 되었을때, 각 높이를 계산하여, 가장 높은 녀석값으로 높이를 늘리는 변칙을 쓰긴 했습죠... 다만, 높이값이 자동으로 움직이지 않는다는 점(IE만 이상하게 자동으로 높이값 조절 됨) 과 높이가 가장 작은 녀석의 경우 푸더가 쩌~~쪼 아래 있다는 점을 제외하면, 그냥 그럭저럭 쓰고 있습니다. 크롬 / IE 말곤 테스트 안해봐서 ㅎㅎ 다른건 모르겠구요 |
iframe 학습중인데 좀 배워보게요
답하는거도 맨땅에 헤딩하라는 건가요? ㅋㅋㅋ