Difference between revisions of "Scripts 1 0-loadCFJS"

From ADF Docs
Jump to: navigation, search
(Usage:)
(Usage:)
 
(12 intermediate revisions by the same user not shown)
Line 34: Line 34:
 
== Examples ==
 
== Examples ==
  
CFJS is a jquery plugin written by [[http://cjordan.us/archives.cfm/category/cfjs Christopher Jordan]] that contains a library of "ColdFusion style" functions (ie. ArrayLen(), GetListAt() and ListFindNoCase(), etc.) for use in jQuery/JavaScript code.  
+
CFJS is a jquery plugin written by [http://cjordan.us/archives.cfm/category/cfjs Christopher Jordan] that contains a library of "ColdFusion style" functions (ie. ArrayLen(), GetListAt() and ListFindNoCase(), etc.) for use with jQuery/JavaScript code.  
  
 
=== Usage: ===
 
=== Usage: ===
Add the loadCFJS() headers to the top of your custom script page:
+
Add the ADF loadJQuery() and loadCFJS() headers to the top of your custom script page:
 
<source lang="cfm">
 
<source lang="cfm">
<cfscript>
+
<cfscript>
 
     // load jQuery headers
 
     // load jQuery headers
     application.ptProfile.scripts.loadJQuery();
+
     application.ADF.scripts.loadJQuery();
 
     // load jQuery CFJS headers
 
     // load jQuery CFJS headers
     application.ptProfile.scripts.loadCFJS();
+
     application.ADF.scripts.loadCFJS();
</cfscript>
+
</cfscript>
 
</source>
 
</source>
  
With your jQuery functions call the CFJS library:
+
Using jQuery call the CFJS library functions:
 
<source lang="javascript">
 
<source lang="javascript">
<script>
+
<script>
 
     jQuery(function(){
 
     jQuery(function(){
 
// define a list
 
// define a list
Line 57: Line 57:
 
var numStrText = jQuery.ListGetAt(numStrList,3,','); // list,position,delimiter
 
var numStrText = jQuery.ListGetAt(numStrList,3,','); // list,position,delimiter
  
         // display the value of the numStrText variable  
+
         // output the value of the numStrText variable  
alert(numStrText); // displays the string 'Three'
+
jQuery('#valueDisplayA').html(numStrText); // displays the string 'Three'
 
          
 
          
 
         // use CFJS to find the position of the string 'Four' from the list
 
         // use CFJS to find the position of the string 'Four' from the list
 
         var strPos = jQuery.ListFindNoCase(numStrList,'Four',',');
 
         var strPos = jQuery.ListFindNoCase(numStrList,'Four',',');
  
         // Display the position of the string
+
         // output the position of the string
alert(strPos); // Displays the value 4
+
jQuery('#valueDisplayB').html(strPos);  
 
     });
 
     });
</script>
+
</script>
 +
</source>
 +
 
 +
HTML:
 +
<source lang="html4strict">
 +
<div id="valueDisplayA"></div>
 +
<div id="valueDisplayB"></div>
 +
</source>
 +
 
 +
Output:
 +
<source lang="java">
 +
Three
 +
4
 
</source>
 
</source>
  
 
=== References: ===
 
=== References: ===
CFJS Function listing:
+
A complete CFJS Function listing:<br>
[[http://cjordan.us/page.cfm/CFJS-function-listing-by-category/]]
+
[http://cjordan.us/page.cfm/CFJS-function-listing-by-category/ Chris Jordan's Blog]
  
Quick reference site for CF functions and function parameters:
+
Quick reference site for CF functions and function parameters:<br>
[[http://cfquickdocs.com/]]
+
[http://cfquickdocs.com/ cfquickdocs.com]

Latest revision as of 20:50, 13 August 2010

Attention: Do not change any text in the description, signature, and paramter sections.

Return to Scripts_1_0

Description

Loads the CFJS jQuery Plug-in Headers if not loaded.

Signature

public void loadCFJS ( string version )

Parameters

Required Name Type Description
optional version string [Default: 1.1.9] CFJS version to load.

Examples

CFJS is a jquery plugin written by Christopher Jordan that contains a library of "ColdFusion style" functions (ie. ArrayLen(), GetListAt() and ListFindNoCase(), etc.) for use with jQuery/JavaScript code.

Usage:

Add the ADF loadJQuery() and loadCFJS() headers to the top of your custom script page:

<cfscript>
     // load jQuery headers
     application.ADF.scripts.loadJQuery();
     // load jQuery CFJS headers
     application.ADF.scripts.loadCFJS();
</cfscript>

Using jQuery call the CFJS library functions:

<script>
     jQuery(function(){
	// define a list
        var numStrList = "One,Two,Three,Four,Five";

        // use CFJS to get the value of the item at position 3 of the list
	var numStrText = jQuery.ListGetAt(numStrList,3,','); // list,position,delimiter

        // output the value of the numStrText variable 
	jQuery('#valueDisplayA').html(numStrText); // displays the string 'Three'
        
        // use CFJS to find the position of the string 'Four' from the list
        var strPos = jQuery.ListFindNoCase(numStrList,'Four',',');

        // output the position of the string
	jQuery('#valueDisplayB').html(strPos); 
     });
</script>

HTML:

<div id="valueDisplayA"></div>
<div id="valueDisplayB"></div>

Output:

Three
4

References:

A complete CFJS Function listing:
Chris Jordan's Blog

Quick reference site for CF functions and function parameters:
cfquickdocs.com