Simplified Image Resizing with PHP

August 30th, 2009

บางครั้งเวลาแสดงรูปบนเว็ลไซน์เราก็ต้องการย่อรูปนั้นให้เล็กลง หรือเวลาเรา upload รูปขึ้นไปบน Server เพื่อให้รูปเล็กลงจะได้ประหยัดพื้นที่
ผมมี functon ง่ายๆนำเสนอแบ่งปั่นครับ

function calResize($width,$height,$target=90) {
// หา % เพื่อนำไป resize รูป
if ($width > $height) {
$percentage = ($target / $width);
} else {
$percentage = ($target / $height);
}
// ทำการ resize รูป
$width = round($width * $percentage);
$height = round($height * $percentage);
return array ($width, $height);
}

เวลารับค่าจาก function

list($width, $height) = calResize($width, $height);

ตัวอย่างง่ายๆ แต่มีประโชยน์เยอะเลยครับ

Sysdate on javascript

August 27th, 2009

ลองเอาไปใช้กันน่ะครับ อิอิ

function getSysDate(elements){
var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_minute = d.getMinutes();

curr_date = curr_date<10 ?"0"+curr_date:curr_date; curr_month = curr_month<10 ?"0"+curr_month:curr_month; curr_hour = curr_hour<10 ?"0"+curr_hour:curr_hour; curr_minute = curr_minute<10 ?"0"+curr_minute:curr_minute; var sys_date = curr_date + "/" + curr_month + "/" + curr_year+" "+ curr_hour+":"+curr_minute; elements.value = sys_date; }

ถ้าของใคร format ไม่เหมือนกับตัวอย่างก็ดัดแปลงกันตามที่ต้องการได้เลยครับ

script ปฏิทินครับใช้งานง่าย

August 26th, 2009

ผมไปเจอมาครับและทดลองใช้งานแล้วใช้งานง่ายดีเลยมาแบ่งปั่นเพื่อนๆ ครับ สำคัญฟรีด้วย เมื่อ Download เราก็เอาไปตั้ง path ที่เราเตรียมไว้สำหรับ js ตัวนี้ แล้วก็ทำตามตัวอย่าง

– ประกาศมันซะใน <head></head>

1
2
3
4
...
<link type="text/css" rel="stylesheet" href="js/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
<script type="text/javascript" src="js/dhtmlgoodies_calendar.js?random=20060118"></script>
...

สร้าง Field เพื่อมารับค่า

1
2
3
...
<input type="text" value="" readonly name="theDate">
...

สร้างปุ่มเพื่อติดต่อไปที่ script

1
2
3
...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy',this)">
...

หรือจะเอาถึงหน่วย นาที

1
2
3
...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy hh:ii',this,true)">
...

หรือเอาแบบ image

1
2
3
...
<img name="theDateimg" id="theDateimg" style="cursor:pointer" onClick="displayCalendar(document.forms[0].theDateimg,'dd/mm/yyyy hh:ii',this,true)" src="image/calendar/cal.gif" width="16" height="15" align="absmiddle">
...

ที่จริงโหลดมา มันจะมีตัวอย่างให้เราดูแล้ว
———————
Download

ที่มา : dhtmlgoodies