Killing the Browser Back Button
This tutorial explains how to temporarily disable a visitor's browser Back button, so that a wayward click will not bounce them back to the beginning of your intro, or whatever.
This technique is pretty simple, but demands some familiarity with HTML. Essentially, you will be creating a hidden frame that will intercept a user's "Back" request and cycle it without visible effect. Note that this is a bit of an abuse of HTML, but it works and is robust, so who's complaining? The only down side is that you may wish to avoid using this technique on your initial entry page into the site, as some search engines may fail to index the page the way you want.
First, let's assume you already have a fully realized website, perhaps one that is a single self-contained .swf, and you want people to be able to navigate within it without accidently hitting the Back button and being bounced out of your site entirely. Here's what you can do:
Publish the page as you normally would.
Then, create a new HTML document in your favorite editor. Create two frames within this document. The top frame will contain your Flash site. The bottom frame will be a "hidden" frame containing an html document embedded with a second .swf that automatically forwards to new page, this one blank. Essentially, you are creating an HTML loop. Clear as mud, yes? Let me break it down for you...
Here is the HTML for the frameset...this resides on the page that you want the "buttonkiller" to start doing it's job. (I have used parenthesis instead of brackets so you can read it)
<%lt%>FRAMESET ROWS=*,1 FRAMEBORDER=no MARGINWIDTH=0 MARGINHEIGHT=0 BORDER=0 FRAMESPACING=0<%gt%> <%lt%>FRAME NAME="main" src="/imagesvr_ce/flashkit/tutorials/Interactivity/Useability/Barrys_-Barry_Mu-751/main.html" SCROLLING=no FRAMEBORDER=no MARGINWIDTH=0 MARGINHEIGHT=0 BORDER=0 FRAMESPACING=0<%gt%> <%lt%>FRAME NAME="buttonkiller" src="/imagesvr_ce/flashkit/tutorials/Interactivity/Useability/Barrys_-Barry_Mu-751/buttonkiller.html" SCROLLING=no FRAMEBORDER=no MARGINWIDTH=0 MARGINHEIGHT=0 BORDER=0 FRAMESPACING=0<%gt%> <%lt%>/FRAMESET<%gt%>
It creates a page with two frames...the top frame is your site. The bottom frame, which is hidden from view, contains the "buttonkiller"...a simple html page with a single, tiny .swf that automatically calls a second html page into that frame. (see the .fla)
|» Level Intermediate|
Rating: 6 Votes: 7
|Download the files used in this tutorial.|
|Download (6 kb)|
|More help? Search our boards for quick answers!|