Share Coding

Tutorials, Problems, Stuffs …

Category Archives: HTML

jQuery scroll to top not working

var $container = $('html, body, .divProductList');	

        scrollTop : 0
    }, 300);
    return false;

The magic is in the $container selector. Put your list, html, body into the target.


Div has equal width and space

Example: three or two span share the equal space in a row. (inline-block)


Read more of this post

Custom Scroll bar like Facebook by using JQuery Plugin

Click here for Demo

To make a scrollbar like that, you will need jQuery, jQuery UI and SlimScroll:

1. Import the jQuery, jQuery UI library and SlimScroll plugin

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>

Read more of this post

Create a jQuery + PHP Webpage Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" >

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Simple jQuery Template</title>

<!-- (jQuery & jQuery UI) SCRIPT and CSS -->
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<link type="text/css" href="" rel="Stylesheet" />

* {

$ = function() {
	this.css('position', 'absolute');
	this.css('left', '50%');
	this.css('top', '50%');
	this.css('margin-left', -this.width() / 2 + 'px');
	this.css('margin-top', -this.height() / 2 + 'px');
	return this;
	$("#btnTest").button().center().click(function() {
		alert("Simple jQuery Layout");


<body style="font-family:微軟正黑體, 微软雅黑, Tahoma, Geneva, sans-serif; font-size:12px;overflow-x: hidden">

	<?php echo '<input id="btnTest" type="button" value="Test" />'; ?>


Use Paypal as a payment gateway

1. Register as a business account on Paypal.

2. Make a Paypal payment HTML form.

<form method="post" name="paypal_form" action=""> 
    <input type="hidden" name="business" value="" /> <!-- Registered business account -->
    <input type="hidden" name="cmd" value="_xclick" />
    <input type="hidden" name="return" value="http://server/return.php" /> <!-- Client will redirect into this URL after payment is done -->
    <input type="hidden" name="notify_url" value="http://server/success.php" > <!-- Paypal server will access to this URL when payment is done -->
    <input type="hidden" name="rm" value="2" />
    <input type="hidden" name="currency_code" value="HKD" /> <!-- Currency -->
    <input type="hidden" name="lc" value="HK" /> <!-- Location -->
    <input type="hidden" name="bn" value="toolkit-php" />
    <input type="hidden" name="cbt" value="Continue" />
    <!-- Payment Page Information -->
    <input type="hidden" name="no_shipping" value="1" />
    <input type="hidden" name="no_note" value="1" />
    <input type="hidden" name="cn" value="Comments" />

    <!-- Product Information -->
    <input type="hidden" name="item_name" value="Produce 1" /> <!-- Product Name -->
    <input type="hidden" name="amount" value="100" /> <!-- Price of the product -->
    <input type="hidden" name="quantity" value="1" /> <!-- Quantity of the product -->