單擊div鏈接後如何顯示兩個div？

你好，我有幾個問題。我想讓我的可點擊的div鏈接與裏面的鏈接做一個div彈出窗口，同時也有一個關於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內部是隨機genrerated的html頁面。 html頁面都包含可點擊的div。我想單擊這些div並將其鏈接的html頁面彈出到div的內部，並有另一個彈出的關於該頁面的信息。

編輯：我將如何開始爲此編寫代碼？我使用slideToggle函數作爲教授建議，但我不知道如何讓它適用於我的iframe中的div鏈接。任何人都可以幫助我做到這一點？我怎麼會去它

來源

2012-05-10 Hunny Twenty

你提的問題不夠清楚，我想你在匆忙寫的。我會專注於編寫一個js函數來幫助你。另外，爲什麼使用iFrames？我會通過AJAX獲取html。 –

順便說一句....你可以使用燈箱或colorbox（jQuery）插件，我認爲它的exacly你需要什麼。 –

您的帖子中似乎沒有包含實際問題，除了「是否有可能？」我會說「是」。有什麼特定的東西是你堅持的嗎？ – nnnnnn

-1

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

對於跨起源請求：

$.ajax({ 
    crossOrigin: true, 
    url: url, 
    success: function(data) { 
     $(".resultdiv").html(data); 
    } 
});

來源

2016-02-21 08:45:25 Jay

單擊div鏈接後如何顯示兩個div？

回答

相關問題