BackBase : Rich Internet Application

เป็นเวปที่ขายผลงานของบริษัทของเขาเอง

- Rich Portal
- Rich Forms & Calculators
- Rich Product Finder
- Co-Browse & Chat

รวมทั้งมี Framework ให้ใช้ด้วย

เวปนี้มีตัวอย่างของการให้งา่น Ajax ให้ลงตัวกับงานต่าง ๆ

http://www.backbase.com/

ผมขอแนะนำให้ดู Rich Product Finder อย่างเทพ

jQuery Start

จากที่อ่านดูรู้สึกว่า jQuery นอกจากจะต้อง include jquery.js แล้ว จะต้องเขียนคำสั่งต่าง ๆ
ภายใต้คำสั่ง $(document).ready ด้วยนะ ไม่งั้นคำสั่งของ jQuery จะไม่ทำงานจ้า

1
2
3
4
5

<script type="text/javascript">
$(document).ready(function() {
     // your code
});
</script>

หรือใช้รูปย่อ

1
2
3
4
5

<script type="text/javascript">
$(function() {
     // your code
});
</script>

ลบข้อความแนะนำของ text input

ในเวลาที่เรากดคลิกที่ text input ปกติแล้วจะมีรายการข้อความที่เราเคยพิมพ์ไปแล้ว
แสดงขึ้นมาอัตโนมัติ ซึ่งมันก็สะดวกดี แต่ในบางครั้งเราเขียนโปรแกรมที่มี
ความปลอดภัยสูง เราก็ไม่อยากจะให้มีข้อความที่เราพิมพฺ์ไปแล้วแสดงขึ้นมา
เราสามารถทำได้โดยเพิ่ม code เข้าไปดังนี้

1

<input name="textname" type="text" id="textname" autocomplete="off" />

เทคนิคนี้เหมาะสมกับช่อง Username แต่วิธีจะทำให้ไม่ผ่าน W3C นะครับ

3 เหตุผลที่เราควรจะใช้ jQuery จาก Google

1. ลดความยุ่งเหยิง
CDN คือ การกระจายข้อมูล ข้าม server ต่างๆ ในระบบเครือข่าย ซึ่งเมื่อผู้ใช้งานเปิดเวปไซด์
เบราว์เซอร์ของผู้ใช้จะดาวน์โหลดข้อมูลอัตโนมัติ จากระบบเครือข่ายที่ใกล้ที่สุด

ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ
จะสามารถดาวน์โหลด jQuery ได้เร็วกว่าดาวน์โหลดจาก server ของตัวท่านเอง

2. เพิ่มความได้เปรียบ
ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น ควรจะกำหนดจำนวนในการเข้าไปใช้งาน
พร้อมกัน ซึ่งจำนวนนั้นอาจจะเท่ากับ 2 ความต้องการในแต่ละโฮสต์

ในการใช้งานไลบารี่ jQuery จาก Google จะเป็นการลดหนึ่งความต้องการในเวปไซด์ของท่าน
ทำให้ความสามารถในการดาวน์โหลดข้อมูลของเวปไซด์ท่านเพิ่มขึ้น ซึ่งมันอาจจะไม่สร้าง
ความแตกต่างอย่างเด่นชัด แต่สำหรับเวปไซด์ที่อนุญาตให้ใช้งานพร้อมกันแค่ 2 ความต้องการ
ความแตกต่างนั้นจะเห็นได้อย่างชัดเจน

Continue reading »

ทำไมชื่อไฟล์เป็นสีฟ้า

ทำไมชื่อไฟล์เป็นสีฟ้า

ชื่อไฟล์เป็นฟ้า มักจะเกิดเมื่อเราใช้่งานโปรแกรม Disk Defragmenter
เนื่องจากโปรแกรม Disk Defragmenter จะทำการจัดเรียงไฟล์ต่าง ๆ
ให้ไฟล์ที่มักจะใช้รวมกันอยู่ใกล้ ๆ กัน เพื่อความเร็วในการทำงาน
และไฟล์ที่ไม่ค่อยได้ใช้ ก็ทำการบีบอัด ซึ่งจะทำให้ไฟล์ที่โดน
การบีบอัด เป็นสีฟ้า

แต่ถ้าเราไม่อยากให้ชื่อไฟล์เป็นสีฟ้า มีทางแก้ไข 2 วิธี

Continue reading »

วิธีการหาตัวเลขแบบไม่ซ้ำ ใน array

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<?php
$num=3;
$arr = array("1","2","3","4","5","6","7","8");
$count_arr=count($arr);
 
$arrName= array();
 
$idx=0;
 
while($idx<$num) 
{
	$id_rand = rand(0,$count_arr-1);
	if (!in_array($arr[$id_rand],$arrName))
	{
		$arrName[$idx]=$arr[$id_rand];
		$idx++;
	}
} 
 
print_r($arrName);
?>

โดยที่
$num คือ จำนวนตัวเลขที่ต้องการ
$arr คือ array ที่เก็บข้อมูลตัวเลข

จริง ๆ แล้วเอาไปประยุกต์ใช้กับตัวอักษรก็ได้นะ

CSS Background image link

ในการทำให้รูปภาพสามารถ link ได้ ถ้าเขียนโดย xhtml ก็จะเขียนในลักษณะนี้

1

<a href="urllink.html"><img src="logo.jpg" alt="" border="0" /></a>

แต่ถ้าเราเขียนในรูปแบบของ css เรามักจะกำหนดรูปภาพไปอยู่ในส่วนของ css
ซึ่งทำให้เราไม่ได้เขียนให้รูปภาพ link ได้ในรูปแบบเดิมได้ (รูปแบบ xhtml)
แต่ถ้าจะให้รูปภาพ สามารถ link ได้ ขอแนะนำ 1 วิธีการ โดยทำตามนี้

ส่วนของ css

1
2
3
4
5
6
7
8
9
10

 <style type="text/css">
#logolink {
display: block;
height: 100px;
width: 200px;
background-image: url(logo.jpg);
}
 
#bglink span { display: none; }
</style>

ส่วนวิธีเรียกใช้ก็คือ

1
2
3

<p id="logolink">
<a id="bglink" href="urllink.html"><span>Click my logo</span></a>
</p>

ขอขอบคุณ

http://www.webdeveloper.com/forum/showthread.php?t=188503

หวังว่าคงทำกันได้นะครับ

Query แบบมีเงื่อนไข

สมมุติว่า เราต้องการค้นหาข้อมูล บทความ
ซึ่งถ้าบทความนั้นผ่านให้ เรียก ฟิวด์ อนุมัติโดยใคร มาแสดง
และถ้าบทความนั้นไม่ผ่านให้ เรียก ฟิวด์ ไม่อนุมัติโดยใคร มาแสดง

วิธีการ Query คือ

1
2
3
4

SELECT 
IF(type=='Y',approveby,nonapproveby)  AS name , topic 
FROM article  
LIMIT 0,10

หรืออีกวิธีหนึ่ง

1
2
3
4
5
6

SELECT
CASE WHEN (type=='Y') THEN approveby
         WHEN (type=='N') THEN nonapproveby
END AS name , topic
FROM article  
LIMIT 0,10

(วิธีที่สอง สามารถที่จะให้มีเงื่อนไขได้มากกว่้า 2 เงื่อนไข)