2012-05-10 7 views
0

안녕하세요. 몇 가지 질문이 있습니다. 클릭 가능한 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의 내부에는 무작위로 뽑아 낸 HTML 페이지가 있습니다. html 페이지에는 모두 클릭 가능한 div가 들어 있습니다. 이 div의를 클릭하고 div 페이지의 팝업에 링크 된 html 페이지를 갖고 페이지에 대한 정보가있는 다른 div 팝업을 갖고 싶습니다.

편집 : 어떻게 코드를 작성하겠습니까? 교수님이 제안한대로 slideToggle 함수를 사용했지만, iframe 내부에서 div 링크를 사용하는 방법을 모르겠습니다. 누구든지 도와 줄 수 있습니까? 내가 크로스 원산지 요청의 경우 그

+1

귀하의 질문이 충분히 명확하지, 난 당신이 서두에 쓴 생각합니다. 나는 당신을 돕기 위해 하나의 js 함수를 작성하는데 집중할 것입니다. 또한 iFrame을 사용하는 이유는 무엇입니까? 대신 AJAX를 통해 html을 얻습니다. –

+0

btw .... 라이트 박스 또는 컬러 박스 (jQuery) 플러그인을 사용할 수 있습니다. –

+0

"Is is it possible?"을 제외한 실제 질문을 게시물에 포함시키지 않은 것 같습니다. 나는 "Yes"라고 말할 것입니다. 당신이 붙어있는 뭔가 특별한 것이 있습니까? – nnnnnn

답변

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

에 대해 어떻게 갈 것 :

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