coldfusion

Tutorial: Color Picker

2008-10-07T08:01:00.000-07:00

Coldfusion Tutorial: Color Picker

Description
A simple and full featured color picker. It is component based. Just create a picker.cfc file. That you can reuse. Finaly you can call this component from any where in your application.

Example

picker.cfc page


   
<cfcomponent>
 <cffunction name="ColorPicker" access="remote" returntype="string">
  <cfwindow name="ColorWindow" initshow="false" width="200" height="220">
   <script language="javascript">
    function thisElement(name){
     currentElement = name ;
    }
   </script>
   
   <script language="javascript">
    function selectedColor(colorValue){
     var currentColor = colorValue ;
     //document.getElementById(currentElement).value="#"+currentColor;
     document.getElementById(currentElement).style.backgroundColor="#"+currentColor;
    }
   </script>
  
   <cfset CharList="0,3,6,9,C,F">
   <cfset Counter=0>
   <cfoutput>
    <table border="0" cellspacing="1">
     <tr>
      <cfloop list="#CharList#" index="GreenColor">
       <cfloop list="#CharList#" index="BlueColor">
        <cfloop list="#CharList#" index="RedColor">
         <cfif Counter % 18 EQ 0>
          </tr><tr>
         </cfif>
         <td onmouseover="document.getElementById('codeDisplay').value ='###RedColor##RedColor##GreenColor##GreenColor##BlueColor##BlueColor#';"
          onclick="selectedColor('#RedColor##RedColor##GreenColor##GreenColor##BlueColor##BlueColor#');
             javascript:ColdFusion.Window.hide('ColorWindow');"
           title="#RedColor##RedColor##GreenColor##GreenColor##BlueColor##BlueColor#"
           style=" background-color: #RedColor##RedColor##GreenColor##GreenColor##BlueColor##BlueColor#; color: black; font-size:7px; width:7px; height: 7px; cursor:pointer">
          <a onmouseover="document.getElementById('colorDisplay').style.backgroundColor ='#RedColor##RedColor##GreenColor##GreenColor##BlueColor##BlueColor#';">   </a>
         </td>
         <cfset Counter=Counter+1>
        </cfloop>
       </cfloop>
      </cfloop>
     </tr>
     <tr>
      <td colspan="18" headers="5"></td>
     </tr>
     <tr >
      <td id="colorDisplay" colspan="9" height="15" bgcolor="" style="background-color: red;"></td>
      <td colspan="9" height="15" bgcolor=""><input type="text" value="" id="codeDisplay" style="height: 15px; width: 90px; border: none; font-size: 12px;" readonly="yes"></td>
     </tr>
    </table>
   </cfoutput>
  </cfwindow>
 </cffunction>
</cfcomponent>

picker.cfm this is caller page. Here you must pass the input box id to javascript.


   
<cfscript>
 objPicker=CreateObject("component","picker");
</cfscript>
<cfset objPicker.ColorPicker()>

<cfoutput>
<center>
<form name="oTableForm" action="" method="post">
 <table>

  <tr>
   <td colspan="2">Click the box</td>
  </tr>
  <tr>
   <td>Color 1:</td>
   <td>
    <input type="text" name="color1"   readonly="yes" value="" onfocus="javascript:ColdFusion.Window.show('ColorWindow'); thisElement('color1');" />
   </td>
  </tr>
  <tr>
   <td>Color: 2</td>
   <td><input type="text" name="color2"    readonly="yes" value="" onfocus="javascript:ColdFusion.Window.show('ColorWindow'); thisElement('color2');" /></td>
  </tr>
 </table>
</form>
</center>
</cfoutput>

Example Output

SEO Expert

2008-07-31T09:27:00.000-07:00

SEO Expert
Do you know how many web sites publish per day? Now in the internet there have billions of website. So if you publish your site then what happened? Where and how you can get your visitor? If Search Engine not indexed your site then you lose your visitors. But Search Engine optimization is not a easy task. SEO Expert can make this job easy. When you get consult from SEO Experts then your site will be more visible.

