BLOG THIẾT KẾ WEB

Những website siêu giúp ích

duc-th4nh — Sun, 09 May 2010 14:54:31 +0000

Đây là những website phục vụ cực kỳ đắc lực cho bạn nhưng lại ít được biết tới. Chúng đủ tốt đến mức bạn sẽ phải tự hỏi mình đã sống như thế nào trước khi sử dụng chúng.

Hàng ngày, cuộc sống web của bạn chịu sự thống trị của một số ít những tên tuổi lớn như Google, Yahoo, Microsoft, YouTube. Nhưng cùng lúc đó, mạng Web tiếp tục chào đón một dòng chảy website và dịch vụ mới không ngừng nghỉ, với độ hữu ích đáng kinh ngạc.

Dưới đây là những website tiêu biểu nhất:

- GenBook: Cho phép các khách hàng sắp xếp lịch hẹn với công ty của bạn.

- JobSpice: Giúp bạn tạo ra những bản CV và tóm tắt công việc trực tuyến đầy hấp dẫn.

- Phonebooth: Cung cấp các dịch vụ điện thoại.

- Zoho: Cung cấp đủ loại ứng dụng đám mây.

- FaxZero: Giúp bạn gửi đi các bản fax hoàn toàn miễn phí, vì chúng được hỗ trợ bằng quảng cáo.

- Meebo: Một trang web cho phép bạn kết nối cùng lúc với nhiều dịch vụ IM khác nhau.

- Tatango: Cho phép bạn phân phối tin nhắn tới nhiều nhóm nhỏ khác nhau.

- Nutrition Data: Liệt kê các món ăn tại nhà hàng và trong công thức nấu nướng.

- Dropbox: Cho bạn dung lượng lưu trữ miễn phí 2GB trên mạng, đồng thời hỗ trợ đồng bộ hoá file.

- Humyo: Cung cấp ổ cứng ảo miễn phí dung lượng 10 GB.

- Live Mesh: Đồng bộ hoá file và cho phép bạn truy cập file từ xa.

- Qik: Truyền video trực tiếp từ smartphone của bạn.

- Citrify: Cung cấp các công cụ chỉnh sửa, biên tập ảnh tốc hành.

- CutMP3: Cắt gọt bất cứ ca khúc nào thành độ dài của một đoạn nhạc chuông.

- Eventful: Liệt kê những sự kiện xảy ra trong khu vực bạn quan tâm.

- Pixorial: Cung cấp các công cụ biên tập video cực kỳ dễ dùng.

- Bubbl.us: Cung cấp các công cụ bản đồ tư duy đơn giản.

- LogMeIn: Cho phép bạn truy cập máy tính của mình từ xa.

- Mint: Đồng bộ hoá các tài khoản tài chính để giúp bạn theo dõi ngân sách của mình.

- Passpack: Quản lý toàn bộ mật khẩu trực tuyến của bạn.

- PearBudget: Theo dõi các khoản thu, chi của bạn.

- Smart.fm: Cung cấp các khoá học trực tuyến miễn phí.

- Droolr: Liệt kê những thiết bị / đồ chơi công nghệ hot nhất hiện nay.

- SeatExpert: Cho bạn thấy những chỗ ngồi tốt nhất trên bất cứ chuyến bay nào.

PCWorld

Lệnh điều khiển vòng lặp

duc-th4nh — Sat, 08 May 2010 02:42:27 +0000

Điều khiển vòng lặp, tức là bạn điều khiển chương trình của bạn tự động thực hiện một đoạn mã lệnh nào đó lặp đi lặp lại nhiều lần (lặp một số lượng lần nào đó, hoặc lặp cho đến khi thoả mãn một điều kiện nào đó).

PHP cung cấp cho chúng ta hai kiểu vòng lặp: vòng lặp while (lặp kiểm tra điều kiện, cho đến khi điều kiện được thoả mãn) và vòng lặp for (xác định số lần lặp lại)

a) Vòng lặp while

Vòng lặp while là một dạng vòng lặp đơn giản nhất, cấu trúc của nó gần giống như lệnh if:

while (điều kiện)
{
//Khoi cau lenh can lap
}

Vòng lặp while sẽ ước lượng một biểu thức giá trị kiểu boolean (đúng hoặc sai).Nếu giá trị của biểu thức là false, đoạn mã trong cặp dấu ngoặc (đoạn mã cần lặp) sẽ được bỏ qua và nhảy đến đoạn mã sau vòng lặp. Nếu giá trị của nó là true, đoạn mã trong cặp dấu ngoặc sẽ được thực thi. Khi bắt gặp dấu ngoặc ôm (“}”) , điều kiện kiểm tra sẽ được tính toán lại, và nếu giá trị vẫn là true, đoạn mã trong ngoặc lại tiếp tục được thực thi. Chú ý rằng điều kiện lặp chỉ được tính toán tại thời điểm bắt đầu lặp. Vì vậy, dù điều kiện lặp có bị thay đổi trong quá trình thực thi đoạn lệnh trong cặp dấu {} thì đoạn lệnh đó vẫn được tiếp tục thực hiện cho đến hết. Muốn dừng lại ở một vị trí xác định nào đó trong khối câu lệnh, chúng ta sử dụng lệnh break:
Ví dụ1: Tính tổng từ 1 đến 5:

$i=0;
$tong=0;
while ($i<=5)
{
$tong=$tong+$i;
$i+=1;
}
?>

