Players 3

CrossFrames ~ DHTML Frameset
If you want to use DHTML crossframe menues a variation upon the design demensions shown above is required. The frameset shown in "4 Frame Diagram" has proven to be a reliable layout. This basic frameset is used for all our examples but occasionally we add or subtract frames for convenience.

Bluesdejour Clips Player ~page 3

Cascade 3 Frame

This example was adapted from:
    Cascading Popup Menu v 5.2 BETA Updated: 9 April 2004.
         -by Angus Turnbull- http://www.twinhelix.com.
                         Please review ~Conditions of use:

This is the only freeware crossframe menu we've found which works in
all of our test browsers. There may be a glitch in some versions of Opera:
The menus might be disabled by the sequence [Exit Clips Player]
followed by browser button [Back]. But after this sequence, the menus
may be re-enabled by browser button [Reload]. In our case the glitch
only occurs when operating the Player from our hard disk. It does not occur
during online operation.

The Frameset:
<html>
<head>
<script type="text/javascript" language="JavaScript1.2" src="pop_core.js">
</script>
<script type="text/javascript" language="JavaScript1.2" src="pop_data.js">
</script>
<head>
<FRAMESET rows="35,*" BORDER=0>
<frameset rows="*,110" scrolling="no" border="0" noresize>
<frame name="SWF" scrolling="NO" SRC="SWFmenu.html">
<FRAMESET COLS="225,*" BORDER=0>
<FRAME name="Clips" scrolling="NO" noresize SRC="../68clips/Clips.htm">
<FRAME name="CDs" scrolling="AUTO" noresize SRC="CDs.htm">
</frameset>
</frameset>
<NOFRAMES>
Cannot display preview. Your browser must support frames.
</NOFRAMES>
</html>

This Clips Player example requires 4 files from TwinHelix Designs.
The "pop_core.js" script in our frameset is used as is from TwinHelix Designs.
The "pop_data.js" script in our frameset is adapted from TwinHelix's frameset.html "head" section. Additionally 2 other js. files associated with the frames must be included:
TwinHelix's "pop_events.js" to be referenced in the HTML <body> sections;
& "pop_style.css" to be referenced in the HTML <head> sections.
Like "pop_data.js", "pop_style.css" requires your imput.

Additional menu effects are possible using these Angus Turnbull scripts.
Conversely speed is gained by reducing the menu effects.

If you're already accustomed to using a text editor or HTML editor as part pf your design work, this is the right program. Once you get the basic feel of how the 'data' & 'style' scripts work: editing is a snap. These scripts are comprehensible. A more complicated use of this script: pages 5 & 6.

Examples