I don't think Shadowbox is very common since it costs money and most of the jQuery modal windows are free. If you are paying money for it you should try to get support from the person that sells it. Some of the other modal windows have great examples, like Thickbox. Maybe try a modal window that has better examples or a larger user base? jqModal is another one to consider that is rather popular.
Structurally, most modal windows are div tags wrapped around content. That is how cfwindow works. The content could be an iframe showing content from another Web page. Tip: get your login form working outside of a window first, then move the code inside of a window. Tip: get this working without ColdFusion initially. Just use HTML and JavaScript. Having CF in the mix might be unnecessarily confusing things. Perform a GET on a text file that contains the exact output that you would want to return from ColdFusion. Tip: you don't need to use JSON or XML. You can pass around plain text. All you are sending is a username and password. Taking JSON out of the picture will make it easier to understand what is going on. Here is the concept: -In a browser you call a JS function that submits a server request via a POST or GET. This is just like any other form submission or page request that a user might do. -The server handles the request and sends a response back to the browser in the form of text, XML, or JSON. -The browser calls a JS function when the server response comes back. That function can change content, close a modal window, or redirect to another page. Good luck, Mike Chabot On Thu, Dec 11, 2008 at 8:36 PM, Rick Faircloth <[email protected]> wrote: > > I just can't seem to get my head around the processing > flow for an ColdFusion and Ajax-based login using a Shadowbox modal window... > > Does anyone know of any tutorials that show how to use > ColdFusion, jQuery, and a modal window (doesn't have to be a Shadowbox) > for login? > > I found a tutorial by Ray Camden, but Ray's tutorial uses CF's built-in Ajax > functions, and I'm trying to use jQuery... > > Uses something like the following pages: > > - index.cfm > - login.cfm (opens inside modal window if user not logged in) > - process_login.cfm (uses something like the following code) > > <cfset mdata = createObject("component","manager_data")> > <cfset thedata = mdata.getmanagerData(form.email_address, > form.password)> > <cfset ojson = createObject("component","cfjson")> > <cfset results = ojson.encode(thedata)> > > <cfoutput>#results#</cfoutput> > > - manager_data.cfc (runs query to check login info) > - cfjson.cfc > > I've been trying to figure out how to do this, but I've been working from > two different tutorials that take different approaches to Ajax usage and I > can't > make sense of them together. > > Is there anything out there that I could turn to? I've been all over Google > and > elsewhere. All the examples I've found use PHP!!! > > HEEEELLLLLLP! I want to understand Ajax! I want to be smart! (please :o) > > Rick > > > >
