2011-12-07 5 views
2

iframe을 브라우저에서 떠 다니는 것이 가능한지 알고 싶습니까? IFrame을 브라우저 외부로 드래그 할 수 있습니까?IFrame을 브라우저에서 떠 다니는 것이 가능합니까?

아이디어는 내 html \ js 응용 프로그램이 작업 표시 줄과 같아서 Iframe이 내 브라우저 외부의 다른 프로그램 위로 드래그 할 수있게하려는 것입니다.

감사합니다. Dor.

+0

혼란스러워 : iframe을 새 브라우저 탭이나 새 브라우저 창에서여시겠습니까? –

답변

4

내가 할 수있는 유일한 응용 프로그램은 AIR입니다. 즉, 가장자리를 칠 때 당신은 URL

jsFiddleDEMO 함께 알고있는 경우에 당신이 edge detection을하고 새 창에서 iframe이 콘텐츠를 열 수 말했다 - 항상 window.open이 가정 당신이 수에게 사이트에서 팝업

드래그 jQuery를 UI를 사용하여

:

$("#container").draggable({ 
    drag: function(event, ui) { 
    var offsetXPos = parseInt(ui.offset.left); 
    var offsetYPos = parseInt(ui.offset.top); 
    $("#coord").text(offsetXPos+'x'+offsetYPos); 
    if (offsetXPos===0 || offsetYPos===0) { // be careful with <= since it may trigger many windows 
     $("#container").hide(); 
     window.open('http://msn.com','_blank'); 
    } 
    } 
}); 
<div id="container"> 
    <div id="handle">Drag me <span id="coord"></span></div> 
    <iframe src="http://msn.com/" frameborder=no></iframe> 
    </div> 
</div> 
#container { left:100px; top:100px; width:500px } 
#handle { border:1px solid black; height:40px, width:100%; background-color:lightblue; cursor:move; pointer:move} 
iframe { width:100%; border:0 } 
+0

감사합니다. 조금 더 설명해 주시겠습니까? 어쩌면 예제에 링크되어 있을까요? –

+0

다시 한 번 감사드립니다. 데모에서는 브라우저에서 항목을 드래그 만 할 수있게되어 브라우저에서 빠져 나오기를 원합니다. 아이디어는 내 html \ js 응용 프로그램이 작업 표시 줄과 같아서 Iframe이 내 브라우저 외부의 다른 프로그램 위로 드래그 할 수있게하려는 것입니다. –

+0

데모가 포함 된 새로운 업데이트를 참조하십시오 – mplungjan

1

아니하지만 J를 추가 할 수 있습니다 avascript를 사용하여 팝업 (서버에서 iframe을 다시로드)을 실행하고 현재 문서에서 iframe을 삭제하십시오.

관련 문제