Cfwindow

I’ve read some good information from www.coldfusionjedi.com. I found that’s just like jQuery Dialog box. It has a lot of built-in functions like draggable, resizeable and so on. I’m now testing on it. That’s why I don’t have much of explanation about cfwindow. Check it out for example from

 

http://www.coldfusionjedi.com/index.cfm/2007/6/20/ColdFusion-8-AJAX-UI-Windows

 

JQuery Plugin on Facebook

I was speechless once I saw this plugin group at facebook. It’s really cool and useful for developers who wanna enhance their websites.

http://www.facebook.com/jqueryplugins

jQuery Nicely Combo

I’ve got to create nicely combox for my client. In first thought, I want to do with stylesheet. But, I can only change font-family, color, background and border. If I do so, they won’t like because it’s flat and changed colors. That’s why I decided to create with jQuery. After few moment, it has been finished.

http://ppshein.freehostia.com/combox/example.htm (Mirror 1)

http://pyaephyoeshein.freehostia.com/combox/example.htm (Mirror 2)

If you wanna use jQuery, you must know a little bit of javascript at least.

Trade Data Reporting Systems

Trade Data

Trade data, one of my reporting systems project make me proud. Because I could do what I want to use cool tools in this project. I’ve added Graph features and temp tables of CFMX7. Our client can view monthly reports, yearly report, comparison reports, by commodity reports, badget year reports, by country reports of Export and Import product. It’s very good project for our client who is runing as Stock control Systems.

Systems :

CFMX7, SQL 2005, Ajax and javascript.

Upload jQuery, Flash & PHP

I’ve found one website shows Upload jQuery, flash & PHP.

http://www.uploadify.com/demo/

Upload files with jQuery, Ajax and PHP.

In these days jQuery and Ajax are so popular in web development. One of my clients told me that, they want to upload multiple files without clicking button. That’s why I have had an idea to integrate jQuery, Ajax and PHP.

Download jQuery Here

Download ajax jQuery plugin

Create Upload Button like

<div id="upload_button">Upload</div>

Write following simple coding in your upload form

// You must create it only after the DOM is ready for manipulations
// Use $(document).ready for jquery
// document.observe("dom:loaded" for prototype
new AjaxUpload('upload_button_id', {action: 'upload.php'});

Configure at Ajax Upload

new AjaxUpload('#upload_button_id', {
  // Location of the server-side upload script
  action: 'upload.php',
  // File upload name
  name: 'userfile',
  // Additional data to send
  data: {
    example_key1 : 'example_value',
    example_key2 : 'example_value2'
  },
  // Submit file after selection
  autoSubmit: true,
  // The type of data that you're expecting back from the server.
  // Html (text) and xml are detected automatically.
  // Only useful when you are using json data as a response.
  // Set to "json" in that case.
  responseType: false,
  // Fired after the file is selected
  // Useful when autoSubmit is disabled
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onChange: function(file, extension){},
  // Fired before the file is uploaded
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onSubmit: function(file, extension) {},
  // Fired when file upload is completed
  // WARNING! DO NOT USE "FALSE" STRING AS A RESPONSE!
  // @param file basename of uploaded file
  // @param response server response
  onComplete: function(file, response) {}
});

Add following coding in your upload form

//You can use these methods, to configure AJAX Upload later.
var upload = new AjaxUpload(‘#div_id’,{action: ‘upload.php’});
//For example when user selects something, set some data
upload.setData({‘example_key’: ‘value’});

//Or you can use these methods directly inside event function
new AjaxUpload(‘div_id’, {
action: ‘upload.php’,
onSubmit: function() {
// allow only 1 upload
this.disable();
}
});
});

Here is server-side script, upload.php

move_uploaded_file($_FILES["file"]["tmp_name"],
“upload/” . $_FILES["file"]["name"]);

Best Credit To : http://valums.com/ajax-upload

jQuery

I start learning jQuery which is kinda popular among Web Developer, cos of which is easy to implement, less of coding and more secure than ordinary javascript. But, the style of programming, it’s always updated by programmers and you gotta catch which has been changed in it.

If you wanna learn more, http://docs.jquery.com.

jQuery

I’m now learning jQuery, which is powerful toolkit for Developer. It’s easy to use, and don’t need to write long javascript statement in our coding. You can also learn about jQuery there.

jQuery