0

テーブル内に複数のリンクがある Web ページがあります。リンクの 1 つは td タグ内にあります。ユーザーがリンクをクリックすると開かれる iframe を呼び出す方法が必要です。iframe がポップアップすると、ページの残りの部分が応答しなくなり、ユーザーが iframe から出ると外側のページが応答します。テーブルtdは次のようなものです：

<td >
<a href="configuration.xml related jsp action">Set the Iframe up</a>
</td>

iframe には、別の jsp のコンテンツが取り込まれます。

編集：急いでいたので、試したコードを貼り付けるのを忘れていました：だからここにあります：

<td >
<a href="#">Set the Iframe up</a>
<div id="modalMan" style="display:none;">
<div class="modalsub" >
<p class="close"><a href="#"><img src="cbutton.gif" alt="Close"/></a></p>
<iframe id="myFrame" style="display:none;" height="430" width="675" 
src="myJSP.jsp" >
</iframe>
</div>
</div>
</td>

ただし、閉じるアイコンが表示されず、div の一部が表示されないため、これは問題を引き起こしています。

   <div id ="modalman">
   <p class>
   <iframe src>

すべてが非表示のままで、iframe が同様の外観で開きますが、機能はすべてごちゃ混ぜで、myjsp の JavaScript コンテンツは非表示のままです。

もう一度編集： onclick機能を試したことを忘れて申し訳ありませんが、私のhrefはこのようなものなので、iframeで開くのではなく、新しいブラウザタブでjspを直接開きます。

 <a href="configuration.xml related jsp action">Set the Iframe up</a>

どうすればこれを達成できますか? 親切に方法を提案してください。

4

4 に答える 4

2

これを実行できる非常に基本的な JavaScript 関数を次に示します。関数パラメーターは、iFrame を追加する要素と、iFrame がポイントする場所です。

HTML

<a href="#" onclick="setIframe(this,'http://www.stackoverflow.co.uk')" >Set the Iframe up</a>

JavaScript

function setIframe(element,location){
    var theIframe = document.createElement("iframe");
    theIframe.src = location;
   element.appendChild(theIframe);
}
于 2012-11-27T12:32:08.920 に答える
0

プロパティを持つカラーボックスについて聞いたことがありますiframe:trueか??

 <p><a class='iframe' href="http://google.com">Outside Webpage (Iframe)</a></p>

サンプルコード

 $(document).ready(function(){
            //Examples of how to assign the ColorBox event to elements
            $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
        });
于 2012-11-27T12:31:44.490 に答える
0

jqueryを使用している場合(そうするべきです)、次onlickのリンクを実行できます。

$('#foobar').append('<iframe></iframe>')

ここで、foobarは iframe の親要素の ID です。

于 2012-11-27T12:32:11.977 に答える
0

fancyboxプラグインを使用して jQuery を試すこともできます

http://jsfiddle.net/muthkum/ssWMc/1/のサンプル コードを試してください。

完全なコードは次のとおりです。

<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script type='text/javascript' src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css">

<script>
$(function(){
    $("a").fancybox();
})
</script>

<a class="various iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">Youtube (iframe)</a>​
于 2012-11-27T12:34:55.813 に答える