Kinky File Explorer - ColdFusion And jQuery Based File Explorer

Posted October 16, 2007 at 6:17 PM by Ben Nadel

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.



Reader Comments

Oct 16, 2007 at 9:02 PM // reply »
95 Comments

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


Oct 17, 2007 at 7:08 AM // reply »
10,640 Comments

@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 :)


Oct 17, 2007 at 8:23 AM // reply »
9 Comments

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


Oct 17, 2007 at 8:30 AM // reply »
10,640 Comments

@Thomas,

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


Oct 17, 2007 at 9:24 AM // reply »
95 Comments

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!


Oct 17, 2007 at 9:42 AM // reply »
10,640 Comments

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


Nov 1, 2007 at 2:06 PM // reply »
110 Comments

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 :)


Nov 2, 2007 at 7:24 AM // reply »
10,640 Comments

@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.


Nov 20, 2007 at 8:46 AM // reply »
10,640 Comments

@Gareth,

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


Nov 20, 2007 at 10:33 AM // reply »
110 Comments

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


Nov 20, 2007 at 10:38 AM // reply »
10,640 Comments

@Gareth,

Better late than never :)


Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »
Feb 9, 2012 at 10:29 PM
Learning ColdFusion 9: Application-Specific Data Sources
@Ben, No offence, but if people were really wanting advanced features they would be using a platform like ASP.NET MVC. CFML is so structurally compromised as a tag-based scripting language that ... read »
Feb 9, 2012 at 10:03 PM
Subversion - Cleanup Failed To Process The Following Paths
@Leviaguirre, do you still have problems with this? ... read »