保持闪存音乐播放器跨页刷新/更改

时间:2009-07-27 09:21:11

标签: javascript ajax page-lifecycle

我正在尝试在我的页面上安装基于闪存的音乐播放器,即使您刷新或转到网站中的其他页面,也会继续播放歌曲。

我像facebook footer一样做这个。

我读了这个主题  How does Facebook keep the header and footer fixed while loading a different page?

但我有loadpage()和location.hash问题

如果有人知道它的制作方法怎么告诉我

2 个答案:

答案 0 :(得分:2)

var header = document.getElementById('header');
var headerLinks = header.getElementsByTagName('a');
for(var i = 0, l = headerLinks.length; i < l; i++) 
{ 
 headerLinks[i].onclick = function() {    
var href = this.href;   
 //Load the AJAX page (this is a whole other topic)    
loadPage(href);      
//Update the address bar to make it look like you were redirected   
 location.hash = '#' + href;    
//Unfocus the link to make it look like you were redirected    
this.blur();   
 //Prevent the natural HTTP redirect    
return false;  

}}

CSS:

#Footer  {  
font-size:xx-small;   
text-align:left;   
width:100%;   
bottom:0px;   
position:fixed;   
left:0px;   
background-color: #CCCCCC;   
border-top: 1px solid #999999;   
padding:4px;   
padding-right:20px;   
color:#666666; 
}

我已经这样做了 这段代码不起作用,我想不要为谷歌视频或facebook任务栏等音乐播放器刷新区域

我已经这样做了

function links() {
    //var header = document.getElementById("header");
    var headerLinks = document.getElementsByTagName("a");
    for (var i = 0, l = headerLinks.length; i < l; i++) {
        headerLinks[i].onclick = function() {
            var href = this.href;
            loadPage(href);
            window.location.hash = "#" + href;
            this.blur();
           return false;
        }
    }
}

window.onload = function() {
    links();
}

我想要修改所有链接但是没有用

答案 1 :(得分:1)

看起来你对javascript很新。如果是这种情况那么做一个完整的ajax网站可能不是开始的地方。我认为你应该尝试去老派并使用框架来实现这一目标。 (这就是谷歌视频以前的运作方式,谷歌图片仍然使用这种技术。)

<html>
    <frameset rows="200px,*,200px">
        <frame src="yourPageHeaderWithFlashPlayer.html" noresize="noresize"/>
        <frame src="yourMainContent.html" noresize="noresize"/>
        <frame src="yourPageFooter.html" noresize="noresize"/>
    </frameset>
</html>

这适用于200px标头和200px页脚。如果您需要更多信息:http://www.w3schools.com/tags/tag_frameset.asp