2012-03-27 16 views
2

私はfancyboxプラグインを使用していますが、親ウィンドウに送信しようとしています。私は1ページで作業していますが、スライドショーの一部である別のページに移動すると、「機能ではありません」というエラーが表示されます。私の理解から、私がする必要があったのは、親ページにプラグインを実装することだけでした。なぜ誰かがこのエラーを引き起こしているのかを知る手助けができたら、本当に感謝しています!固定iframeから親までのFancybox

ページ1

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" type="text/css" href="http://www.localdtvdealer.com/page.aspx?QS=5c591a8916642e737e93c01412d56d5ae266a22b4f55b9f9a54ed7191c748091" /> 
<link rel="stylesheet" type="text/css" href="http://image.iloqal.com/lib/fe60157077600275741d/m/1/zipCodeWindowCSS.css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.localdtvdealer.com/page.aspx?QS=5c591a8916642e73c41f320542ef4912ec966ef60dc239352e9e3ff3a33d77cf"></script> 

<link rel="stylesheet" type="text/css" href="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox.css" /> 
<script type="text/javascript" src="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox2.js"></script> 
<script type="text/javascript"> 
var corpID = "44444"; 

$(document).ready(function() { 
     if($("#contentPane").length && getCookie("Offer")) 
     { 
      SetIFrameSource("contentPane","http://www.localdtvdealer.com/BMI/Carousel/iframe/?cid=" + corpID); 
      $("#lblLocation").text(getCookie("Location")); 
     } 

    }); 

</script> 
</head> 
<body> 
<iframe src="" width="720" height="446" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" id="contentPane"></iframe> 
</body> 

2ページ

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://image.iloqal.com/lib/fe60157077600275741d/m/1/ZipCodeWindowLogoExplosion.js"></script> 

<link rel="stylesheet" type="text/css" href="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox.css" /> 
<script type="text/javascript" src="http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/DTVLBjqueryfancybox2.js"></script> 

<script type="text/javascript"> 

    function reqParam(name) 
     { 
      name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
      var regexS = "[\\?&]"+name+"=([^&#]*)"; 
      var regex = new RegExp(regexS); 
      var results = regex.exec(window.location.href); 
      if(results == null) 
       return ""; 
      else 
       return results[1]; 
     } 

    $(document).ready(function() { 
     if($("#contentPane").length && getCookie("Offer")) 
     { 
      SetIFrameSource("contentPane","http://www.localdtvdealer.com/" + getCookie("Offer").toUpperCase() + "LogoExplosion"); 
      $("#lblLocation").text(getCookie("Location")); 
     } 
     setSrcDynamically(); 
    }); 


    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script> 

</head> 

<body> 
<iframe name="base" id="base" class="iframe" src="" overflow="auto;" width="712px" height="397px;" frameborder="0"></iframe> 
<script type="text/javascript"> 
<!-- 
     function setSrcDynamically() 
      { 
       var pvalue=reqParam('p'); 
       var i = document.getElementById('base'); 
       i.src="http://www.localdtvdealer.com/justintest3/#"+pvalue; 

      } 
     //--> 
    </script> 
</body> 
+0

このような? http://stackoverflow.com/a/8855410/1055987 – JFK

+0

私はこれを試しましたが、それでもエラーが発生します。私はHTMLにオブジェクトを配置してからJavascriptに、次にHTMLに戻します。これが問題だろうか? – Dandy

+0

私は問題が何であるかを知っていると信じています。 iframeを持つページがあり、iframeは各スライドの他のiframeを引っ張っています。したがって、親に行くが、親はiframe内にある。親の親を対象とする方法はありますか? – Dandy

答えて

2

私は間違った親を基本的にターゲットにしていました。私は親としてiframeをターゲットにしていました。フレームに別の ".parent"オブジェクトを追加することで修正しました。

window.parent.parent.$.fancybox 

代わりの

window.parent.$.fancybox 

Woot!

関連する問題