묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
아이프레임 관련 스크립트좀 도와주세요
2011.06.01 14:47
자바스크립트로
function changeHeight() {
var the_height=document.getElementById('rakugakiFrame').contentWindow.document.body.scrollHeight+150;
document.getElementById('rakugakiFrame').height=the_height; }
이걸로 아이프레임 자동 높이조절 하고 있는데요
그림은 높이에 포함이 안되는지 그림의 높이보다 글의 높이가 짧은 페이지를 불러올땐 그림이 중간에 가려지네요..
+150을 무작정 늘리기도 보기 안좋고요
아이프레임의 최소 높이를 1000px정도 설정해 두고 그거보다 더 클때 자동으로 높이를 키울수 있게 할수 없을까요?
그니까 아이프레임의 높이는 1000px이고, 내부페이지의 높이가 1000px이상일때만 자동 높이조절이 작동되게끔요
아이프레임 불러올때 onLoad는 당연히 걸어 줬습니다..
그리고 위에걸로 높이 자동조절을 해서 페이지를 아이프레임으로 꽉 채우니
아이프레임 내부에서 페이지가 이동될때 부모페이지의 스크롤의 위치가 그대로네요
페이지를 이동했는데 덜렁 페이지의 중간이 보여버립니다
아이프레임의 페이지가 이동될때마다 부모페이지의 스크롤을 최상단로 올리고 싶습니다..
아이프레임으로 불러온 페이지는 수정하기가 좀 힘듭니다
외부페이지는 아니긴 하지만..
ps. 네이버 지식인 정말 도움 안되네요...
같은 질문을 지식인에 질문했지만 onload를 안걸어서 그렇다고 하질않나(쓰고 있다고 했건만..), 부모페이지 스크롤을 올리고 싶다고 했는데 아이프레임 내부 스크롤을 올리는 스크립트를 주질않나, 높이자동조절 쓰고 있다는데 다른 높이자동조절 스크립트를 주질않나(그나마도 오류..)
동문서답이 이럴때 쓰는말인가 봐요..
송동우님 조언으로 수정한 스크립트입니다
var the_height=document.getElementById('rakugakiFrame').contentWindow.document.body.scrollHeight;
if(the_height < 1000){
document.getElementById('rakugakiFrame').height=1000; }
else{
document.getElementById('rakugakiFrame').height=the_height; }}
올바른건지는 잘 모르겠지만 일단 잘 작동 되네요..
감사합니다
function changeHeight() {
var the_height=document.getElementById('rakugakiFrame').contentWindow.document.body.scrollHeight+150;
document.getElementById('rakugakiFrame').height=the_height; }
이걸로 아이프레임 자동 높이조절 하고 있는데요
그림은 높이에 포함이 안되는지 그림의 높이보다 글의 높이가 짧은 페이지를 불러올땐 그림이 중간에 가려지네요..
+150을 무작정 늘리기도 보기 안좋고요
아이프레임의 최소 높이를 1000px정도 설정해 두고 그거보다 더 클때 자동으로 높이를 키울수 있게 할수 없을까요?
그니까 아이프레임의 높이는 1000px이고, 내부페이지의 높이가 1000px이상일때만 자동 높이조절이 작동되게끔요
아이프레임 불러올때 onLoad는 당연히 걸어 줬습니다..
그리고 위에걸로 높이 자동조절을 해서 페이지를 아이프레임으로 꽉 채우니
아이프레임 내부에서 페이지가 이동될때 부모페이지의 스크롤의 위치가 그대로네요
페이지를 이동했는데 덜렁 페이지의 중간이 보여버립니다
아이프레임의 페이지가 이동될때마다 부모페이지의 스크롤을 최상단로 올리고 싶습니다..
아이프레임으로 불러온 페이지는 수정하기가 좀 힘듭니다
외부페이지는 아니긴 하지만..
ps. 네이버 지식인 정말 도움 안되네요...
같은 질문을 지식인에 질문했지만 onload를 안걸어서 그렇다고 하질않나(쓰고 있다고 했건만..), 부모페이지 스크롤을 올리고 싶다고 했는데 아이프레임 내부 스크롤을 올리는 스크립트를 주질않나, 높이자동조절 쓰고 있다는데 다른 높이자동조절 스크립트를 주질않나(그나마도 오류..)
동문서답이 이럴때 쓰는말인가 봐요..
송동우님 조언으로 수정한 스크립트입니다
var the_height=document.getElementById('rakugakiFrame').contentWindow.document.body.scrollHeight;
if(the_height < 1000){
document.getElementById('rakugakiFrame').height=1000; }
else{
document.getElementById('rakugakiFrame').height=the_height; }}
올바른건지는 잘 모르겠지만 일단 잘 작동 되네요..
감사합니다
댓글 5
-
송동우
2011.06.01 14:56
-
아이쨩~♡
2011.06.01 15:06
어디다 넣어야 할지 모르겠네요.. if문 어려워요... px넣으니까 오히려 안되더라구요 스크립트 자체가 안먹습니다 -
아이쨩~♡
2011.06.01 15:12
아!! 됐습니다! document.getEle~~~ 앞에다 넣어주니 되네요. 감사합니다. -
송동우
2011.06.01 15:13
function changeHeight() {
var the_height=document.getElementById('rakugakiFrame').contentWindow.document.body.scrollHeight+150;
if(the_height < 1000) {
the_height = 1000;}
document.getElementById('rakugakiFrame').height=the_height; }
그리고 px는
document.getElementById('rakugakiFrame').height=the_height + "px"; -
슈니슈니
2015.10.03 15:26
해결하셨나요? 어느 파일에 스크립트를 붙여야하는건가요
if(the_height < 1000) the_height = 1000;
이걸 추가해 보시죠.....
그리고 자바스크립트에서 width, height 값을 나타낼 때, 그냥 수치만 적어서는 안될껄요....
뒤에 + "px" 를 넣어 줘야 할 겁니다.
저도 동문서답일 수도 있으니
그냥 테스트 해 보십시오....