防止在新标签/窗口中打开

Question

I have a website that has a music player in one of the corners. Because I didn't want the music to stop everytime the user changes part of the website, I used an iFrame for the content. So when someone clicks the menu buttons, all that changes is the source of the iFrame.

Now the only problem is if someone tries to open one of the sub-pages in a new tab/window. All they get is black text on a white background, with the content that was supposed to be in the iFrame.

Is there any way to prevent this?

Oh, and the page this is about is www.sinjabe.com if that helps.

Thanks

Answer 1

The most logical solution (to me...) would be to detach the music player from the page; have the music player open in a different window / tab. You can have the music player in a pop-up window when the visitor of your site requests it / clicks on it.

Other solutions like detecting if the content has a parent frame, will lead to multiple music players if someone opens a page in a new tab / window.

Answer 2

You can alter your sub-pages to detect if they are loaded in an iframe like this:

(window.location != window.parent.location) ? true : false;

and then load or redirect to the full template as needed.

Answer 3

Put this on your sub pages:

<script type="text/javascript">
    if (window.location == window.parent.location)
    this.window.location = 'main_site.html';
</script>

-- Give credit for this one @George Cummins for writting such a short conditional statment:)

This will redirect any direct incomming trafic on your subpages to your main page. I must warn you though, that iframes for displaying such content are highly SEO unefficient, and URL useless in terms of history mapping (back button will not work) and link sharing, because the main URL doesn't change while you click on menu buttons.