Kinky File Explorer - ColdFusion And jQuery Based File Explorer

Posted October 16, 2007 at 6:17 PM

Tags: ColdFusion, Javascript / DHTML

As a precursor to my Project Huge: Exercise List project (in which I will learn me some Object Oriented Programming goodness), I have very quickly revamped my ColdFusion and jQuery File Explorer and turned it into a new project. The Kinky File Explorer will provide me with a way to let you (the users) view my project code base in a read-only manner. The Kinky File Explorer locks you into a hard coded directory so that you cannot abuse the system to view proprietary files.

Here is a screen shot of what it looks like (easily skinable):


 
 
 

 
Kinky File Explorer - ColdFusion And jQuery File Explorer  
 
 
 

You can view the project details here. I did this in a hurry because I really want to start the Exercise List project; as such, I didn't want to waste to much time on the initial file viewer effort. And so, it's a bit rough around the edges. More updates to come.

NOTE: This is NOT a file management system.

Comments (11)  |  Post Comment  |  Ask Ben  |  Permalink  |  Other Searches  |  Print Page



Adobe ColdFusion 8.0.1 Update - Helping Programmers To Be Signifanctly Less Girlie - Download ColdFusion 8 Update 8.0.1 Now.

Reader Comments

Kick ass! Looks pretty nice dude. I'll be taking advantage of it.

Posted by Boyan on Oct 16, 2007 at 9:02 PM


@Boyan,

Thanks dude. Right now the code just gets loaded into a PRE tag. However, it might be worth looking into loading it into TextArea and using one of the code highlighting programs that's already out there. Maybe it's time I really look into the custom brushes that you have been working on :)

Posted by Ben Nadel on Oct 17, 2007 at 7:08 AM


Nice, for Image types you could simply display the image, but i am sure you already thought about it :)

Posted by Thomas on Oct 17, 2007 at 8:23 AM


@Thomas,

I think definitely for the next update, it will do that. The initial effort was just quick and dirty.

Posted by Ben Nadel on Oct 17, 2007 at 8:30 AM


Ben, that's a great idea. I think you should definitely use the code highlighting brush. It's as simple as adding a name="code"and class="cf" to your pre tags!

Posted by Boyan on Oct 17, 2007 at 9:24 AM


Cool. I will look into it. I guess I could use different brushes based on the file extension and set the PRE class dynamically.

Posted by Ben Nadel on Oct 17, 2007 at 9:42 AM


Really liking the file explorer. My only issue is that the div that holds the content does not reset to the top of the page each time I click on a new file. Not a huge deal, but when I click on a new file, I would usually prefer to start at the top of the page :)

Posted by Gareth on Nov 1, 2007 at 2:06 PM


@Gareth,

Thanks for pointing that out. I never even thought of that; usually, I just click around to see that things work, I never really scrolled down all that much. This should be easy to fix.

Posted by Ben Nadel on Nov 2, 2007 at 7:24 AM


@Gareth,

I know it took a while to get to, but issue you pointed out has been fixed :)

Posted by Ben Nadel on Nov 20, 2007 at 8:46 AM


*Finally*...it's not like you've been learning OOP and OOP data validation or anything crazy like that :)

Posted by Gareth on Nov 20, 2007 at 10:33 AM


@Gareth,

Better late than never :)

Posted by Ben Nadel on Nov 20, 2007 at 10:38 AM


Post Comment  |  Ask Ben


Home   |   Web Log   |   ColdFusion   |   Projects   |   Resume   |   Job Form   |   Search   |   Contact
Epicenter Consulting - Custom Software Solutions for Business Evolution HostMySite.com - The Leader In ColdFusion Hosting