2011-12-07 23 views
2

IFrameをブラウザからフローティングすることが可能かどうかを知りたかったですか? IFrameをブラウザの外にドラッグすることはできますか?IFrameをブラウザからフローティングすることは可能ですか?

私のhtml \ jsアプリケーションはタスクバーのようなもので、私はIframeがブラウザ外の別のプログラムの上にドラッグできるようにしたいと考えています。

ありがとう、 Dor。

+0

私は混乱しています:新しいブラウザタブまたは新しいブラウザウィンドウでiframeを開きますか? –

答えて

4

私が見ることができる唯一のアプリケーションはAIRです。それは言った、あなたはedge detectionを行うと、あなたがURLに

jsFiddle を知っているとDEMOを伴う場合には、エッジに当たったときに新しいウィンドウで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を追加することができますポップアップ(サーバーからiframeをリロードする)を起動し、現在のドキュメントからiframeを削除するavascript

関連する問題