เวลาเราทำเว็บก็คงไม่อยากให้ใครมาเอารูปจาก host ของเราเอาไปใช้ที่อื่น แถมยังใช้ bandwidth ของเราอีกต่างหาก
ดังนั้น เลยต้องทำ .htaccess เพื่อป้องกันการกระทำดังกล่าว หรือที่เรียกกันว่า hotlink

นำ code ด้านล่างนี้ copy ใส่ใน notepad แล้วก็ save as เป็นไฟล์ .htaccess
แล้วนำไปวางไว้ในโฟลเดอร์หลักที่ต้องการป้องกัน hotlink แค่นี้ก็สามารถใช้งานได้แล้ว

ErrorDocument 403 /error403.php

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://(.*)โดเมน.com.*$ [NC]
RewriteRule \.(rar|zip|exe|jpg|gif|png)$ - [F]

อธิบาย code

ErrorDocument 403 /error403.php

ถ้ามีคนทำ hotlink ก็ให้ redirect ไปที่ไฟล์ที่ชื่อ error403.php หรือจะใช้ชื่ออื่นก็ได้ แต่ต้องสร้างไฟล์ชื่อนั้นๆ ไว้ด้วยน้า

RewriteEngine on

คำสั่งเปิดใช้งาน mod Rewrite

RewriteCond %{HTTP_REFERER} !^http://(.*)ชื่อโดเมน.com.*$ [NC]

บอกว่านอกเหนือจาก subdomain ทั้งหมด ที่อยู่ภายใต้โดเมน “โดเมน.com” แล้ว ให้ถือว่าเป็นการ hotlink มาทั้งหมด (คือจะ redirect ไปที่ไฟล์ error403.php)

RewriteRule \.(rar|zip|exe|jpg|gif|png)$ - [F]

ใช้งานป้องกัน hotlink กับไฟล์นามสกุลใดบ้าง อยากเพิ่มอะไรก็ใส่เข้าไป

ตัวอย่าง รูปที่ใช้สำหรับป้องกัน hotlink เอาไว้ใส่ในไฟล์ error403.php

แถม code .htaccess นิดหน่อย ที่ใช้ประจำ

Options -Indexes

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.+) - [PT,L]

RewriteRule ^(.*) index.html

อธิบาย code

Options -Indexes

เป็นคำสั่งป้องกันไม่ให้คนภายนอกสามารถดู list ไฟล์ใน directory เว็บของเราได้

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.+) - [PT,L]

RewriteRule ^(.*) index.html

ก็บอกว่า ถ้าเข้าเว็บแล้วไม่เจออะไร หรือ มี error ขณะเข้าเว็บ เช่น ไม่มีหน้านั้นอยู่ หรืออื่นๆ ให้วิ่งมาที่ index.html เสมอ (สามารถเปลี่ยนชื่อไฟล์ได้ตามใจชอบ)

ใครๆ ก็คงอยากทำหน้า Form Contact แล้วส่งเมล์กันเนอะ
จะสอนวิธีทำแบบง่ายๆ เด็กประถมก็ทำได้ ตามมาเลย

Code แบบฟอร์ม

<form action='sendmail.php' method='post'>
หัวข้อ :  <input type='text' name='subj' /><br />
ชื่อ : <input type='text' name='name' /><br />
Email : <input type='text' name='email' /><br />
Tel.  : <input type='text' name='tel' /><br />
ข้อความ : <textarea name="msg" rows="4" cols="30"></textarea><br />
<input name="submit" type='submit' value='   ส่ง   ' />
</form>

Code sendmail.php (ใช้ชื่ออื่นก็ได้นะ!!!)

if (!isset($_REQUEST["mto"])){
$subj = $_POST['subj'];
$name = $_POST['name'];
$email = $_POST['email'];
$tel = $_POST['tel'];
$msg = $_POST['msg'];
} else {
$subj = $_REQUEST["subj"];
$name = $_REQUEST["name"];
$email = $_REQUEST["email"];
$tel = $_REQUEST["tel"];
$msg = $_REQUEST["msg"];
}
$msgs .= " จากคุณ  ".$_POST['name'].'<br>';
$msgs .= " โทร  ".$_POST['tel'].'<br>';
$msgs .= "ข้อความ ".$_POST['msg'];
$txtfrom = "From: ".$email."\nX-Mailer: PHP/" . phpversion();
if(mail("to@email.com", $subj, $msgs, $txtfrom )) {
echo 'ดำเนินการส่งอีเมล์เรียบร้อย';
} else {
echo 'ไม่สามารถติดต่อ Server ได้';
}

เอาไว้ทำ ComboBox ใน Form ให้ users เลือก

คำสั่ง MySQL นะ

-- --------------------------------------------------------

--
-- โครงสร้างตาราง `province`
--

CREATE TABLE `province` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(100) NOT NULL default '',
PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=77 ;

--
-- dump ตาราง `province`
--