Now the question is where you can get a SEO Expert? Recently in this seo market have huge specialist. Maximum have no or little experience. SEO Expert Inc. is the top search engine optimization firm in the United States. Seo Expert doing the search engine optimization since 1998. Sean O’Brien, The founder of SEO Expert Inc. have 10+ years experience about Search Engine Optimization work. So you can easily depend on them. They performed SEO for huge startup company and big companies. So it is not a problem that you have a small or startup business. You can easily consult with this seo experts. SEO Expert Inc. always keep secret their clients information. So don’t feel any hesitation. They have experts analysts, researchers, optimizers, programmers. They know Search engine algorithm very well.

What is your business? travel? tourism? food? hotel? or others, this is not fact. Are you know how many company depends on this keyword? So if your site not on the top list in search result you must loss your visitor. That is the main fact for SEO work. For this issue you should consult with SEO Experts to optimize your desire keywords. After successful SEO you get your site top in the search result.

Hotel Reservation

2008-07-04T10:56:00.000-07:00

Hotel Reservation
prontohotel.com is a large online hotel reservations site.You can easily book your hotel room by this site throughout the world in many countries like United states, United kingdom, France, Germany, Australia , Spain, China, Italy , India , Bangladesh, Denmark , Egypt, Ireland , Japan, Romania etc. You can easily book your room over the internet. You can get various kinds of room, lowest to highest price.

You can reserve a room over this site and will have a chance to roam your choiceable city by your enable rate. prontohotel.com is a very simple and powerful site which give you full of information about hotel reservation. Every day prontohotel.com adjoin new information and become upgraded. In prontohotel.com if one fill up the name of city, check-in time and check-out time, the number of room he want to stay, then he will get his result and a rich information through the internet.

Photo Gallery
prontohotel.com includes photo gallery, so it's a great opportunity to choose your hotel. You will have a chance to see different images for a specific hotel. prontohotel.com born to serve you in each part of your travel.

Google Map
The great advantage of prontohotel.com is the google map and it's panoramio's picture. This maps will give you instraction to follow the right path in the city. By this site, you can able to choose from more than 200 hotels in the world. You can find here many feture hotels like amsterdam hotels, prague hotels. You can get enough information about this hotel like map, picture, news , hot tips etc.

Why you are waiting?
It's simple and interesting ! You will able to join their travellers community that will allow you to get in touch with your travel experience, to post picture, to post comment and to join in prontohotel.com's site! Beside this, what you are want ? Why you are waiting ? Fill up the city name, period of time, number of room and book your favaorate hotel. So, click on the search button and their search engine will find for you the best rates any hotel throughout the world. Never forget to come back for your future travel and discovery. Remember, prontohotel.com improves constantly and includes many information day by day.

Starting a Business

2008-06-23T10:09:00.001-07:00

Starting a Business
If you already have a business or you want starting a business, Sta.rtUp.biz is the right place for you. The social networking site Sta.rtUp.biz has launched its service offering small business owners with a platform where they can socialize and network with fellow business practitioners. It is a place where you can get all necessary features like LinkedIn, MySpace, FaceBook, and CNNMoney. It is a great feature combination for a new business owner. The other social networking site is full of teens or spammers profile. So it is very difficult to find your business peers profile who can help you for starting or developing your business. Sta.rtUp.biz is an excellent place where all profiles are business related. The site is well designed for support an entrepreneurs. The site is full of resource and easy to use. This is the idle place for share others business experience and knowledge.

Free Search Engine Optimization
Everybody knows what the necessity of Search Engine Optimization is. It is not a subject for joke. For successful optimization business, site owners need to consult with experts. The Sta.rtUp.biz gives you the opportunity for Free Search Engine Optimization. This makes the Sta.rtUp.biz a unique social networking site for small business owners. Sta.rtUp.biz helps the members for improving their sites Google Rankings. Its offers all essential tips, techniques and advice for Search Engine Optimization. Sta.rtUp.biz supports the business owners by providing corporate lawyer who answer the business related legal questions. It's also has veteran serial entrepreneur who mentors business owners on all management and strategy. The forum has many good discussions for search engine optimization. For your own issue you can open a new discussion thread under appropriate category to get legal advice. It is also a free service.

Motivational Video Clips
Sta.rtUp.biz video section is excellent and resourceful. The Motivational Video Clips are very helpful for entrepreneurs. Here you can see the tips, techniques, problems, success story. It's have the power to motivate you to start a business. Sta.rtUp.biz also shows the headline from several top business magazines and journals like INC Magazine, Entrepreneur Magazine, BusinessWeek SmallBiz.

