This is the updated version of my previous ColdFusion file manager application for TinyMCE 3. This let users browse through a folder in the server, select images, documents, files, media and insert them into the editing document. Users can also upload new files, create folders. FileManager automatically create thumbnails of two different sizes if the user uploads a large image, making it easier to add thumbnail images to documents without resizing upfront.Set up:This is quite simple. (more..)

Here are my links attached to a bootstrap popover, they are USPS tracking numbers. When these been clicked on, I want to display USPS tracking information in the popover box.  Loading content though Ajax Call: Do not update the popover content after it is been loaded, instead whenever possible load popover box when the content is ready from your Ajax call. Here is a comparison. (more..)

When I was new to programming, "regular expressions" is something that intimidated me for quite some time. All those squiggly lines, slashes, and brackets made me fallen in love with it. It was lengthy and comprehensive regular expression tutorials that scared me. Regular expressions are like Italian cooking. You start with a few essential ingredients, but you can mix them up in a correct order to create a complex dish. (more..)

In the latest version of TeaPot blog application I added an complete file manager function to the TinyMCE interface. Here I tried to pull that function out as an individual module so we can use it on other things. Previously I wrote ImageManager for TinyMCE/CKEditor which is quite simple and straight forward, but this version is bit more comprehensive.  This File Manager help you browse through user's files, upload new files, create folders and keep them organized. (more..)

I been working on mobile version for the TeaPot blog application this weekend and realized I'm in a need of a mobile image gallery interface to go with the in-build TeaPot image gallery function. There are few good mobile Image gallery functions out there but I'm terribly infected with the habit of enjoy coding, so I created another one. I don't think one extra JQuery Mobile Image Gallery would do any harm to the humanity. (more..)

Before I found JQuery or JQuery found me and fall in internal blissful love, I wrote an autosuggest dropdown function which I have been using for years. It took almost a week to write and stretch as far as my house to Minnesota. Recently I caught in a habit of simplifying my old pure JavaScript function to JQuery and this function caught me today. After around 20 lines of JavaScript and couple of hours of testing and tweaking this starts to work better than my original function. (more..)

Lazyload or on-demand loading is a nice way to save some bandwidth and  server load by requesting content at the end of the page only when the user scroll down to that area. If you scroll down Amazon product pages, you will notice lot of content starts to load on Ajax calls only when those areas come in to view. This post is not about how to make an Ajax call, but about when to make the call. At the bottom of my page, I have a DIV call “more”. (more..)

I use JQuery on everything, on my coffee, on my bread and even to fix IE. I was posting FCBKcomplete ColdFusion wrapper few hours ago and I notice my code coloring box acting really wired inside IE. FireFox fine. Chrome is beautiful. I use max-height:500px; overflow:auto; white-space:nowrap; and all I wanted was, if my code box contents height is more than 500px, then display the scroll bar, if not, just dont do anything to my height. But it is absolutely too much for IE. (more..)

FCBKcomplete is a JQuery based facebook-like AJAX capable auto complete input filed and it’s beautiful. Click here for the demo page. Click here to download. Emposha, the brilliant dude behind this neat piece of coding releases regular updates. So make sure to download the latest version. (more..)

There are about 25,900 TextArea Maximum Length functions out there, Google said. I searched for a simple function that work on typing (Key Press) and on Copy and Paste, and able to use across the site without calling from each textarea. After few minutes of Googaling, I did not find any that fit my requirements, so here I put together a simple function You need JQuery to run this. (Download Here). (more..)