2012-05-29 57 views
0

我沒有網頁設計師親中發揮的要求,所以請溫柔初始化從IFRAME頁

情況: 我目前正在建設一個網站能夠分享我的DJ混音和工作室生產工作,預覽可在http://davidloran.com/test-03/index.html

該網站是由:

  • index.html的 - >載:

1- CSS3菜單(包括當前正在播放正確播放混音的列表)

2-一個jquery插件音頻播放器(http://codecanyon.net/item/fullwidth...-plugin/841563)

3- IFRAME whe再其他頁面加載到

  • tracks.html - >包含生產的曲目列表由用戶來選擇,然後(最終!)發揮到播放器放置在索引頁
  • 上facebook.html - >包含FB評論欄中
  • background.html

發現問題:

正如您可能從我上面的描述文字中注意到的那樣,製作曲目不能在音頻播放器中播放,因爲它們放置在另一個調用IFRAME的頁面(track.html)中。

問: 是否有音頻播放器的.js代碼(我會後在旁邊的代碼)可以被修改,使得它處理從iframe中的頁面初始化播放請求的任何方式?

想到其他任何建議嗎? (遠程窗口?其他?)

謝謝!

這是我已經有了index.html頁面頭:

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Dj David Loran</title> 
<link rel="stylesheet" type="text/css" href="css/jquery.fullwidthAudioPlayer.css"> 
<link href="css/styles.css" rel="stylesheet" type="text/css" /> 
<link href="css/nblack.css" rel="stylesheet" type="text/css" /> 
<link href="css/Iframe.css" rel="stylesheet" type="text/css" /> 
<script src="js/jquery.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui.js" type="text/javascript"></script> 
<script src="js/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script> 
<script src="js/jquery.fullwidthAudioPlayer.js" type="text/javascript"></script> 

<script type="text/javascript"> 
//set here the swf folder 
soundManager.url = 'swf/'; 
//need to be flash player 9 
soundManager.flashVersion = 9; 
//prefer HTML5 audio rather than flash 
soundManager.useHTML5Audio = true; 

$(document).ready(function(){ 
$('#fap').fullwidthAudioPlayer({autoPlay: 'true', wrapperPosition:'bottom',   wrapperColor:'#3f3f3f'}); 

}); 

function changeContent() { 
document.getElementById('tracks').innerHTML=""; 
} 
</script> 


</head> 

,其中,在同一頁面,像這樣的鏈接是否在播放機上播放:

<ul class="fap-my-playlist"> 
     <li><a href="../Audio/Lounge session - Bar.mp3" title="Dj David Loran - Lounge  session - Bar" target="http://www.davidloran.com/">Lounge session - Bar</a></li> 

問題是:如何從IFRAME中的不同頁面打開相同類型的鏈接?!?

回答

0

當使用JavaScript在另一個框架中發生某些事情時,您確實可以在一個框架中發生某些事情。在框架內使用parent對象。看看這裏的一些例子:http://www.pageresource.com/jscript/jframe1.htm

此外,你提到通過,你可能想要從另一個窗口,以及。這可以使用window.opener完成。

+0

謝謝你的回覆Daniel。我確實需要讓index.html頁面的播放器在點擊位於第一頁IFRAME中打開的track.html頁面上的後運行其功能。您發給我的教程對我而言「略微」過於複雜......您能否幫助並進一步細化?謝謝 – David