여기 iframe 테스트좀 해봐 주실분? 정보
여기 iframe 테스트좀 해봐 주실분?
본문
제가 여기 아래 싸이트링크에서 스킨 테스트한것을
http://www.amerihomestay.com/g4/index_3d.php
iframe 으로, 아래와같이, 다른 도메인에서 불러봤는데요.
<iframe frameborder="0" src="http://www.amerihomestay.com/g4/index_3d.php">http://www.amerihomestay.com/g4/index_3d.php" width="100%" scrolling="no" height="600">iframe>
원래 싸이트에서 나오는거랑 같게 나오지가 않네요.
싸이즈도 왜곡되어서 나오고 스킨에 사진들 버튼들도 하나만 나오고요.
(파폭입니다. 사파리에서는 버튼은 다 나오는데, 역시 싸이즈 문제가 계속 사라지지 않네요)
이거 좀 테스트해봐주실분 있으세요?
저만 그런거가 아니라면.....
이거, 문제의 이유가 뭘까요?
제큐어리를 쓴 페이지를, iframe 으로 다른 도메인에서 불러오면 이렇게 문제가 생기나요? 이런 경험하신분 있나요?
감사합니다.
http://www.amerihomestay.com/g4/index_3d.php
iframe 으로, 아래와같이, 다른 도메인에서 불러봤는데요.
<iframe frameborder="0" src="http://www.amerihomestay.com/g4/index_3d.php">http://www.amerihomestay.com/g4/index_3d.php" width="100%" scrolling="no" height="600">iframe>
원래 싸이트에서 나오는거랑 같게 나오지가 않네요.
싸이즈도 왜곡되어서 나오고 스킨에 사진들 버튼들도 하나만 나오고요.
(파폭입니다. 사파리에서는 버튼은 다 나오는데, 역시 싸이즈 문제가 계속 사라지지 않네요)
이거 좀 테스트해봐주실분 있으세요?
저만 그런거가 아니라면.....
이거, 문제의 이유가 뭘까요?
제큐어리를 쓴 페이지를, iframe 으로 다른 도메인에서 불러오면 이렇게 문제가 생기나요? 이런 경험하신분 있나요?
감사합니다.
추천
0
0
댓글 8개
iframe 으로 불려와지는 페이지에 다른 jQuery 가 있다면 합쳐지면서 conflict 이 발생합니다.
이 iframe 말고, 이 페이지안에서, 제이큐어리쓰는 다른 스킨들도 있는데 걔네들 끼리는 충돌을 안하거든요.
그래도 혹시 몰라서 제이큐어리쓰는 다른 스킨들을 죽이고 테스트해도, 문제가 여전하네요.
그런데, 같은 도메인에서 iframe으로 불러서 테스트할경우는, 제대로 나오네요.
도메인이 다를경우에 뭔가가 전달이 안되고 있는지....
그래도 혹시 몰라서 제이큐어리쓰는 다른 스킨들을 죽이고 테스트해도, 문제가 여전하네요.
그런데, 같은 도메인에서 iframe으로 불러서 테스트할경우는, 제대로 나오네요.
도메인이 다를경우에 뭔가가 전달이 안되고 있는지....
아... 그럼 same origin policy 관련 문제인 것 같네요. 저도 비슷한 경험을 한적이 있어서 iframe 거의 안쓰는데,...
한번 살펴보세요.
https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript
한번 살펴보세요.
https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript
역시 도메인이 달라지면 자바스크립트 이용에 문제가 있군요. 감사합니다.
cross domain 이면 iframe 보다 이게 편하실지도...
http://ajaxian.com/archives/using-yql-as-a-proxy-for-cross-domain-ajax
http://ajaxian.com/archives/using-yql-as-a-proxy-for-cross-domain-ajax
이건 나중에 혹시 필요할일 생기면 그때 테스트해봐야 겠군요.
지금은 그냥, 저 도메인의 스킨을, 원래의 도메인으로 옮겨오는게 제대로 하는 방법일거 같습니다. 옮겨오기 귀챦아서 그냥 iframe 으로 해볼 요량이었는데...
지금은 그냥, 저 도메인의 스킨을, 원래의 도메인으로 옮겨오는게 제대로 하는 방법일거 같습니다. 옮겨오기 귀챦아서 그냥 iframe 으로 해볼 요량이었는데...
예제 보시고 한번 해보세요. JSON-P 가 iframe 보다 더 간단해요. (제 생각에는)
http://api.jquery.com/jQuery.getJSON/#urldatacallback
/////////////////////////////////////
아래 내용을 ctrl +c, v . 끝. ㅎㅎㅎ
<!DOCTYPE html>
<html>
<head>
<style>img{ height: 100px; float: left; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="images">
</div>
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "cat",
tagmode: "any",
format: "json"
},
function(data) {
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});</script>
</body>
</html>
결국 .js 가 domain 을 cross 못하니까 JSON 이 이걸 넘겨주는거고, 복잡한건 아니고 스킨 옮기시는 것 보단 덜 귀찮으실텐데.. ㅎㅎㅎ
저도 귀찮은거 아주 싫어해서요..
http://api.jquery.com/jQuery.getJSON/#urldatacallback
/////////////////////////////////////
아래 내용을 ctrl +c, v . 끝. ㅎㅎㅎ
<!DOCTYPE html>
<html>
<head>
<style>img{ height: 100px; float: left; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="images">
</div>
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "cat",
tagmode: "any",
format: "json"
},
function(data) {
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});</script>
</body>
</html>
결국 .js 가 domain 을 cross 못하니까 JSON 이 이걸 넘겨주는거고, 복잡한건 아니고 스킨 옮기시는 것 보단 덜 귀찮으실텐데.. ㅎㅎㅎ
저도 귀찮은거 아주 싫어해서요..
나중에요...미루기가 제 주특기라서 ㅎㅎ
저는 저를 푸쉬하는 사람 미워요 ㅎㅎ
예제 감사합니다.
저는 저를 푸쉬하는 사람 미워요 ㅎㅎ
예제 감사합니다.
