I have come to really like ColdFusion.navigate() and ColdFusion.AJAX.submitForm()

When I run the code it complains about:
Attribute validation error for tag CFDIV.
The tag requires the attribute(s): BIND.
even though the BIND attribute is not mandatory

As far as I know yes. I have version: 8,0,0,171647

Did you apply the last hot fix?
I did but I had an error and had to reverse back to the original installation. I will try to re-install it and see if it fixes the issue.

Indeed it was.

I had to re-install CF8 and now my V is like yours :)

Thanks

The second question is the easiest. You don't navigate _to_ a tab. You can select a tab. Check the CF AJAX reference docs for that API. If you want a tab with a form to post to itself, it should be pretty easy. If I remember right, a CFFORM based form inside a tab will perform an ajax based post to itself. Have you tried it yourself?

Here's a funky one... how would you use ColdFusion.navigate() to refresh a CFDIV if you don't know what was currently *in* the CFDIV?

For example. You may have a CFDIV you use as a generic container to display messages from various feeds by stuffing a variety of CFM files into a singular ID:

ColdFusion.navigate('/feedOne.cfm','divGeneric');
ColdFusion.navigate('/feedTwo.cfm','divGeneric');
ColdFusion.navigate('/feedTwo.cfm?mode=hoohah','divGeneric');

If you needed to refresh 'divGeneric' with whatever was last used... would you use something like this...?

ColdFusion.navigate(document.getElementById("divGeneric").value,'divGeneric');

My guess is no, since the DOM doesn't know what CFM file was used to create the current content.

Hmm... keep a variable in the SESSION scope?

It would be extremely handy if the CFDIV remembered what last went into it so we had a ColdFusion.navigate.(last,'divGeneric');

I am trying to make a registration form and check Username availability on the fly. I have it working with ColdFusion.navigate, but I want the colorize the result. If it is available, I want the text to display green, if already used then display red. Any ideas on how to do this?

Here is my code:

From the form:
<cfinput type="Text" name="Username" style="width:125px;" maxlength="25" required="Yes" message="You Must Enter a User Name" onFocus="this.value='';"><cfdiv id="AvailabilityDiv" /><cfajaxproxy bind="javascript:loadDiv({Username})"></div>


cfc call:
<script>
                function loadDiv(value) {
             // Change the contents of the CFDIV
             ColdFusion.navigate('live-checkuseravailability.cfc?method=getData&UserAvail='+ value, 'AvailabilityDiv');
                }
               </script>   


And my CFC:
<cfcomponent>
<cffunction name="getData" returnType="string" access="remote">
<cfargument name="UserAvail" type="string" />
         
          <cfquery name="chkUsername" datasource="#application.DSNName#">
            SELECT *
            FROM UserAvail
            WHERE Username = '#UserAvail#'
    </cfquery>
         
         <cfif chkUsername.RecordCount GTE 1>
   <cfreturn "Username Already exists">
         <cfelse>
            <cfreturn "Username available to register">
         </cfif>
</cffunction>
</cfcomponent>

Any help would be greatly appreciated.

Thanks Ray,

But when I do that line of code like this:
<cfreturn "<span class='green'>Username available to register"</span>>

I get this error:

Error retrieving markup for element AvailabilityDiv : Invalid CFML construct found on line 14 at column 95. [Enable debugging by adding 'cfdebug' to your URL parameters to see more information]

thanks, guess another set of eyes are good. But now I have another issue. It displays the whole string    
<span class='green'>Username available to register</span> in the div area, not the "Username available to register" in green

Oh, I think I know your issue. Before I get into it, try this test for me and then I'll explain. change

ColdFusion.navigate('live-checkuseravailability.cfc?method=getData&UserAvail='+ value, 'AvailabilityDiv');

to

ColdFusion.navigate('live-checkuseravailability.cfc?method=getData&returnformat=plain&UserAvail='+ value, 'AvailabilityDiv');

Your code said, in English:

"ColdFusion, I want you to navigate, ie, load, the result of calling this CFC method."

By default, when you run a CFC method remotely, it returns WDDX, an XML version of the result. If you were to open that URL in your browser and view source, you woulda seen an XML version of the string.

When I had you add "returnformat=plain", it was telling ColdFusion to not do ANYTHING with the result, but rather just return it as is.

This only works with simple results. You couldn't return an array like that.

You can stop reading now - what follows is sermon. ;)

Typically though you don't return layout in a CFC. I'd have called the CFC method and have it return 0 or 1, with 0 being the bad result, and 1 the good, and your front end code would handle displaying the appropriate message. Your CFC - typically - should be a black box of business logic: "If this username OK? YES OR NO - Period." Stuff like "what class do I use to render a good output" would be a concern of the front end.

End of Sermon.

You should not feel like you did it the "wrong" way- and sorry if I came off too strongly. I'd just say "Not recommend normally" instead of "wrong". Your code is working now - that's the critical thing. :)

Well, ColdFusion.navigate is basically doing a "Load this crap into a div". In order to call a CFC and "work" with the result, you would need to do something a bit different.

1) If you want to stick with CF's Ajax stuff, you can look at cfajaxproxy. It allows you to turn a CFC into a JavaScript object. You would then be able to make calls on methods and work with the results directly.

2) Myself - I don't make use of CF's front end Ajax stuff. I use jQuery instead. I'd use jQuery's ability to run a HTTP request and work with the response.

Obviously I'm talking high level here.