Google chart is a powerful graphic chart library to build HTML or SVG chart dynamically. Several days ago, I got a project to build a 4 dimension chart with Google Chart. The project requires to build a combo dual-Y axis chart with 2 stacked columns and 1 line. In Google char help page, there are some example to explain how to build stacked column chart, line chart, dual-Y axis chart, or combo chart. But there is no example to show you how to build such complicated chart which has dual-Y axis, stacked columns and line at the same time. After several hours research and test, I successfully got it working with Google Chart library. I guess it could be very helpful if I post the source code here.
Read more
PayPal Digital Goods Express Checkout C# Library
PayPal express checkout is a great way to integrate payment system in .net website. It enables us to sell our digital products much easier. Though PayPal provide a SDK for .net platform, it is too complicate to use. Hence, I decide to write a simple PayPal digital goods express checkout library in C#. Before I start to introduce my PayPal express checkout library for C#, you’d better to know how PayPal express checkout works. If you are not familiar with PayPal express checkout, you can check this:
Integrate PayPal Digital Goods Express Checkout Into PHP Website
I will create this PayPal express checkout c# example in Visual Studio 2010. In the example, I will create a simple sale page and put a buy button on this page. When you click the buy button, it will popup a window to let you make payment. After purchase successfully, it will show an download link in the popup window. When you integrate this payment system in your .net website, it will make your digital products sales simple and fast. Your customers can get what they purchased immediately once they make the payment. Here are some screenshot.
Read more
Bootstrap Style Lightbox Ajax Form
To improve your website user experience, you may consider about to combine several popular website toolkit together. In one of my project, I decide to use Twitter bootstrap and Lightbox to implement Ajax login form, register form and contact us form. All these Ajax forms will have lightbox popup style and bootstrap style. So I build the Bootstrap style Lightbox Ajax Form Pack, which includes Ajax login form, Ajax register form, Ajax contact us form. All are using JQuery Ajax to POST data to server.
Read more
6 Favorite Loading AJAX Spinner Animation
In this article, I will introduce 6 favorite ajax html spinner animations. You can download the best free AJAX spinner you like and use it in your own html website. Here are two types of animations available, gif animation and sprite sheet animation.
- GIF animation is the most common animation used in html page, but you cannot control or interact with GIF animation.
- Sprite sheet animation is a classic animation in game industry. You can control it by javascript and animate the loading progress as well. You can also create your own images and use them as loading spinner animation by replacing the image I used in sprite sheet animation. See HTML5 Ajax Loading Spinner
4 Ways to Show Loading Spinner in HTML Page
These days I am working on a new project, which will use Ajax to update the HTML pages. Because of the latency of internet, it may take 0.1s to 10s to response an Ajax calling and refreshing the HTML page. Hence, we have to show something like loading spinner duration this time. To give a great user experience, our designer provides several fancy loading spinners and some of these loading animation are even hard to be implemented by normal html and css. I have tried several ways to show these loading spinner in HTML page.
