Putting It All Together: Developing Web Applications Using Fusebox and Frames - PowerPoint PPT Presentation

About This Presentation
Title:

Putting It All Together: Developing Web Applications Using Fusebox and Frames

Description:

The Frameset Page Here s a look at fra_Mother.cfm, ... Dynamic Form Selects First, populate the array in ColdFusion by defining the arrays, ... – PowerPoint PPT presentation

Number of Views:83
Avg rating:3.0/5.0
Slides: 25
Provided by: natp152
Category:

less

Transcript and Presenter's Notes

Title: Putting It All Together: Developing Web Applications Using Fusebox and Frames


1
Putting It All TogetherDeveloping Web
Applications Using Fusebox and Frames
  • Presented by
  • Nat Papovich
  • GeoAgents.com
  • 9/16/2000

2
What is a Web Application?
  • A Web application is a collection of scripts, run
    from a Web server designed to perform a specific
    function directly for the user or, in some cases,
    for another application. Examples of Web
    applications include email programs such as
    Hotmail, communication programs such as chat
    forums, contact manager systems like a Yahoo
    address book, and stock trading tools like Datek.

3
Why Use Web Applications?
  • Speed of development
  • Application Service Provider Model
  • Ease of updates and patches
  • Portability - establish requirements for use
  • Users can access from anywhere
  • Revenue from advertisers, not users
  • More

4
WWW vs. Win32
  • Stateless
  • Server-side processing
  • Server response times
  • COM and ActiveX
  • Need Web access
  • Request-based
  • Centralized data
  • Stateful
  • Client-side processing
  • Client speed
  • Local system access
  • No Web access needed
  • Client initiates changes
  • Individualized data

5
Frames vs. Single Page
  • Magic display updates
  • Multiple processes
  • Fast, concise updates
  • Less server load
  • Track sessions better
  • The Dark Side
  • Users lose control
  • Hard to perform
  • Whole page reloads
  • More server load
  • Are they still there?
  • No target worries

6
Now Youre Convinced!
7
Quick Fusebox Review
  • All form and URL links go to index.cfm
  • THEREFORE
  • All frame sources go to index.cfm
  • The frameset gets loaded via the index.cfm
  • http//index.cfm?fuseactionlogin

Fusebox
http//index.cfm? fuseactionvalidateUser
8
Loading the Frameset
  • The default Fuseaction loads the frameset.

9
The Frameset Page
  • Heres a look at fra_Mother.cfm, called from
    index.cfm.

10
Calling the Frames
  • The fra_Mother.cfm frameset had frames that
    called the index.cfm to get their sources. Here
    are the Fuseactions to load the frames.

11
Thats All There Is To It!
12
Frame Buster
  • CFStudios Frame Buster doesnt work.
  • Include this script in your main frameset page
    (fra_Mother.cfm). It will prevent the page from
    being loaded inside another frame.

13
Guarantee Framing of Frames
  • Add this script at the top of each page that is
    framed.
  • It will reload the master frameset around the
    existing frame.

14
Dynamic Frame Sources
  • Upgraded fra_Mother.cfm (main frameset page)

15
Cross-Frame Posting
  • Remember, link and form actions go to index.cfm.
  • The content of the form will not change during
    cross-frame postings.
  • You will have to update the page with JavaScript.

16
Multiple Framesets
17
Nested Fuseboxes and Nested Framesets
  • With a well-planned frame naming scheme, you can
    nest many framesets and frames.
  • The more frames you have, the cooler your
    application will be.

18
Hidden Frames
  • Keep them on the highest frameset level.
  • Used to auto-update other frames.

19
Dynamic Form Selects
  • First, populate the array in ColdFusion by
  • defining the arrays,
  • looping through a recordset (in this case
    CmListAll),
  • and populating the array elements.
  • Do this as many times as you have select boxes.

20
Dynamic Selects Step 2
  • Load the select box with the first set of
    options.
  • These options are not dynamic on the page.
  • The onChange event for the select box runs the
    function to populate the second select list.

21
Dynamic Selects Step 3
  • When the page loads, the CF array is looped
    through and the matching values in the second
    query are built into JavaScript arrays.
  • The function used to load the dynamic select box
    chooses which JavaScript array to use.

22
Bookmarking Frame Elements
  • Good luck
  • No, seriously

23
Bookmarking Frame Elements
  • Remember the Guarantee Framing of Frames
    script?
  • Use it to place a physical link on each frame for
    users to bookmark.

24
Fusebox and Frames Rule!
Write a Comment
User Comments (0)
About PowerShow.com