Site Specialty
Joining the Sta.rtUp.biz is easy, free and takes only half a minute. The site is simple, clean and well designed. Site navigation is very helpful. You can easily invite your friends from Yahoo Mail, Hotmail, GMail or AOL Mail.

Tutorial : Hold Output

2008-05-14T00:16:00.000-07:00

Coldfusion Tutorial : Hold Output

Description
A simple techniqe for hold coldfusion page output for a few time.

Example

holdoutput.cfm


   
<cfflush interval="1">

<cfset startTime=TimeFormat(Now(),"hh:mm:ss")>
<cfset stopTime=TimeFormat(DateAdd("s",30,startTime),"hh:mm:ss")>
<cfset endTime=TimeFormat(DateAdd("s",1,startTime),"hh:mm:ss")>

<cfoutput>Start Time : #startTime#</cfoutput><br/>
<hr/>
<cfloop condition=" startTime NEQ endTime">
 <cfset startTime=TimeFormat(Now(),"hh:mm:ss")>
 <cfif startTime EQ endTime>
  <cfoutput>Now Time : #endTime#</cfoutput><br/>
  <cfset endTime=TimeFormat(DateAdd("s",1,startTime),"hh:mm:ss")>
 </cfif>
 <cfif startTime GTE stopTime>
  <cfbreak>
 </cfif>
</cfloop>

Example Output

Tutorial : Slide Show

2008-05-12T22:11:00.001-07:00

Coldfusion Tutorial: Slide Show

Description
Just create a file slideshow.cfm and a image folder.You must enable the session in application page.

Example

slideshow.cfm page


   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="refresh" content="5"/>
<title>Slide Show</title>
</head>