Ví dụ 2: Đoạn mã sau sẽ hiển thị trên trình duyệt 3 ô textbox (Với điều kiện bạn phải save nó dưới một file *.php :

$i=1;
while ($i<=3)
{
?>

$i+=1;
}
?>

b. Vòng lặp do…while

Vòng lặp này giống như vòng lặp while, nhưng thay vì kiểm tra điều kiện vào lúc đầu của đoạn lệnh cần lặp, thì nó lại kiểm tra giá trị điều kiện vào cuối vòng lặp. Điều này có nghĩa là nó luôn luôn thực hiện đoạn lệnh cần lặp ít nhất một lần.

Cấu trúc của nó như sau:

do
{ Đoạn (khối) câu lệnh cần lặp
} while (điều kiện);

Ví dụ:

$i=1;
do
{
?>

$i+=1;
}while ($i<=3);
?>

Để xác định lại sự khác nhau của 2 câu lệnh trên, đơn giản bạn chỉ việc thay điều kiện $i<=3 thành $i<1, bạn sẽ thấy hai kết quả khác nhau liền . Phần này dành cho bạn tự ngồi nghĩ. OK???

Quên mất, lúc nãy tôi đề cập đến lệnh break, nhưng chưa cho ví dụ, bây giờ chúng ta hãy xem xét ví dụ sau:

Các bạn biết rằng giai thừa là một con số lớn kinh khủng, và chương trình của chúng ta sẽ tính toán n giai thừa, với số n được gửi đến theo địa chỉ url: Nhanhoa.com - Offline (ở đó x là một số do người dùng tự nhập)

Do giai thừa là một con số cực kỳ lớn, nên chúng ta chỉ cho phép người dùng tính đến tối đa là 8 giai thừa chẳng hạn. Nếu họ nhập lớn hơn 8 thì sao? Hãy xem đây:

// Ghi lai voi ten file la giaithua.php
$giaithua=1;
$i=1;
while ( $i<=$n)
{
$giaithua*=$i;
$i+=1;
if ($i>8 )
{
echo ("Chi tinh den 8!
");
break;
}
}
echo ("Ket qua la: ".$giaithua);
?>

Đoạn mã trên chỉ cho phép tính đến 8 giai thừa, nếu người dùng nhập một con số lớn hơn 8 thì máy sẽ hiển thị 8 giai thừa, còn nếu nhỏ hơn thì vẫn chạy tốt.

c) Vòng lặp for.

Vòng lặp for, với ý nghĩa đầu tiên là lặp với số lần định trước, có cấu trúc như sau:

for ( $biến = giá_trị_đầu; $biến < (hay <=) giá_trị_kết_thúc; tăng_biến_đếm)
{
// Khối câu lệnh
}

Biểu thức $biến=giá_trị_đầu, đảm bảo biến được gán một giá trị khởi đầu (1)
Biểu thức $biến< (hay <=) giá_trị_kết_thúc, sẽ xác định xem biến đã đạt đến giá trị kết thúc (tức là điều kiện lặp không còn đúng nữa) chưa (2)
Biểu thức tính toán tăng_biến_đếm đảm bảo để sau một số lần lặp nào đó thì biểu thức xác định điều kiện (2) sẽ dẫn đến kết quả sai (để thoát khỏi vòng lặp).

Ví dụ:
for ( $i = 1; $i <10; ++$i)
{
echo ("Giá trị của biến \$i là: ".$i);
}

Một biến dạng khác của vòng lặp for, gần giống như lệnh rẽ nhánh if và while:

for (bieu_thuc_1; bieu_thuc_2; bieu_thuc_3):
// Khối câu lệnh
endfor;

Ví dụ:

for ($i=1; $i<=10;++$i)

?>

endfor
?>

OK, Như vậy các bạn đã học qua các lệnh cơ bản nhất của php, và cũng là các lệnh cơ bản của tất cả các ngôn ngữ lập trình (gán, rẽ nhánh và lặp). Sau này nếu phải triển khai trên các ngôn ngữ lập trình khác, cách viết các lệnh này có thể khác nhau, nhưng bản chất của chúng thì mãi mãi không bao giờ thay đổi.

Nguồn: phpvn.org

Mảng trong Javascript

duc-th4nh — Sat, 08 May 2010 02:40:07 +0000

JavaScript cung cấp cho mảng rất nhiều tính năng để sử dụng vào nhiều mục đích khác nhau. Bài viết này cố gắng cover những tính năng về mảng, càng nhiều càng tốt.

Cách sử dụng mảng

Có 3 cách như sau:
Cách 1: Sử dụng lớp 'Array'

Vì Array là 1 object nên phải dùng từ khóa 'new' để tạo mảng.

// Khai báo mảng
var arr = new Array();

Nếu muốn đưa giá trị vào các phần tử của mảng thì hãy khai báo như sau:

// Khai báo mảng
var arr = new Array("xin chào", 100, "bạn là ai thế?", 0.911);
// Để kiểm tra các giá trị có trong arr thì dùng đoạn mã sau:
for (var x in arr) alert(arr[x]); // x là index, arr[x] là value
// Hoặc tương đương với đoạn mã trên:
for (var i=0; i

Có thể đưa mọi loại giá trị vào trong mảng Array.

Chi tiết về lớp Array xem phần 'Lớp Array'.
Cách 2: Sử dụng cặp ngoặc vuông '[]'

Thực ra đây là một kiểu viết khác của lớp Array. Khi khai báo mảng bằng cặp ngoặc vuông '[]'
thì cũng sử dụng được các phương thức có trong lớp Array (xem phần 'Lớp Array').

// Khai báo mảng
var arr = [];

Nếu muốn đưa giá trị vào các phần tử của mảng thì hãy khai báo như sau:

// Khai báo mảng
var arr = ["xin chào", 100, "bạn là ai thế?", 0.911];
// Để kiểm tra các giá trị có trong arr thì dùng đoạn mã sau:
for (var x in arr) alert(arr[x]); // x là index, arr[x] là value
// Hoặc tương đương với đoạn mã trên:
for (var i=0; i // Cả 2 lệnh 'for' ở trên đều cho cùng 1 kết quả.

Có thể đưa mọi loại giá trị vào trong mảng Array.
Vì '[]' giống lớp 'Array' nên xem phần 'Lớp Array' để biết về khả năng của '[]'.
Cách 3: Sử dụng cặp ngoặc bao '{}'

Cách này hay dùng khi muốn tạo 1 bảng hash (hash-map):

// Khai báo mảng
var arr = {item1: "xin chào", item2: 100, item3: "bạn là ai thế?",
item4: 0.911};
// Để sử dụng lệnh 'for' để duyệt mảng hash thì chỉ có 1 cách thôi:
for (var x in arr) alert(arr[x]); // x là key, arr[x] là value

Khai báo tổng quát của mảng hash như sau:

// Khai báo chung
var arr1 = {key1: value1, key2: value2, ...};
// Hoặc tách các cặp (key, value) ra từng dòng riêng rẽ:
var arr2 = {
key1: value1,
key2: value2,
...
}
// Khi duyệt mảng hash thì dùng 'for (var x in...
for (var x in arr) {
// Xử lý x ở đây
}
// Lấy từng phần tử của mảng hash qua key của nó như sau:
var value = arr[key];

Tuy nhiên mảng hash không sử dụng được các phương thức của lớp Array. Bù lại, cách viết này rất lý thú khi tạo lớp.
Sự khác nhau giữa các cách viết mảng

So sánh qua bảng sau:
Nội dung so sánh Array [] {}
Phân loại Mảng+Hash Mảng+Hash Hash
Hỗ trợ các phương thức duyệt mảng như:
push, pop, shift... (nhiều đấy, google để tìm
nhé) Có Có Không
for (var x in array) Có Có Có
for (var i=0; i Lấy kích thước bằng: array.length Có Có Không
Hỗ trợ viết lớp Không Không Có
Sử dụng mảng để viết lớp

Việc dùng mảng để viết lớp chỉ áp dụng cho cách khai báo thứ 3 (xem lại mục trên).

Có thể khai báo lớp như sau:

// Khai báo lớp không dùng mảng hash
function Class() {
this.thuoc_tinh1 = 'thuộc tính1'; // giá trị tùy ý
this.thuoc_tinh2 = 1000; // giá trị tùy ý
/* Khai báo phương thức 1 cho lớp Class */
this.phuong_thuc1 = function(){
// xử lý ở đây
alert(this.thuoc_tinh2);
alert(this.thuoc_tinh1);
}
/* Khai báo phương thức 2 cho lớp Class */
this.phuong_thuc2 = function(){
// xử lý ở đây
}
}

Nếu dùng mảng hash thì có thể tách riêng phần hàm tạo của lớp với phần khai báo các thuộc tính
và các phương thức còn lại như sau:

// Khai báo lớp có dùng mảng hash
function Class() {} // Chỉ là hàm tạo thôi, ko chứa gì cả
/* Khai báo thuộc tính và phương thức của lớp bằng mảng hash */
Class.prototype = {
thuoc_tinh1: 'thuộc tính1', // giá trị tùy ý
thuoc_tinh2: 1000, // giá trị tùy ý
phuong_thuc1: function() {
// xử lý ở đây
alert(this.thuoc_tinh2);
alert(this.thuoc_tinh1);
},
phuong_thuc2: function(param1, param2...) {
// xử lý ở đây
},
}

Lưu ý là vì dùng mảng nên phải có dấu phẩy ',' để ngăn cách các thuộc tính và phương thức của lớp. Khi dùng mảng hash thì ko cần dùng đến khai báo 'this' nhưng khi tham chiếu thì phải dùng 'this'.
Hoàn toàn có thể kết hợp 2 cách khai báo lớp ở trên khi viết lớp.
Lớp Array

Lớp Array trong JavaScript rất mạnh. Nó làm được mọi thứ:
Mảng
Stack
Queue
Hashtable
Cách sử dụng
Khởi tạo mảng như tạo một object trong C++, C# hay Java

// Array trong JavaScript là 1 object
// Đặt tên Array giống tên biến
var arr = new Array();

hoặc

// Tạo mảng có kích thước 100
var arr = new Array(100);

Nếu biết trước kích thước mảng thì khai báo theo cách thứ 2 sẽ chạy nhanh hơn.
Ko phải xóa bộ nhớ cho mảng vì JavaScript có bộ dọn dẹp riêng (giống Java hoặc C#).
Lấy kích thước (tổng số phần tử) của mảng

var size = arr.length;

Nối các phần tử trong mảng thành 1 chuỗi dùng hàm join của Array

Khi dùng Array như 1 Hashtable thì ko dùng được hàm join.

// Muốn ngăn các phần từ bằng chuỗi gì thì đặt chuỗi đó vào giữa
// 2 dấu nháy kép
var s = arr.join("");

Các chức năng của Array
Giống như 1 mảng thông thường

// Có thể gán mọi giá trị cho Array
// vì trong JavaScript không phân biệt kiểu dữ liệu
arr[i] = value;

Sử dụng như mảng thông thường:

arr[i] = arr[i+1]; ...

Ví dụ:

Array

Stack

Array cung cấp 2 phương thức là push và pop để thực hiện nhiệm vụ của Stack.

// Khai báo stack
var stack = new Array();
// Thêm 1 phần tử vào stack
// value là dữ liệu bất kỳ cần đưa vào stack
stack.push(value);
// Lấy 1 phần tử từ stack
var element = stack.pop();

Ví dụ:

Stack

Queue

Array cung cấp 2 phương thức làm nhiệm vụ của Queue là push và shift.

// Khai báo queue
var queue = new Array();
// Thêm 1 phần tử vào stack
// value là dữ liệu bất kỳ cần đưa vào queue.
// Giống y trang stack, huh?
queue.push(value);
// Lấy 1 phần tử từ queue
var element = queue.shift();

Ví dụ:

Queue

Hashtable

Thay chỉ số (số thứ tự các phần tử trong Array) bằng chuỗi sẽ được bảng hash.

// Tạo bảng hash
var hashtable = new Array();
// Gán giá trị (key, value) cho bảng hash
hashtable[key] = value;

Việc tạo bảng hash chỉ được 1 mức:

hashtable[key1][key2] = value; // error vì có 2 mức
hashtable[key1] = value; // ok
hashtable[key2] = value; // ok

Khi tạo bảng hash thì ko dùng được phương thức join và thuộc tính length.
Để đọc tất cả các (key, value) trong bảng hash ko dùng vòng lặp for như sau:

for (var value in hashtable){
// xử lý value ở đây
}

Ví dụ:

Hash Table

Chọn sản phẩm bằng cách kéo thả vào giỏ hàng sử dụng Javascript

duc-th4nh — Sat, 08 May 2010 02:05:27 +0000

Ngày trước, khi xem một website thương mại điện tử có chức năng kéo thả sản phẩm vào giỏ hàng. Đơn giản, người sử dụng chỉ cần kéo sản phẩm muốn mua vào giỏ hàng và giỏ hàng sẽ được cập nhật sản phẩm mới. Bài viết này chính là để giới thiệu chức năng đó.

Đối với ứng dụng này, mình dùng SQL Server 2005 Express để tạo một CSDL đơn giản có tên là ToyShopDatabase, có một bảng duy nhất tên là TblToys, gồm có 4 trường: ToyID, Title, ImageUrl và Price.

Để hiển thị dữ liệu, mình sử dụng một Datalist. Hàm BindData() dưới đây được sử dụng để nhận dữ liệu từ CSDL.

private void BindData()
{
string connectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
SqlConnection myConnection = new SqlConnection(connectionString);

SqlDataAdapter ad = new SqlDataAdapter("SELECT * FROM tblToys", myConnection);
DataSet ds = new DataSet();
ad.Fill(ds);

dlToys.DataSource = ds;
dlToys.DataBind();
}

Bạn có thể nhìn thấy các Item được hiển thị trong hình ảnh dưới đây:

Chúng ta biết rằng các thẻ DIV sẽ được coi như là một đối tượng có thể kéo đi được. Tuy nhiên có rất nhiều thẻ DIV trong một trang, vậy làm thế nào có thể xác định được thẻ DIV nào thuộc đặc tính kéo và thả này? Chúng ta sẽ sử dụng một biểu thức quy tắc để lọc những thẻ DIV đúng:

var dragElementPattern = ".+_a$";

var divElements = document.getElementsByTagName("div");

for(i=0;i {

if(IsMatch(divElements[i].id, dragElementPattern))
{
MakeElementDraggable(divElements[i]);
}
}

Đầu tiên, chúng ta sẽ tìm và nhận tất cả các thẻ DIV có trong trang web, sau đó tìm các thẻ DIV đúng bằng các biểu thức quy tắc. Chức năng IsMatch() sẽ chịu trách nhiệm tìm ID của các phần tử phù hợp với Pattern:

function IsMatch(id, pattern)
{
var regularExpresssion = new RegExp(pattern);
if(id.match(regularExpresssion)) return true;
else return false;
}

Việc tạo một bản sao cho sản phẩm khi kéo sản phẩm vào giỏ hàng là rất cần thiết. Nếu không tạo bản sao cho thi hình ảnh thật sẽ mất đi khi chúng ta kéo và thả chúng vào giỏ hàng.

function InitiateDrag(e)
{
mouseState = 'down';

var evt = e || window.event;

startX = parseInt(evt.clientX);
startY = parseInt(evt.clientY);

clone = obj.cloneNode(true);

clone.style.position = 'absolute';
clone.style.top = parseInt(startY) + 'px';
clone.style.left = parseInt(startX) + 'px';

document.body.appendChild(clone);

document.onmousemove = Drag;
document.onmouseup = Drop;

return false;
}

hiện nay có rất nhiều trình duyệt khác nhau, vì vậy mà việc tạo một zone thích ứng với trình duyệt tương đối khó. Sự kiện Drop chỉ thành công khi sản phẩm được thả vào đúng drop zone. Thực chất thì nó dựa vào vị trí của con trỏ khi ta thả tay và vị trí của Drop Zone.

function InitiateDrag(e)
{
mouseState = 'down";

var evt = e || window.event;

startX = parseInt(evt.clientX);
startY = parseInt(evt.clientY);

clone = obj.cloneNode(true);

clone.style.position = 'absolute';
clone.style.top = parseInt(startY) + "px";
clone.style.left = parseInt(startX) + "px";

document.body.appendChild(clone);

document.onmousemove = Drag;
document.onmouseup = Drop;

return false;
}

Nếu sản phẩm không được thả vào trong vùng Drop Zone thì sản phẩm chỉ biến mất đi thôi. Tuy nhiên nếu đúng trong vùng đó thì sản phẩm sẽ được cho vào Shopping Cart. Chức năng AddPrice sẽ có nhiệm vụ cập nhật Tổng tiền và hiển thị sản phẩm trên Shopping Cart. Mỗi sản phẩm được chèn vào bên trong một thẻ DIV mà sau đó sẽ được chèn vào trong vùng Drop Zone.

function AddPrice()
{

var title = GetProductTitle();
var price = GetProductPrice();

var dZone = document.getElementById("dZone");
var textNode = document.createTextNode(title);
var priceNode = document.createTextNode(price);

var spaceNode = document.createTextNode(': $');
var paragraphElement = document.createElement('p');

// create the delete button

var deleteButton = document.createElement('button');
deleteButton.value = "Delete';
deleteButton.innerHTML = 'Delete';
deleteButton.onclick = DeleteItem;

var item = document.createElement("div");
item.id = "itemDiv" + uniqueNumber;

item.appendChild(paragraphElement);
item.appendChild(textNode);
item.appendChild(spaceNode);
item.appendChild(priceNode);
item.appendChild(spaceNode);
item.appendChild(deleteButton);

dZone.appendChild(item);

// increment the price
IncrementTotal(price);
uniqueNumber++;

}

2 hàm GetProductTitle() và GetProductPrice() được sử dụng để lấy Title và Price từ sản phẩm. Biến uniqueNumber được sử dụng để tạo ra mã duy nhất cho mỗi thẻ DIV mới được tạo ra. Nó sẽ tăng giá trị mỗi khi một sản phẩm được cho vào giỏ hàng. Chức năng IncrementTotal() để sử dụng để tính tổng giá sản phẩm trong giỏ hàng.

Bên cạnh tên và giá sản phẩm, ta để luôn một nút Delete để có thể xóa sản phẩm trực tiếp. khi nhấn nút đó, sản phẩm tương ứng sẽ bị xóa ngay khỏi giỏ hàng.

function DeleteItem(e)
{
var evt = e || window.event;
var evtTarget = evt.target || evt.srcElement;

if(IsFireFox())
{
price = evtTarget.parentNode.childNodes[2].nodeValue;
evtTarget.parentNode.parentNode.removeChild(evtTarget.parentNode);
}
else
{
price = evtTarget.parentElement.childNodes[2].nodeValue;
evtTarget.parentElement.parentElement.removeChild(evtTarget.parentElement);
}

DecrementTotal(price);
}

Còn chức năng DecrementTotal() dùng để cân bằng lại tổng giá trị sản phẩm hiện có trong giỏ hàng khi mỗi sản phẩm được xóa bỏ.

Với bài viết này thì chức năng Shopping cart vẫn thực sự chưa hoàn thiện. Hy vọng các bạn sẽ ứng dụng được vào website của mình. Các bạn có thể download mã nguồn của chương trình Tại đây.

Gửi Mail trong PHP

duc-th4nh — Fri, 07 May 2010 07:01:25 +0000

Hướng dẫn tạo một hàm gửi send mail sử dụng PHP.

Trong PHP, chức năng gửi mail thực sự rất dễ dàng. Trong bài này, chúng tôi sẽ hướng dẫn các bạn tạo một trang send mail đơn giản. Ngoài ra các bạn có thể phát triển code trong bài này thành những chức năng send mail phức tạp hơn, đa năng hơn.
Để send mail trong PHP, chúng ta cần sử dụng tới hàm mail().
Cú pháp:

mail(to,subject,message,headers,parameters)

Ví dụ:

$to = "hotrolaptrinh@gmail.comhotrolaptrinh@gmail.com Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó. ";
$subject = "Test mail";
$message = "Email này được gửi từ website: http://hotrolaptrinh.com";
$from = " admin@hotrolaptrinh.com ";
$headers = "";
mail($to,$subject,$message,$headers);
echo "Email đã được gửi đi thành công.";
?>

Gửi mail có sử dụng Form.

if (isset($_POST['sendmail']) && $_POST['sendmail']=="send"){
//send email
$email = $_POST['email'] ;
$subject = $_POST['subject'] ;
$message = $_POST['message'] ;
$to="hotrolaptrinh@gmail.com"
mail( $to, "Subject: $subject",$message, "From: $email" );
echo "Gửi thành công";

}
?>

Theo hotrolaptrinh

Ebook sổ tay WordPress | Thủ thuật blog tiếng Việt toàn tập

duc-th4nh — Thu, 06 May 2010 02:29:38 +0000

Ebook, sổ tay tiếng Việt hướng dẫn toàn tập :cơ bản và nâng cao dành cho Blog WordPress

“Đây là phiên bản đầu tiên, Ebook này sẽ còn được cập nhật, chỉnh sửa và bổ sung thêm nhiều bài viết mới để nó xứng đáng được song hành cùng bạn, cùng WordPress. Nhờ mọi người đóng góp ý kiến, bổ sung, sửa chữa những lỗi có thể trong nội dung quyển sổ tay này cũng như đóng góp thêm bài viết để các phiên bản sau phong phú, đầy đủ hơn.”

Download tại đây

http://www.megaupload.com/?d=XU81D0KF

Tác giả VietTut

Việt hóa blog WordPress

duc-th4nh — Thu, 06 May 2010 01:54:31 +0000

WordPress là một trong những Blog được người Việt nam cũng như thế giới ưa chuộng, tiếc thay giao diện nó hoàn toàn là tiếng Anh nên việc làm quen và sử dụng đối với nhiều người còn khó khăn. Qua bài này, tôi xin hướng dẫn mọi người cách để Việt hóa WordPress, với hy vọng WordPress ngày càng thân thiện hơn và phổ biến hơn nữa.

Yêu cầu: Blog WordPress sử dụng trên Host riêng (không áp dụng đối với blog wordpress.com) – Nếu không có Host nhưng vẫn muốn dùng thử WordPress tiếng Việt, có thể vào sky.vn đăng kí cho mình một Blog WordPress giao diện tiếng Việt với hàng đống Plugins + Themes sẵn có.
Cách thức tiến hành:

Cách 1. Edit các file .php có trong mã nguồn WordPress và Việt hóa từng file một, kiến nghị sử dụng Notepad+++ (Download: http://notepad-plus.sourceforge.net/) và Unikey 4.0, bảng mã UTF-8 Literal và một công cụ quan trọng không thể thiếu nữa: cuốn từ điển Anh – Việt.

Khuyết điểm: khá phức tạp và tốn nhiều thời gian do nhiều lúc chẳng biết đoạn cần Việt hóa nó nằm ở file nào… Khi cần nâng cấp WordPress lên phiên bản mới hơn thì coi như làm lại từ đầu.

Cách 2. Sử dụng .MO đã được Việt hóa sẵn. (Download here – đã việt hóa gần như hoàn toàn, cả Admin Control Panel). Giải nén và upload tập tin vi_VN.mo lên thư mục wp-includes/languages (tạo thêm nếu chưa có), mở file wp-config.php và sửa lại đoạn code define (’WPLANG’, ”); thành define (’WPLANG’, ‘vi_VN’);

Đến đây thì xem như đã hoàn thành 90% công việc rồi.

Việc còn lại là Việt hóa nốt các file trong Thư mục Theme mà bạn sử dụng + các Plugins mà bạn đã thêm vào. (Tương tự như Việt hóa các file .php trong mã nguồn WordPress. + Một số Plugins có cung cấp file .po để chúng ta việt hóa- cách sửa file .po sẽ được hướng dẫn ỡ phần tiếp theo)

Cách 3: Nếu bạn không thích sử dụng những cái đã có sẵn thì có thể tự mình Việt hóa WordPress theo ý mình. Để làm được điều này thì ngoài việc Việt hóa các file .php như cách 1 đã hướng dẫn thì bạn có thể việt hóa từ file .pot (Portable Object templates- file nguồn), xuất ra .mo (Machine Object – file mà wordpress cần) và chia sẻ file việt hóa của bạn cho mọi người dùng nếu muốn.

Công cụ cần thiết: Một trong các công cụ như PoEdit, LauchPad, KBabel, GNU Gettest và tập tin WordPress Pot: http://svn.automattic.com/wordpress-i18n/pot/trunk/wordpress.pot.

// // Trong bài viết này, xin hướng dẫn các bạn sử dụng PoEdit (các công cụ còn lại sử dụng tương tự):

Tải và cài đặt PoEdit và dùng chúng để mở tập tin wordpress.pot, khai báo một số thông tin cần thiết như tên, địa chỉ email. Sau đó bạn sẽ được trở về giao diện chính của chương trình, trong đó khung đánh dấu số 1 là đoạn văn nguyên gốc (Tiếng Anh), khung số 2 là đoạn văn đã được dịch (tiếng Việt- dùng bản mã Unicode dựng sẵn), khung 3, 4 chỉ dùng khi bạn muốn thêm các ghi chú hoặc thông tin cần thiết. Vào menu File> Preferences>thẻ Editor, bật chức năng “Automatically compile .mo file on save box.”. Sau khi dịch hết, bạn vào menu File>>Save as và lưu lại dưới đuôi .PO, file .mo sẽ tự động được tạo cùng thư mục với file .po mà bạn đã lưu. Đến đây thì bạn chỉ cần upload file .mo lên host và sửa file wp-config.php như cách 2 đã hướng dẫn.

Nguồn tham khảo:

http://codex.wordpress.org/WordPress_in_Your_Language

http://codex.wordpress.org/Translating_WordPress

http://www.phamen.com/viet-hoa-cho-wordpress-21x/

Các link download những phần mềm công cụ nhắc đến trong bài

PoEdit: http://prdownloads.sourceforge.net/poedit/poedit-1.3.6-setup.exe

LauchPad: https://translations.launchpad.net

KBabel: http://i18n.kde.org/tools/kbabel/

GNU Gettext: tp://www.gnu.org/software/gettext/

Tập tin đã được Việt hóa sẵn: http://maicua.free.fr/language/WP_vi_VN.rar

Lưu ý: Nếu Blog không hiển thị được tiếng Việt trên trình duyệt IE6 (hoặc cũ hơn) thì bạn nên vào file CSS của Theme và thay thế các font không hiển thị tốt tiếng Việt bằng những font như Tahoma, Verdana, Arial, Times New Roman… chúng hỗ trợ tốt tiếng Việt hơn.

Microsoft chính thức ra mắt bộ sản phẩm 2010

duc-th4nh — Mon, 03 May 2010 04:21:58 +0000

Microsoft vừa chính thức công bố phiên bản RTM cho các sản phẩm Office 2010, SharePoint 2010, Project 2010 và Visio 2010.

Đây là một mốc quan trọng chuẩn bị cho sự kiện ra mắt chính thức sản phẩm Microsoft 2010 dành cho các khách hàng doanh nghiệp vào ngày 12/5 trên toàn cầu, trong đó có cả Office Web Apps dành cho người dùng cá nhân (chạy trực tiếp trên Skydrive) và Office Web Apps chạy trong doanh nghiệp (cho phép hosting cùng với SharePoint 2010 trên server của công ty). Office Mobile 2010 cũng ra mắt phiên bản RTM cùng ngày và chạy tốt trên Windows Mobile 6.5.

Tại Việt Nam, lễ công bố sản phẩm này sẽ được tổ chức vào các ngày 24 và 28/5 tại Hà Nội và TP. HCM.

RTM (Release To Manufacturer) là phiên bản kỹ thuật cuối cùng và cũng là phiên bản quan trọng nhất của sản phẩm phần mềm của Microsoft trước khi sản phẩm này chính thức ra mắt thị trường. Các sản phẩm Microsoft 2010 sẽ được hỗ trợ đến 37 ngôn ngữ khác nhau.

Theo Microsoft, kể từ khi phiên bản Beta được công bố chính thức từ tháng 11/2009, cho đến nay đã có 7,5 triệu người trên toàn thế giới tải về (nhiều gấp 3 lần so với số lượng người tải phiên bản Office 2007) và có khoảng 5.000 công ty là các khách hàng và đối tác của Microsoft đã tham gia các chương trình sử dụng thử nghiệm và cung cấp các thông tin phản hồi. Điều này đã khiến các sản phẩm mang phiên bản 2010 nói trên trở thành các sản phẩm tuyệt vời nhất, ổn định nhất và có thể chạy trên cả máy tính, ĐTDĐ cũng như trình duyệt web.

Office 2010 cũng cho phép người dùng chỉnh sửa video và hình ảnh, Sparklines, giaodiện Ribbon trong tất cả các ứng dụng, Backstage, Paste Preview… Làm việc cộng tác tốt hơn: nhờ các tính năng mới như co-authoring, SharePoint Workspace, Outlook Social Connector…Có thể làm việc ở bất kỳ nơi đâu: thông qua các ứng dụng như Office Web Apps, cho phép trình diễn PowerPoint thông qua web…

Những khách hàng có nhu cầu đặt hàng mua Office 2010 trước có thể tham khảo chương trình pre-order tại đây.

Ngoài ra, hiện nay Microsoft cũng đang có chương trình Microsoft Office 2010 Technical Guarantee cho phép người dùng mua Office 2007 theo hình thức OEM, FPP có thể nâng cấp hoàn toàn miễn phí lên Office 2010 (trong thời gian từ 5/3/2010 đến hết 30/09/2010). Trong thời gian này, khách hàng và người dùng cuối vẫn có thể tải bản Office 2010 beta tại http://www.microsoft.com/office/2010

Theo ICTnews

18 điều cần biết về mạng 4G

duc-th4nh — Mon, 03 May 2010 04:09:01 +0000

Mạng 4G có nghĩa là gì? Nó có nhanh hơn 3G không? Giá cước của nó có rẻ hơn 3G không và bao giờ thì người dùng được “thử” công nghệ này?

1. 4G có nghĩa là gì?

Cũng giống như các thuật ngữ 2G hay 3G, 4G chỉ là một từ viết tắt của cụm từ “fourth generation” (thế hệ thứ 4) để thuận tiện cho các chương trình marketing của các nhà mạng. Dịch vụ viễn thông hay kết nối không dây sử dụng công nghệ này thực ra rất khác biệt nhau và phụ thuộc vào các nhà cung cấp dịch vụ nhưng thông thường, một mạng không dây sử dụng công nghệ 4G sẽ có tốc độ nhanh hơn mạng 3G từ 4 đến 10 lần.

2. Mạng 4G sử dụng công nghệ nào?

Hiện thế giới đang tồn tại 2 chuẩn công nghệ lõi của mạng 4G là WiMax và Long Term Evolution (LTE). WiMax là chuẩn kết nối không dây được phát triển bởi IEEE (Institute of Electrical and Electronics Engineers) còn LTE là chuẩn do 3GPP, một bộ phận của liên minh các nhà mạng sử dụng công nghệ GSM. Cả WiMax và LTE đều sử dụng các công nghệ thu phát tiên tiến để nâng cao khả năng bắt sóng và hoạt động của thiết bị, mạng lưới. Tuy nhiên, mỗi công nghệ đều sử dụng một dải băng tần khác nhau.

3. Tốc độ của 4G so với 3G thế nào?

Các nhà cung cấp dịch vụ sử dụng công nghệ WiMax thường quảng cáo mạng của họ có tốc độ tải xuống (download) từ 2 Mbps đến 6 Mbps và đỉnh điểm nhất có thể lên tới 10 Mbps hoặc cao hơn chút nữa. Verizon, nhà mạng đang chuẩn bị triển khai mạng LTE tại Mỹ vào cuối năm nay cho biết, dịch vụ của họ sẽ có tốc độ khoảng từ 5 – 12 Mbps.

Hầu hết các mạng 3G hiện tại đều có tốc độ từ 400 kilobit/s cho đến 1,5 Mbps.

4. Vì sao tôi cần 4G?

Mạng 4G với tốc độ cao hơn hẳn sẽ giúp cho tốc độ truyền tải của dữ liệu trên các hệ thống mạng được cải thiện đáng kể và đưa các dịch vụ cao cấp như sử dụng ứng dụng di động, trên video trực tiếp trên mạng, hội nghị truyền hình hay chơi game trực tuyến… sẽ bùng nổ thực sự.

Tuy nhiên, điểm “lợi hại” nhất của mạng 4G là nó có thể thay thế một cách hoàn hảo các đường truyền Internet cố định (kể cả đường truyền cáp quang) với tốc độ không thua kém, vùng phủ sóng rộng lớn hơn và có tính di động rất cao.

5. Hiện nay mạng 4G đã có chưa?

Câu trả lời là “Rồi” nhưng chỉ ở một số nơi nhất định.

Tại Mỹ, nhà mạng Sprint Nextel đã hợp tác với Clearwire để cung cấp dịch vụ 4G trên nền tảng WiMax tại 28 thành phố lớn. Trong năm 2010, liên minh này có kế hoạch phát triển thêm dịch vụ của mình tới các thành phố như Los Angeles, New York, và San Francisco…

Với công nghệ LTE, Verizon là nhà mạng “nhiệt tình” nhất tại Mỹ và có kế hoạch chính thức cung cấp dịch vụ 4G thương mại tại 25 đến 30 thị trường lớn của Mỹ đến cuối năm 2010.

AT&T cũng đã có kế hoạch triển khai mạng LTE vào năm 2011.

Trên thị trường quốc tế, dịch vụ trên nền WiMax đã được triển khai tại một số quốc gia như Nhật Bản, Hàn Quốc hay Nga và mới chỉ có một nhà mạng duy nhất triển khai LTE ở Thụy Điển.

6. Cước phí của 4G so với 3G thế nào?

Hiện tại, 4G đang tỏ rõ ưu thế và sự hấp dẫn về mặt chi phí so với 3G. Liên minh Clearwire/Sprint hiện đang áp dụng các gói cước “không hạn chế dung lượng” với giá chỉ 10 đến 20 USD/tháng trong khi một gói cước 3G tại Mỹ, người dùng phải trả khoảng 60 USD nhưng bị giới hạn dung lượng không quá 5 GB.

Verizon chưa công bố giá cước mà họ dự định áp dụng với mạng 4G theo chuẩn LTE.

7. Có thể dùng điện thoại 3G hay USB 3G để kết nối 4G không?

Câu trả lời là không vì 2 công nghệ này sử dụng các dải băng tần khác nhau.

8. 4G có hỗ trợ gọi điện thoại không?

Đến thời điểm hiện tại thì chưa và nếu người dùng 4G muốn “alo” với bạn bè chỉ có giải pháp duy nhất là sử dụng các dịch vụ gọi điện thoại qua Internet như Skype.

Một số mẫu điện thoại di động 4G mới xuất hiện gần đây thường hoạt động theo chế độ “kép” tức vẫn phải sử dụng chip kết nối 3G cho các cuộc gọi thoại và chip 4G cho các dịch vụ dữ liệu.

9. Đã có mẫu điện thoại di động 4G nào chưa?

Tính đến tháng 4/2010, thị trường Mỹ mới chỉ có duy nhất một mẫu “dế 4G” của nhà mạng Sprint phân phối mang tên HTC EVO 4G. Trước đó, HTC cũng đã giới thiệu một chiếc WiMax phone dành riêng cho các nhà mạng ở Nga.

Verizon tuyên bố họ sẽ có những mẫu di động LTE vào khoảng giữa năm 2011.

10. Tại sao không có phiên bản iPhone 4G?

Kể từ khi Apple bắt đầu bán iPhone tại thị trường Mỹ, AT&T vẫn là nhà mạng cung cấp dịch vụ và phân phối độc quyền của sản phẩm này nên tất cả các mẫu iPhone đều được trang bị con chip kết nối với mạng 3G của AT&T. Người ta hy vọng rằng trong tương lai, khi Apple quyết định mở rộng danh sách nhà mạng phân phối iPhone với Verizon và kế hoạch triển khai 4G rất sớm của nhà mạng này sẽ buộc Apple phải sản xuất những mẫu iPhone thế hệ mới hoạt động trên mạng CDMA vào cuối năm nay.

11. Liệu tôi có thể sử dụng 4G trên điện thoại trong khi đang di chuyển không?

Có. 4G mới thực sự là mạng băng rộng di động đúng nghĩa.

12. Có thể sử dụng 4G ở những nơi khác nhau với một chiếc di động có khả năng roaming không?

Tất nhiên là có với điều kiện nhà mạng của 2 nơi phải sử dụng chung chuẩn công nghệ. Nếu thuê bao của bạn thuộc về nhà mạng 4G dùng chuẩn LTE bạn sẽ không thể sử dụng dịch vụ của nhà mạng dùng chuẩn WiMax.

Tin vui là mới đây có một hãng sản xuất chip tuyên bố họ đang phát triển một mẫu chip có khả năng kết nối với cả 2 mạng WiMax và LTE. Dẫu vậy, người dùng sẽ còn phải đợi ít nhất vài năm nữa khi sản phẩm này được thương mại hóa phổ biến.

13. 4G có thể được cung cấp ở những vùng nông thôn không?

Với chi phí rẻ hơn và tốc độ cao hơn hẳn 3G, chắc chắn 4G sẽ là giải pháp hoàn hảo nhất cho các chương trình “phổ cập Internet băng rộng” tại hầu hết các quốc gia. Đây cũng chính là niềm hy vọng của những khu vực dân cư thưa, địa hình phức tạp và thu nhập thấp.

14. 4G có thể thay thế cho đường truyền ADSL hay cáp quang không?

Như đã nói ở trên, 4G hoàn toàn có thể khiến các mạng Internet cố định bị “tuyệt chủng” trừ phi khách hàng muốn có một đường truyền riêng (leased line).

15. Wi-Fi và 4G có thể “hợp tác” với nhau không?

Có. Clearwire và Sprint hiện đang có 2 sản phẩm bộ định tuyến (router) có khả năng thu phát cả Wi-Fi và WiMax. Các router này sẽ kết nối với mạng WiMax và sau đó “chuyển đổi” sang dạng sóng Wi-Fi để các thiết bị khác cũng có thể sử dụng được.

Mẫu di động HTC EVO 4G cũng có thể đóng vai trò của một chiếc router mini cho phép chiu sẻ kết nối WiMax với 8 thiết bị khác thông qua sóng Wi-Fi.

16. Gần đây tôi có nghe nói về “HSPA+” hay “3,5G”. Chúng là gì?

Nhà mạng T-Mobile USA (Mỹ) đang trong quá trình triển khai một mạng truyền dữ liệu di động dựa trên một phiên bản tiên tiến hơn của giao thức 3G hiện nay. Trên lý thuyết, mạng này có thể có tốc độ lên tới 21 Mbps nhưng khi thử nghiệm trên thực tế gần đây nó cũng chỉ nhanh hơn mạng 3G chút ít.

17. Tại sao nhiều người nói mạng 4G hiện nay không phải là “4G thực”?

Các cơ quan tiêu chuẩn viễn thông thương đặt ra tiêu chí “chính thức” của dịch vụ 4G với một tốc độ rất “khủng” mà công nghệ của thế giới sẽ còn phải mất nhiều năm nữa mới có thể đạt được mức đó.

Nhưng các nhà kinh doanh và tiếp thị lại nghĩ rằng với tốc độ hiện nay, 4G đã có thể tạo ra một bước nhảy vọt và xứng đáng được gọi là mạng không dây “thế hệ kế tiếp”.

18. Liệu có thể có cái gọi là “4G thực” không?

Cả 2 chuẩn công nghệ WiMax và LTE hiện nay đều có thể đạt tới tốc độ “4G thực” tức tốc độ tải xuống tối thiểu là 100 Mbps nhưng có lẽ thế giới còn phải đợi thêm vài năm nữa.

Theo ICTnews

Beginning JavaScript(Paul Wilton, Jeremy McPeak)

duc-th4nh — Mon, 05 Apr 2010 15:54:44 +0000

Paul Wilton, Jeremy McPeak, «Beginning JavaScript, 3rd Edition»
Publisher: Wrox | May 2007 | ISBN: 0470051515 | Pages: 767 | PDF | 6 Mb

Download from Easy-Share

Download from Depositfiles