0

こんにちは、いくつか質問があります。クリック可能な div リンクがリンクを含む div ポップアップを作成するようにしようとしていますが、div 内のリンクに関する情報も表示されます。

<html>
<title>lc</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<div class="screen">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head><body>
<div class="left_index"><p><a href="http:/l_c/index.php">lc</a></p></div>
<?php
echo('<iframe src="' . $mysquaresarray[$randomno] . '" width="700" height="709" align="center" frameBorder="0"></iframe>');
?>

私のCSSは

.screen{
            position:absolute;
            width:800px;
            height:800px;

    }

    .left_index{
            position:relative;
            top:20px;
            left:80px;
            font-family: Futura, Optima, sans-serif; 
            font-size:30px; 
            margin:0px 0px, 0px,0px; 
            font-weight: thin; 
            }

以下は、iframe に入力される内容の例です。

#four{  
                bottom: 175px;
                left: 300px;
                height:90px;
                width:90px;
                    }
            #four a {
            display: block;
               height:90px;
               width:90px;
        }

        #five{
                bottom: 100px;
                left: 150px;
                height:90px;
                width:90px;
            }
            #five a {
            display: block;
               height:90px;
               width:90px;
        }


    <div id="four"><a href="/course/s12pudt_2101e/projects/holden/Project5a/WEC.php" target="_blank" display:block;></a> </div>
    <div id="five"></div>
    </div>
    <div class="fivetwo"><a href="http://www.youtube.com/watch?v=xqca9uKPeSg&feature=endscreen&NR=1" target="_blank"         display:block;></a> </div>
    </body>
        </html>

どうもありがとうございました。iframe の内部には、ランダムにジャンル分けされた html ページがあります。すべての HTML ページには、クリック可能な div が含まれています。これらのdivをクリックして、リンクされているhtmlページをdiv内にポップアップ表示し、ページに関する情報を含む別のdivポップアップを表示したいと思います。

編集:これのコードを書き始めるにはどうすればよいですか? 教授が提案したようにslideToggle関数を使用しましたが、iframe内のdivリンクに対して機能させる方法がわかりません。誰でも私がこれを行うのを手伝ってもらえますか? どうすればいいですか

4

1 に答える 1

-1 
$.get( "urlpath/test.html", function( data ) {
  $( ".resultdiv" ).html( data ); 
});

クロス オリジン リクエストの場合:

 $.ajax({
    crossOrigin: true,
    url: url,
    success: function(data) {
      $( ".resultdiv" ).html( data );
    }
});
于 2016-02-21T08:45:25.020 に答える