INSERT INTO `province` VALUES (1, 'กรุงเทพมหานคร');
INSERT INTO `province` VALUES (2, 'กระบี่');
INSERT INTO `province` VALUES (3, 'กาญจนบุรี');
INSERT INTO `province` VALUES (4, 'กาฬสินธุ์');
INSERT INTO `province` VALUES (5, 'กำแพงเพชร');
INSERT INTO `province` VALUES (6, 'ขอนแก่น');
INSERT INTO `province` VALUES (7, 'ฉะเชิงเทรา');
INSERT INTO `province` VALUES (8, 'จันทบุรี');
INSERT INTO `province` VALUES (9, 'ชลบุรี');
INSERT INTO `province` VALUES (10, 'ชัยนาท');
INSERT INTO `province` VALUES (11, 'ชัยภูมิ');
INSERT INTO `province` VALUES (12, 'ชุมพร');
INSERT INTO `province` VALUES (13, 'เชียงราย');
INSERT INTO `province` VALUES (14, 'เชียงใหม่');
INSERT INTO `province` VALUES (15, 'ตราด');
INSERT INTO `province` VALUES (16, 'ตรัง');
INSERT INTO `province` VALUES (17, 'ตาก');
INSERT INTO `province` VALUES (18, 'นครนายก');
INSERT INTO `province` VALUES (19, 'นครปฐม');
INSERT INTO `province` VALUES (20, 'นครพนม');
INSERT INTO `province` VALUES (21, 'นครราชสีมา');
INSERT INTO `province` VALUES (22, 'นครศรีธรรมราช');
INSERT INTO `province` VALUES (23, 'นครสวรรค์');
INSERT INTO `province` VALUES (24, 'นนทบุรี');
INSERT INTO `province` VALUES (25, 'นราธิวาส');
INSERT INTO `province` VALUES (26, 'น่าน');
INSERT INTO `province` VALUES (27, 'บุรีรัมย์');
INSERT INTO `province` VALUES (28, 'ปทุมธานี');
INSERT INTO `province` VALUES (29, 'ประจวบคีรีขันธ์');
INSERT INTO `province` VALUES (30, 'ปราจีนบุรี');
INSERT INTO `province` VALUES (31, 'ปัตตานี');
INSERT INTO `province` VALUES (32, 'พระนครศรีอยุธยา');
INSERT INTO `province` VALUES (33, 'พะเยา');
INSERT INTO `province` VALUES (34, 'พิจิตร');
INSERT INTO `province` VALUES (35, 'พิษณุโลก');
INSERT INTO `province` VALUES (36, 'เพชรบูรณ์');
INSERT INTO `province` VALUES (37, 'เพชรบุรี');
INSERT INTO `province` VALUES (38, 'แพร่');
INSERT INTO `province` VALUES (39, 'พังงา');
INSERT INTO `province` VALUES (40, 'พัทลุง');
INSERT INTO `province` VALUES (41, 'ภูเก็ต');
INSERT INTO `province` VALUES (42, 'มุกดาหาร');
INSERT INTO `province` VALUES (43, 'มหาสารคาม');
INSERT INTO `province` VALUES (44, 'แม่ฮ่องสอน');
INSERT INTO `province` VALUES (45, 'ยะลา');
INSERT INTO `province` VALUES (46, 'ยโสธร');
INSERT INTO `province` VALUES (47, 'ร้อยเอ็ด');
INSERT INTO `province` VALUES (48, 'ระนอง');
INSERT INTO `province` VALUES (49, 'ระยอง');
INSERT INTO `province` VALUES (50, 'ราชบุรี');
INSERT INTO `province` VALUES (51, 'ลพบุรี');
INSERT INTO `province` VALUES (52, 'ลำปาง');
INSERT INTO `province` VALUES (53, 'ลำพูน');
INSERT INTO `province` VALUES (54, 'เลย');
INSERT INTO `province` VALUES (55, 'ศรีสะเกษ');
INSERT INTO `province` VALUES (56, 'สกลนคร');
INSERT INTO `province` VALUES (57, 'สงขลา');
INSERT INTO `province` VALUES (58, 'สตูล');
INSERT INTO `province` VALUES (59, 'สมุทรปราการ');
INSERT INTO `province` VALUES (60, 'สมุทรสาคร');
INSERT INTO `province` VALUES (61, 'สมุทรสงคราม');
INSERT INTO `province` VALUES (62, 'สระแก้ว');
INSERT INTO `province` VALUES (63, 'สระบุรี');
INSERT INTO `province` VALUES (64, 'สิงห์บุรี');
INSERT INTO `province` VALUES (65, 'สุโขทัย');
INSERT INTO `province` VALUES (66, 'สุพรรณบุรี');
INSERT INTO `province` VALUES (67, 'สุราษฎร์ธานี');
INSERT INTO `province` VALUES (68, 'สุรินทร์');
INSERT INTO `province` VALUES (69, 'หนองคาย');
INSERT INTO `province` VALUES (70, 'หนองบัวลำภู');
INSERT INTO `province` VALUES (71, 'อ่างทอง');
INSERT INTO `province` VALUES (72, 'อุบลราชธานี');
INSERT INTO `province` VALUES (73, 'อุทัยธานี');
INSERT INTO `province` VALUES (74, 'อุดรธานี');
INSERT INTO `province` VALUES (75, 'อุตรดิตถ์');
INSERT INTO `province` VALUES (76, 'อำนาจเจริญ');