<body>

 <cfset templatePath=GetBaseTemplatePath()>
 <cfset rootFolder=ListDeleteAt(templatePath,ListLen(templatePath,"/\"),"/\")>
 <cfset imageFolderPath="#rootFolder#\images">
 
 <cfdirectory action="list" directory="#imageFolderPath#" name="ImageList">
 <cfif Not IsDefined("session.Counter") OR session.Counter GTE ImageList.RecordCount>
  <cfset session.Counter=0>
 </cfif>
 <cfset session.Counter=session.Counter+1>
 <cfoutput><img src="#imageFolderPath#\#ImageList.name[session.Counter]#"/></cfoutput>
 
</body>
</html>

Example Output

Tutorial : User Login

2008-01-24T02:40:00.000-08:00

First create the application.cfm file in your root folder,then write this code.

Application.cfm


    <cfapplication name="cfcentral"
    sessionmanagement="true"
    sessiontimeout="#CreateTimeSpan(0,0,30,0)#"
    />
  <cfset application.dsname="suman">
  <cfset request.dsname="suman">
  <cfset session.profile=StructNew()>
 
 <cfif IsDefined("Form.logout")>
  <cflogout>
 </cfif>
 
 <cflogin>
  <cfif NOT IsDefined("cflogin")>
   <cfinclude template="loginform.cfm">
   <cfabort>
  <cfelse>
   <cfif cflogin.name IS "" OR cflogin.password IS "">
    <cfoutput>
  <h2>You must enter text in both the User Name and Password fields.     </h2>
    </cfoutput>
    <cfinclude template="loginform.cfm">
    <cfabort>
   <cfelse>
    <cfquery name="loginQuery" dataSource="#request.dsname#">
    SELECT AdminName, Role
    FROM admin
    WHERE
  AdminName = '#cflogin.name#'
  AND Password = '#cflogin.password#'
    </cfquery>
    <cfif loginQuery.Role NEQ "">
  <cfloginuser name="#cflogin.name#" Password = "#cflogin.password#"
   roles="#loginQuery.Role#">
    <cfelse>
  <cfoutput>
   <H2>Your login information is not valid.<br>
   Please Try again</H2>
  </cfoutput> 
  <cfinclude template="loginform.cfm">
  <cfabort>
    </cfif>
   </cfif> 
  </cfif>
 </cflogin>
 
 <cfif GetAuthUser() NEQ "">
  <cfoutput>
   <form action="#CGI.script_name#?#CGI.query_string#" method="Post">
    <input type="submit" Name="Logout" value="Logout">
   </form>
  </cfoutput>
 </cfif>

Second create loginform.cfm file in your root folder.

loginform.cfm


    Please Log In
 
 <cfoutput>
    <form name="LoginForm" action="#CGI.script_name#?#CGI.query_string#" method="Post">
    <table>
    <tr>
    <td>username:</td>
    <td><input type="text" name="j_userName"></td>
    </tr>
    <tr>
    <td>password:</td>
    <td><input type="password" name="j_password"></td>
    </tr>
    </table>
    <br>
    <input type="submit" value="Log In">
    </form>
 </cfoutput>

Craete a table name admin with AdminName,Password,Role field.

WOW its done

Tutorial : Pagination

2008-01-24T02:39:00.000-08:00

hi,
here i introduce pagination technique.this very simple and esay.
this examples first part i only shows how you can make a data show page
with pagination.lets done...

create a page with name pagination.cfm,here the code bellow

pagination.cfm


    <cfparam name="request.dsname" default="suman">
 <cfparam name="TableName" default="admin">
 <cfparam name="MaxRow" default="5">
 <cfparam name="url.PageNumber" default="1">
 
 <cfif NOT IsDefined("session.qSelectQuery") OR IsDefined("url.CreateNewSession")>
  <cfquery name="session.qSelectQuery" datasource="#request.dsname#">
   SELECT *
   FROM #TableName#
  </cfquery>
 </cfif>
 
 <cftable query="session.qSelectQuery" startrow="#((url.PageNumber*MaxRow)-MaxRow)+1#" maxrows="#MaxRow#" colheaders="yes">
  <cfloop list="#session.qSelectQuery.ColumnList#" index="Column">
    <cfcol text="#Evaluate(Column)#" header="#Column#">
  </cfloop>
 </cftable>
 
 <cfoutput>
  <cfloop from="1" to="#Ceiling(session.qSelectQuery.RecordCount/MaxRow)#" index="i">
    <a href="#CGI.SCRIPT_NAME#?PageNumber=#i#">#i#</a>
  </cfloop>
  .........page #url.PageNumber# of #Ceiling(session.qSelectQuery.RecordCount/MaxRow)#......
  <a href="#CGI.SCRIPT_NAME#?CreateNewSession">run the select query again</a>
 </cfoutput>

change the parameter as you need.then check with browser.
what you see...yes its done.

for reusable pagination technique read the second part.

Tutorial : Pagination (Function based)

2008-01-24T02:38:00.000-08:00

hi,
this is second part of pagination example.here i show pagination technique
that is reusable.at first i create a function for pagination then call it when need.
lets do the job.

create a page name pagination.cfm,code bellow.

pagination.cfm


    <cfoutput>#Pagination("Suman","admin")#</cfoutput>
 
 <cffunction name="Pagination" access="remote" returntype="any" output="yes">
  <cfargument name="dsname" required="yes">
  <cfargument name="TableName" required="yes">
  <cfargument name="MaxRow" default="10" required="no">
  
  <cfparam name="url.PageNumber" default="1">
  
  <cfif NOT IsDefined("session.qSelectQuery") OR IsDefined("url.CreateNewSession")>
   <cfquery name="session.qSelectQuery" datasource="#dsname#">
    SELECT *
    FROM #TableName#
   </cfquery>
  </cfif>
  
  <cftable query="session.qSelectQuery" startrow="#((url.PageNumber*MaxRow)-MaxRow)+1#" maxrows="#MaxRow#" colheaders="yes">
   <cfloop list="#session.qSelectQuery.ColumnList#" index="Column">
  <cfcol text="#Evaluate(Column)#" header="#Column#">
   </cfloop>
  </cftable>
  
  <cfoutput>
   <cfloop from="1" to="#Ceiling(session.qSelectQuery.RecordCount/MaxRow)#" index="i">
  <a href="#CGI.SCRIPT_NAME#?PageNumber=#i#">#i#</a>
   </cfloop>
   .........page #url.PageNumber# of #Ceiling(session.qSelectQuery.RecordCount/MaxRow)#......
   <a href="#CGI.SCRIPT_NAME#?CreateNewSession">run the select query again</a>
  </cfoutput>
 </cffunction>

the pagination function is done.you can use it in your page more than one
time without write huge code....

Tutorial : Pagination (Component based)

2008-01-24T02:37:00.001-08:00

hi,
this is the final part of pagination example.here i use object oriented coldfusion.
this create a pagination object which you can call anywhere in your application.

here you need to create to file named pagination.cfc and pagination.cfm
for simpler issue you should place the both file in a common folder.
the code goes bellow.

pagination.cfc


    <cfcomponent author="cfsuman@gmail.com">
  <cffunction name="Pagination" access="remote" returntype="any" output="yes">
   <cfargument name="dsname" required="yes">
   <cfargument name="TableName" required="yes">
   <cfargument name="MaxRow" default="10" required="no">
   
   <cfparam name="url.PageNumber" default="1">
   
   <cfif NOT IsDefined("session.qSelectQuery") OR IsDefined("url.CreateNewSession")>
    <cfquery name="session.qSelectQuery" datasource="#dsname#">
  SELECT *
  FROM #TableName#
    </cfquery>
   </cfif>
   
   <cftable query="session.qSelectQuery" startrow="#((url.PageNumber*MaxRow)-MaxRow)+1#" maxrows="#MaxRow#" colheaders="yes">
    <cfloop list="#session.qSelectQuery.ColumnList#" index="Column">
   <cfcol text="#Evaluate(Column)#" header="#Column#">
    </cfloop>
   </cftable>
   
   <cfoutput>
    <cfloop from="1" to="#Ceiling(session.qSelectQuery.RecordCount/MaxRow)#" index="i">
   <a href="#CGI.SCRIPT_NAME#?PageNumber=#i#">#i#</a>
    </cfloop>
    .........page #url.PageNumber# of #Ceiling(session.qSelectQuery.RecordCount/MaxRow)#......
    <a href="#CGI.SCRIPT_NAME#?CreateNewSession">run the select query again</a>
   </cfoutput>
  </cffunction>
 </cfcomponent>

pagination.cfm


    <cfscript>
  PaginationObject=Createobject("Component","pagination");
 </cfscript>
 
 <cfset PaginationObject.Pagination("suman","admin")>

hei now run the pagination.cfm file in your browser.
whats hapend?yes this call object oriented web programming.

Tutorial : Application code documentation

2008-01-24T02:35:00.000-08:00


Note: very recent i found little bug in this tutorial.
Soon i will fix it.
If you want then you may fix it.
This a challange for you...


hi,
here i show a object oriented technique for documented your code.
when you build your site then you may want a pdf file here you can get all of your code.for this purpose you can try it.

for this create two file in your application root folder named codedocumentation.cfc and codedocumentation.cfm,here the both file code.

codedocumentation.cfc


    <cfcomponent hint="Create Code Documentation" output="yes">
 
  <cffunction name="GetApplicationMap" access="remote" returntype="array">
 
   <cfargument name="SiteRootDirectory" type="string" required="yes">  
   <cfargument name="OutputFileFormat" type="string" required="yes">    
  
   <cfset FolderExploreStatus=0>
 
   <!--- Create a Array for hold all  Files List--->  
   <cfset FileArray=Arraynew(2)>
 
   <!---Root Directory's Contents--->
   <cfdirectory action="list"
    directory="#arguments.SiteRootDirectory#"
    name="ParentDirectory"
    >
 
   <!---Root Directory's Directory--->
   <cfquery name="DirectoryList" dbtype="query">
    SELECT *
    FROM ParentDirectory
    WHERE TYPE='Dir'
   </cfquery>
   
   <!---List of all Folder Path--->
   <cfset FolderPathArray=Arraynew(1)>
   <cfset TempFolderPathArray=ArrayAppend(FolderPathArray,arguments.SiteRootDirectory)>
   <!---<cfdump var="#FolderPathArray#"><br/>--->
   
 
   <!--- Create a Array for hold  Folder List--->  
   <cfset FolderArray=ArrayNew(2)>
 
   <cfset FolderCounter=1>
   <cfloop query="DirectoryList">
    <cfset FolderArray[FolderCounter][1]=DIRECTORY>
    <cfset FolderArray[FolderCounter][2]=NAME>
    
    <cfset FolderPath="#DIRECTORY#\#NAME#\">
    <!---<cfdump var="#FolderPath#"><br/>--->
    <cfset TempFolderPathArray=ArrayAppend(FolderPathArray,FolderPath)>
    <cfset FolderCounter=FolderCounter+1>
   </cfloop>
 
   <cfset FolderNumber=ArrayLen(FolderArray)>
  
   <cfif FolderNumber GT 0>
    <cfloop condition=" FolderExploreStatus EQ 0 ">
  <cfset CurrentFolderDirectory=FolderArray[1][1]>
  <cfset CurrentFolderName=FolderArray[1][2]>
  
  <cfset CurrentFolderPath="#CurrentFolderDirectory#\#CurrentFolderName#\">
  
  <!--- List the Current directory's Directory--->  
  <cfdirectory
   action="list"
   name="ChildDirectory"
   directory="#CurrentFolderPath#"
   > 
 
  <!--- List the Current directory's Directory--->  
  <cfquery name="ChildDirectoryList" dbtype="query">    
   SELECT *
   FROM ChildDirectory
   WHERE TYPE='Dir'
  </cfquery>
    
  <cfset TempFolderArrayDelete=ArrayDeleteAt(FolderArray,1)>
    
  <cfset FolderCounter=ArrayLen(FolderArray)>
  <cfset FolderCounter=FolderCounter+1>
   
  <cfloop query="ChildDirectoryList">
   <cfset FolderArray[FolderCounter][1]=DIRECTORY>
   <cfset FolderArray[FolderCounter][2]=NAME>  
   
   <cfset FolderPath="#DIRECTORY#\#NAME#\">
   <!---<cfdump var="#FolderPath#"><br/>--->
   <cfset TempFolderPathArray=ArrayAppend(FolderPathArray,FolderPath)>
   <cfset FolderCounter=FolderCounter+1>
  </cfloop>
 
  <cfset FolderNumber=ArrayLen(FolderArray)>
  <cfif FolderNumber LT 1>
   <cfset FolderExploreStatus=1>
  </cfif>
  
    </cfloop>
   </cfif>
   
   <!---Now we find final folder path array--->
   
   <cfset TotalFolder=ArrayLen(FolderPathArray)>
   
   <cfloop from="1" to="#TotalFolder#" index="index">
   
    <!---<cfoutput>#FolderPathArray[index]#</cfoutput><br/>--->
    <!---Root Directory's .cfm FileList--->
    <cfdirectory action="list"
   filter="*.cfm"
  directory="#FolderPathArray[index]#"
  name="CFMFileList"
  >
  
    <!---Root Directory's .cfml FileList--->
    <cfdirectory action="list"
   filter="*.cfml"
  directory="#FolderPathArray[index]#"
  name="CFMLFileList"
  >
  
    <!---Root Directory's .cfc FileList--->
    <cfdirectory action="list"
   filter="*.cfc"
  directory="#FolderPathArray[index]#"
  name="CFCFileList"
  >
  
    <!---Root Directory's .htm FileList--->
    <cfdirectory action="list"
   filter="*.htm"
  directory="#FolderPathArray[index]#"
  name="HTMFileList"
  >
  
    <!---Root Directory's .html FileList--->
    <cfdirectory action="list"
   filter="*.html"
  directory="#FolderPathArray[index]#"
  name="HTMLFileList"
  >
  
    <!---Root Directory's .css FileList--->
    <cfdirectory action="list"
   filter="*.css"
  directory="#FolderPathArray[index]#"
  name="CSSFileList"
  >
  
    <!---Root Directory's .js FileList--->   
    <cfdirectory action="list"
   filter="*.js"
  directory="#FolderPathArray[index]#"
  name="JSFileList"
  >
  
    <!---Root Directory's All FileList--->  
    <cfquery name="FileList" dbtype="query">
  SELECT *
  FROM CFMFileList
  UNION
  
  SELECT *
  FROM CFMLFileList
  UNION
  
  SELECT *
  FROM CFCFileList
  UNION
  
  SELECT *
  FROM HTMFileList
  UNION
  
  SELECT *
  FROM HTMLFileList
  UNION
  
  SELECT *
  FROM CSSFileList
  UNION
  
  SELECT *
  FROM JSFileList
    </cfquery>
  
    <cfset FileCounter=ArrayLen(FileArray)>
    <cfif FileCounter EQ 0>
  <cfset FileCounter=1>
    </cfif>
    <cfloop query="FileList">
   <cfset FileArray[FileCounter][1]=NAME>
   <cfset FilePath="#DIRECTORY#\#NAME#">
   <cfset FileArray[FileCounter][2]=FilePath>
   
  <cfset FileCounter=FileCounter+1>
    </cfloop>
   
   </cfloop>
   
   <!---Now we find final file array--->
   <cfdump var="#FileArray#">
   
   <cfset TotalFile=ArrayLen(FileArray)>
   
   <cfif TotalFile GT 0>
    <cfdocument format="#arguments.OutputFileFormat#">
  <cfdocumentsection>
   <cfdocumentitem type="footer">
    <font size="-3">Page #cfdocument.currentpagenumber#</font>
   </cfdocumentitem>
     
   <cfloop from="1" to="#TotalFile#" index="position">
 
    <cfdocumentitem type="header">
     <cfoutput>
   <font size="-3">
    <i>
     Code Documentation
    </i>
   </font>
     </cfoutput>
    </cfdocumentitem>
 
    <cffile
     action="read"
     file="#FileArray[position][2]#"
     variable="FileCode"
     >
    <cfoutput>
     <h3>
   <i>
    #FileArray[position][2]#
   </i>
     </h3>
     <br/>
 
     <h2>
   #FileArray[position][1]#
     </h2>
    </cfoutput>
    <br/>
    
    <cfoutput>
     #HTMLCodeFormat(wrap(FileCode,75))#
    </cfoutput>
   </cfloop>
    </cfdocumentsection>
    </cfdocument> 
   </cfif>
 
   <cfreturn FolderPathArray>
  </cffunction>
 </cfcomponent>

codedocumentation.cfm


    <cfset ApplicationRootpath=ExpandPath(".")>
 
 <cfif IsDefined("Form.GetMap")>
  <cfscript>
   ApplicationMapObject=CreateObject("Component","codedocumentation");
  </cfscript>
  <cfset ApplicationMapObject.GetApplicationMap(Form.ApplicationRootpath,Form.FileFormat)>
 </cfif>
 
 <div align="center">
  <cfform name="FileFormatForm" action="#CGI.SCRIPT_NAME#" method="post" target="_blank">
   <cfselect name="FileFormat" label="Output Format">
    <option value="pdf">PDF</option>
    <option value="flashpaper">Flash Paper</option>
   </cfselect>
   <cfinput type="hidden" name="ApplicationRootpath" value="#ApplicationRootpath#">
   <cfinput type="submit" name="GetMap" value="Get Application Map">
  </cfform>
 
 
 </div>

hei..
now run the codedocumentation.cfm file in your browser.
submit the form.
what you see...?
yes its object oriented web programming.

Tutorial : cfsavecontent

2008-01-24T02:28:00.000-08:00

Copy the below code and paste your editor.Before it you
need two table one tblCountry  with CountryID,CountryName
Column And another tblCounty with CountyID,CountryID,
CountyName Column.Edit code if needed.

<cfquery name="qCountry" datasource="#DataSourceName#">
SELECT * FROM tblCountry
</cfquery>


<cfquery name="qCounty" datasource="#DataSourceName#">
SELECT     CountyID, CountryID,CountyName
FROM         tblCounty
</cfquery>


<cfsavecontent variable="CountyList">

var CountyName = [];

var SelectedCountry=Country.selectedItem.data;


<cfoutput query="qCounty">

var CountryID=#CountryID#;

if (CountryID == SelectedCountry)

{

var AddCounty = {label:'#CountyName#', data:#CountyID#};

CountyName.push(AddCounty);

}

</cfoutput>



County.dataProvider = CountyName;

</cfsavecontent>


<div align="center">
<cfform format="flash" width="300" height="200">

<cfformgroup type="panel" label="Select Country and County">

<cfselect label="Country" name="Country" query="qCountry" value="CountryID" display="CountryName" required="yes" onchange="#CountyList#">

</cfselect>

<cfselect name="County" label="County">

Select

</cfselect>

</cfformgroup>

</cfform>
</div>