Here is my first web-based project for my company. Our target is for customer who want to register Patient thru online. This project is based for iPad but it can work either on Android based tablet. For this project, I've used jQueryMobile framework, Coldfusion 9 and Oracle 11g. For jQueryMobile part, I've created our own customize theme for this project and added some JS coding into jQueryMobile existing scripts. Just example: my boss want me to highlight which field has been filled up by users and need to categorize for mandatory field. As you know, it's difficult to change or add some JS coding into their existing core JS file because we need to know the flow of existing JS coding. Likewise, what we add or change JS coding will impact the whole existing JS coding. I took 2 days to study the whole existing JS coding but it's not enough time honestly for it.

Below is some of my change logs into jQueryMobile existing JS coding for this project.

[More]

This entry was posted on July 22, 2011 at 6:28 PM and has received 1684 views. There are currently 0 comments. Print this entry.

Today what I've successfully done is I can change the color of default selected value in select box with jQueryMobile. Frankly, this feature is missing in jQueryMobile because nobody can obviously know whether any value is selected in select box or not. Because they missed out to let users know about it. That's why I need to add the customize function of myself.

First of all, we need to search the following coding in jquerymobile javascript.

Then, we need to add the following customize coding after that,

[More]

This entry was posted on May 23, 2011 at 1:23 AM and has received 2395 views. There are currently 0 comments. Print this entry.

Today, I'm very happy that I can change jQueryMobile select Box active style color in iPad safari. Because, current active style ".ui-btn-active" is 100% working for other inputs like text, radio and checkbox but for select box, it doesn't completely work in iPad safari. My boss told me that I need to change all of active input color to "dark blue" instead of default color. That's why I need to change and already played in existing jQueryMobile stylesheet file. But it doesn't work at all. That's why I think I need to hack jQueryMobile existing javascript. After 30 minutes, I found that there are three places I need to change in jQueryMobile existing stylesheet.

The first part is I need to add new class name for active select box in stylesheet.

[More]

This entry was posted on May 19, 2011 at 10:41 PM and has received 3851 views. There are currently 0 comments. Print this entry.

As I mentioned in my older posts, I'm really on web-based mobile tablet project for our existing project. Honestly, this web-based mobile tablet project is our first mobile project for our company. That's why all of requirements are so high and trying to got impressive from our clients. Among them, they urged me to create square shape button in jQueryMobile instead of existing them. As we all know, the existing stylesheet coding of jQueryMobile is very unit, thick and complex and if you change something in it, the impact will be so high. That's why I don't want to change anything in it except theme creating but they want square shape so no choice.

So, I've changed the following coding like that.

After changing it so and rendered it, I've got the odd outcome. Please see the image. Because it changes to all of input like drop down, checkbox and radio.

[More]

This entry was posted on May 17, 2011 at 2:45 AM and has received 4458 views. There are currently 0 comments. Print this entry.

In these days, I'm on developing web based Mobile Tablet project for especially iPad. That's why I need more information about iPad such as framework, template and Design for coming out nice GUI design. For actually development, I've used jQueryMobile of course because it's kinda flexiable and reliable. But I gotta know which other else framework and template are avaliable for web mobile development. For that case, I've found this website http://webdesignledger.com has a lot of information for iPhone and iPad development articles. Among them, I'd love to read the following three articles for iPad development.

http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development

http://webdesignledger.com/tools/10-best-ipad-apps-for-web-designers

http://webdesignledger.com/inspiration/30-inspiring-ipad-app-websites

Hope above three articles will be useful for someone who is trying to implement Web Tablet Development like me.

This entry was posted on May 11, 2011 at 6:15 PM and has received 1822 views. There are currently 0 comments. Print this entry.

Currently, I'm on web based mobile project for our current project. That's why I've developed this project with jQueryMobile framework because it's very simple and reliable to use for developers like us. In jQueryMobile, almost features are cool like calendar plugin, date plugin, etc. For me, keypad plugin is missing and I feel isn't not urgently needed because we can use mobile phone keypad as well. Unfortunately, my senior urged me to add KeyPad feature in our project. That's why I'm about to develop it by my own.

First of all, I need to write following coding in index.cfm.

[More]

This entry was posted on May 9, 2011 at 9:46 PM and has received 5093 views. There are currently 2 comments. Print this entry.

Currently, I'm on web based mobile project by using jQueryMobile framework. As I already mentioned in my previous posts, jQueryMobile is really awesome and very simple to develop web based mobile project for even user-level developers. But, we cannot easily change the built-in theme of their existing style. Because all of infrastructure of existing styles are transformed by javascript coding of jQuery and styling with CSS a little after.

Today, I was on trouble about the width and display style of select box in jQueryMobile. Oddly, the width is neither 100% nor 50% and seems display style is Block type. That's why I cannot put horizontally two select boxes within in the same DIV. That's why I feel I need to change any coding in stylesheet of jQueryMobile. So open jQueryMobile stylesheet and changed the following two coding for the sake of my project.

[More]

This entry was posted on May 6, 2011 at 7:02 AM and has received 12620 views. There are currently 1 comments. Print this entry.

Yesterday I've added mobile version on/off feature in my blog with jQueryMobile. As we know, this mobile version on/off feature is already in BlogCFC. For my side, just put jQueryMobile button and add simple javascript.

Here is my change log in index.cfm file of BlogCFC mobile folder.

[More]

This entry was posted on March 30, 2011 at 11:16 PM and has received 2343 views. There are currently 1 comments. Print this entry.

I've wrote how to integrate blogCFC into jQuerymobile. Honestly, it's just simple integration and don't have pagination features and comments at that time. Because it's my testing purpose and just want to play jQueryMobile. Now, it's time for me to add pagination feature in blogCFC with jQueryMobile. For about that, we need to add some codings in index.cfm and completely don't need to include posts.cfm from index.cfm of blogCFC mobile folder. Because I just took some coding reference from existing mobile version of blogCFC.

First of all, we need to declare following two parameters in index.cfm.

After that, we need to replace the following coding from existing "posts.cfm" instead of "including=posts.cfm". In this point, I've changed some codes and add any needed function into it.

[More]

This entry was posted on March 18, 2011 at 3:25 AM and has received 3148 views. There are currently 0 comments. Print this entry. Download attachment.

Yesterday I've upgraded my blogCFC mobile version to jQueryMobile. Currently, blogCFC use jQtouch as their mobile version. Once I saw jQueryMobile, I want to upgrade and test it at my site. Installation jQueryMobile is kinda simple.

First of all, we need to include following stylesheet and JS file into our CFM page.

After that, we need to change a bit of blogCFC mobile version index file like that.

[More]

This entry was posted on January 9, 2011 at 6:37 PM and has received 2192 views. There are currently 7 comments. Print this entry.