แถมคำสั่งสำหรับ Gen ComboBox

echo '<select name='province' >';
echo <option value=''  selected>-เลือกจังหวัด- </option>';

$s2 = "SELECT * FROM province";
$r2 = mysql_query($s2);

while($aa = mysql_fetch_array($r2)) {
echo '<option value="'. $aa['id'] .'">'. $aa['name'] .'</option>';
}

echo '</select>';

คราวนี้มีปัญหา ถ้าเราอยากปิด Auto-Complete ของ Browser ที่เราใช้

เพื่อจะไปใช้ AJAX Multiple Auto-Complete Input Form ที่เราเขียนขึ้นมา

มีวิธีปิดดังนี้ค่า

ใส่ Code นี้ลงไปใน Form ต่างๆ เช่น Textbox, Textfield ฯลฯ

autocomplete="off"

ตัวอย่าง

<input maxlength="10" name="username" type="text" />

หลังจากหลีกเลี่ยงไม่ได้

ก็เลยไปค้นจากอากู๋
เจอเว็บไซต์แจก Source Code พอดี
แถมเป็น AJAX แบบที่ต้องการเลย

• ดาวน์โหลด Source Code จากเว็บ
  หรือ
• ดาวน์โหลดจากที่นี่

วิธีใช้งาน

แตก zip ไฟล์ ก็จะได้ไฟล์ 4 ไฟล์ดังนี้

แต่เวลาใช้งานจริงๆ จะใช้แค่ 3 ไฟล์

ส่วนไฟล์ actc_article.html จะเป็นคล้ายๆ Readme

แล้วนำ Code ไปใส่ใน Form HTML ที่ต้องการใช้งาน Text Input (Text Field)

<script language="javascript" type="text/javascript" src="include/actb.js"></script>
<script language="javascript" type="text/javascript" src="include/common.js"></script>
<script>
var customarray=new Array('an apple','alligator','elephant','pear','kingbird',
'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
'kingpin');
</script>

<input type='text' style='font-family:verdana;width:300px;font-size:12px;' id='tb' value=''/>

<script>
var obj = actb(document.getElementById('tb'),customarray);
//setTimeout(function(){obj.actb_keywords = custom2;},10000);
</script>

ก็จะสามารถใช้งาน Multiple Auto-Complete ได้เลย

โปรดสังเกต Auto-Complete จะดึงข้อมูลจาก Array

ถ้าต้องการให้ Auto-Complete ดึงข้อมูลจาก Database ให้ใส่ Code แทนบรรทัด

var customarray=new Array('an apple', 'alligator', 'elephant', 'pear', 'kingbird', 'kingbolt', 'kingcraft', 'kingcup', 'kingdom', 'kingfisher', 'kingpin');

แทนที่ด้วย Code ที่ดึงข้อมูลจาก Database

<?php
function db_connect() {
$db = mysql_connect("localhost","YOUR USER","YOUR PASSWORD");
if (!$db) {
echo "Error ";
exit;
}
mysql_select_db("YOUR DATABASE");
}
db_connect();

$result = mysql_query("SELECT your_column FROM your_table ORDER BY your_column");
if (mysql_num_rows($result)) {
while ($row = mysql_fetch_assoc($result)) {
$customarray[] = $row[your_column];
}
}

echo 'var customarray = new Array("' . implode('", "', $customarray) . '")';
?>

เท่านี้ก็จะได้ Auto-Complete Input Form เรียบร้อยแล้วจ้า

อ้ะ! เวลาใส่ Multiple Auto-Complete จะเป็นอย่างนี้น้า

ขอให้สนุกกับ Code ค่า

ในที่สุดก็เจอของดี

PHP Thumbnailer Class v2.0 by Gen X Design

วิธีใช้ก็ง่ายๆ เพียงแค่ใส่ include ไฟล์เข้าไป
แล้วก็ new thumbnail เพื่อสร้าง object ของรูปที่เราจะย่อ

<?php
include_once('thumbnail.inc.php');
$thumb = new Thumbnail('path/to/image/file.jpg');
?>

กำหนดขนาดที่ต้องการจะย่อ ใส่ width, height เข้าไป

$thumb->resize($width,$height);

หรือสามารถใส่เป็น % ก็ได้

$thumb->resizePercent(50);

สั่งแสดงรูป

$thumb->show();

หรือสั่ง save

$thumb->save('path/to/file.jpg');

เท่านี้ก็จะได้รูปที่เราย่อแบบสวยงามแล้ว

Crop ภาพ

$thumb->cropFromCenter(100);

หรือทำให้รูปมีเงาสะท้อนก็ใช้คำสั่ง

$thumb->createReflection(40,40,80,true,'#a4a4a4');

คำสั่งอื่นๆ ที่สามารถใช้ได้ดูได้ ที่นี่

• ดาวน์โหลดจากเว็บ Gen X Design

หรือ ดาวน์โหลดจากที่นี่

• Both PHP 5 & 4 Versions
• Download PHP 4 v2.0
• Download PHP 5 v2.0