fullscreenIn my previous installment, I began illustrating the various techniques used to launch Project: Pic Post’s fullscreen mode. I discussed some of the challenges that I faced, and the workarounds necessary to overcome them. In this installment, I’ll reveal some of the various codes that I used on the “header” frame. Specifically, I’ll give you the “EXIT” button code, the Internet Explorer and Netscape specific “Back Button” codes, and the “frames capable” drop-down surfing menu code.

Exit Button (Both Browsers):

<FORM><INPUT TYPE=”button” VALUE=”EXIT” onClick=”parent.close()”></FORM>

IE Back Button:

<FORM><INPUT TYPE=”button” VALUE=”
NS Back Button:

<FORM><INPUT TYPE=”button” VALUE=”
Drop Down Menu Surfing (frames)

The final piece of header code involves the drop down navigational menu. This code allows you to specify a target window name for use with framesets. It could also be used to pop “new” browser windows by specifying “_blank” as your target. The code appears below:

Insert this code between your tags:

function surfto(form) {
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value, target=”CHANGE TO YOUR TARGET FRAME NAME”);

}

//–>

Insert this in between your tags:

DESTINATION 1
DESTINATION 3

I hope this has helped you understand some of the “mysteries” behind Project: Pic Post. I have finally gotten the site to a point where it is ready to “go live,” and will bring you a “status report” somewhere down the road. I hope you’ve enjoyed this series; I know I have! It’s time to move on however, so watch for a NEW Profit Project later this week!