Tips, Tricks And Tools ในการพัฒนาเว็บไซต์ครับ ใครมีเอามาฝากกันตรงนี้
jQuery Air
Date :
2009-09-28 08:13:44By :
plakrim
PHP + JSON Example
Date :
2009-09-28 08:26:14By :
plakrim
jQuery Label Effects
Date :
2009-09-28 08:29:43By :
plakrim
PHP JS
Date :
2009-09-28 08:31:28By :
plakrim
TinyMCE Documentation
Date :
2009-09-28 08:37:18By :
plakrim
สุดยอดพี่น้องแม้วคร๊าป
Date :
2009-09-28 10:07:28By :
wit_wit_wit
ฺBookmark เรียบร้อย
Date :
2009-09-28 10:29:19By :
pjgunner
เพิ่มเติมครับ เห็นถามถึงตัวนี้กันบ่อยเหมือนนะครับjQuery lightBox plugin
Date :
2009-09-28 11:36:16By :
pokultra
Date :
2009-09-28 18:40:04By :
somparn
Date :
2009-09-28 19:24:36By :
gummezaka
แต่ ละ อัน มัน ใช้ ยังไง อะ ครับ พี่ เห็น มี ให้ Download อะ ครับ
Date :
2009-09-28 23:19:50By :
tamikazee
มองหาคำว่า Demo หรือ Demotation อะครับ แล้ว view source ดูหรือไม่ก็ download มามันจะมีวิธี install บอกแล้วมี demo ในนั้นด้วย ส่วนมากนะ
Date :
2009-09-28 23:37:34By :
plakrim
ImageSwitch
Date :
2009-09-30 01:13:16By :
plakrim
Date :
2009-09-30 01:17:44By :
somparn
iCal-like Calendar
Date :
2009-09-30 01:25:09By :
plakrim
vTip
Date :
2009-09-30 01:32:48By :
plakrim
Ajaxify
Date :
2009-09-30 01:37:11By :
plakrim
Gradientz
Date :
2009-09-30 01:40:46By :
plakrim
ไม่อยากปิดหน้าต่างนี้เลย อยากกด Refresh ไปเลื่อยๆ หุหุหุหุ ทำไมหากันเก่งจังผมหาทีไรไม่คอยเจอเลย
Date :
2009-09-30 11:02:10By :
somparn
พอดีเห็นเครื่องมือ Javascript ที่เป็น jQuery Plugin เยอะjQuery Core Manual (chm) http://abcoder.com/javascript/jquery-manual-in-chm-format/
Date :
2009-09-30 12:36:49By :
pjgunner
เยี่ยมยอด
Date :
2009-09-30 13:37:32By :
NanoTHoro
Slimbox 2
Date :
2009-10-01 01:30:15By :
plakrim
Jcrop
Date :
2009-10-01 01:43:05By :
plakrim
Date :
2009-10-02 11:59:54By :
pokultra
หึๆ เอาอีกๆ พี่ไอ้ตัวเปลี่ยนสีรองเท้า แจกเลยไหม
Date :
2009-10-02 15:57:59By :
plakrim
คนตาตี่นี่ใจดีแบบนี้นี่เอง แป๋ววว
Date :
2009-10-02 16:36:43By :
plakrim
ขุดๆ
Date :
2009-10-03 17:58:26By :
pokultra
สุดยอด Rastafari ยกนิ้วให้
Date :
2009-10-03 18:40:12By :
plakrim
ขุดๆ
Date :
2009-10-05 08:49:27By :
pokultra
imagecreatefrombmp function
Date :
2009-10-06 01:26:26By :
plakrim
ฝานดีกันทั่วหน้า ส่วนเราต้องตื่นมาทำงาน แปววว
Date :
2009-10-06 02:02:38By :
gummezaka
เห็นว่าไปอยู่หน้า 2 แล้ว
Date :
2009-10-09 14:23:28By :
pokultra
Date :
2009-10-09 15:20:11By :
gummezaka
Date :
2009-10-10 10:59:02By :
pokultra
ขุดอีกหน่อย
Date :
2009-10-12 14:03:26By :
pokultra
จัดไป Rastafari
Date :
2009-10-12 14:14:18By :
plakrim
Date :
2009-10-12 14:48:51By :
danya
ยังไม่ได้หาอะไรมาให้อีก เด๋วว่างอีกสักหน่อย จิงๆ ผมไม่ได้เล่นหมดนี่หรอก แต่เห็นว่ามันน่าสนใจ เอามาแปะให้ลองกัน
Date :
2009-10-12 16:37:13By :
plakrim
เกือบ bookmark ไม่ทัน ขอบคุณทุกๆท่านครับที่แบ่งปันความรู้
Date :
2009-10-12 16:39:28By :
zepherus
+1 น้องดุน
Date :
2009-10-14 11:24:06By :
plakrim
บล็อก UI ที่สามารถตั้งเวลาปิดตัวเองได้ พร้อมฟังคืชั่น callbackjQuery BlockUI Plugin
Date :
2009-10-14 11:29:18By :
danya
ทั้งหมดนี้ ใช้กับ asp ได้รึเปล่าครับ
Date :
2009-10-16 15:49:05By :
rimumin
ใช้ได้ท้าง php,asp,jsp หรือ อื่นๆ บน webrowser ครับ เพราะมานเปง javascript
Date :
2009-10-16 15:54:30By :
Sek-Artdrinker
ในทีี่สุดก็โดนปักจนได้ กระทู้นี้
Date :
2009-10-19 08:34:57By :
pokultra
ขอบคุณคร๊าบ
Date :
2009-10-19 12:02:01By :
onizike
เยอะมากเลยครับเริ่มงงๆ และ
Date :
2009-10-19 17:14:45By :
TheFool1234
ต้องขอบคุณพี่อั๋นที่เป็นต้นเรื่อง "ที่ให้ความรู้ใหม่ๆ" จากกระทู้นี้
Date :
2009-10-20 15:57:50By :
panyapol
Json.NET
Date :
2009-10-26 06:47:52By :
plakrim
สุดยอด !!
Date :
2009-11-01 11:01:02By :
hackker69
Code (PHP) $file = "downloads/getfile.pdf";
header("Cache-Control: public");
header("Content-Type: application/pdf");
header("Content-Description: File Transfer");
header("Content-Transfer-Encoding: binary");
header("Content-Disposition: attachment; filename=" . $file);
header("Content-Length: " . filesize($file));
readfile($file);
Date :
2009-11-02 23:33:31By :
plakrim
ทำดีครับ
Date :
2009-11-05 11:46:55By :
chayday
Flexigrid + Post Code Db by DeawX
Date :
2009-11-07 16:12:17By :
plakrim
jQuery Desktop
Date :
2009-11-08 01:03:11By :
plakrim
easy php template<?php ob_start(); #require 'connect.php'; ?>
<script type="text/javascript">
window.onload = function(){
document.getElementById('test').innerHTML = 'content by js.';
}
</script>
<?php $tp_script = ob_get_clean(); ob_start(); ?>
<?php $tp_title = 'template designer';?>
<div>hello template world</div>
<div id="test"></div>
<?php $tp_content = ob_get_clean(); include 'tpl.php'; ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=x-windows-874">
<title><?php echo empty($tp_title)?'':$tp_title;?></title>
<?php echo empty($tp_script)?'':$tp_script;?>
</head>
<body>
<!-- template editable in dreamweaver -->
<?php echo $tp_content;?>
</body>
</html>
Date :
2009-11-08 16:05:24By :
num
ขอบคุณพี่หนุ่มครับ อีกเทคนิคที่เป็นประโยชน์
Date :
2009-11-08 17:11:30By :
plakrim
เพิ่งรู้ว่า มี ob_get_clean() ด้วย Code (PHP) $buffer = ob_get_contents();
ob_end_clean();
Date :
2009-11-11 15:27:11By :
pjgunner
หันมาทางฝั่ง Prototype กันบ้างFancyZoom Demo
Date :
2009-11-11 22:05:32By :
plakrim
Protochart
Date :
2009-11-11 22:10:01By :
plakrim
ProtoFlow
Date :
2009-11-11 22:12:49By :
plakrim
ProColor Demo
Date :
2009-11-11 22:16:08By :
plakrim
livevalidation
Date :
2009-11-11 22:23:14By :
plakrim
โค้ดเช็คระดับความยากง่าย passwordCode (PHP) <script>
function checkStr(){
var p =document.getElementById('password').value
var n =0;
/* กำหนดเงื่อนไข */
if(p.match('[0-9]{1,}'))n++; // เป็นตัวเลขให้ความยาก+1
if(p.match('[a-z]{1,}'))n++; // เป็นตัวเล็กให้ความยาก +1
if(p.match('[A-Z]{1,}'))n++; // เป็นตัวใหญ่ให้ความยาก+1
if(p.match('[0-9]{1,}') && p.match('[a-z]{1,}')&& p.match('[A-Z]{1,}')&&p.length>5)n++; // เป็นทั้งสามอย่างและตัวอักษรมากกว่า 5 ตัว ให้ความยาก+1
else if(p.length >9) n++; //ไม่เช่นนั้นถ้าตัวอักษรมากกว่า 9ตัวก็ให้ความยาก +1
document.getElementById('imgPass').src="createPass.php?num="+n; //ส่งผลรวมความยาก
}
</script>
Password:<br/>
<input type="password" id="password" size=20 onkeyup="checkStr()"/><br/>
<img src="createPass.php" id="imgPass">
createPass.php <?php
Header("Content-type:image/gif");
$img=ImageCreate(80,24); // ปรับขนาด *(ถ้าปรับก็ต้องปรับทั้งโค้ดเลยน่ะไม่งั้นภาพจะเพี้ยนๆไม่รู้ด้วยน่ะ)
$white=ImageColorAllocate($img,255,255,255); //พื้นหลัง
$x =ImageColorAllocate($img,145,145,145); //สีเส้น
for($i=0;$i<4 ;$i++){
ImageRectangle($img,1+20*$i,11,19+20*$i,19,$x);
}
$font = "c:\\Windows\\fonts\\tahoma.ttf"; //เปลี่ยนฟอนต์ตามใจได้เลยครับ :>
$text ='Password Strength'; //ข้อความ ถ้าเป็นภาษาไทยต้อง save ไฟล์เป็น utf-8 น่ะ
$n=$_GET[num]; // รับค่าจำนวนระดับความยาก
switch($n){
case 1:
$f =ImageColorAllocate($img,246,44,44); // สีของบล็อคระดับ1
$text="Weak"; //ข้อความแสดงระดับ 1
break;
case 2:
$f=ImageColorAllocate($img,247,191,93);// สีของบล็อคระดับ2
$text="Medium"; //ข้อความแสดงระดับ 2
break;
case 3:
$f=ImageColorAllocate($img,234,246,44);// สีของบล็อคระดับ3
$text="strong"; //ข้อความแสดงระดับ 3
break;
case 4:
$f=ImageColorAllocate($img,44,246,125);// สีของบล็อคระดับ4
$text="very strong"; //ข้อความแสดงระดับ 4
break;
}
$black=ImageColorAllocate($img,0,0,0); // สีข้อความแสดงระดับความยากง่าย
imageTTFText($img,7,0,1,9,$black,$font,$text);
for($i=0;$i<$n;$i++){
ImageFilledRectangle($img,1+20*$i,11,19+20*$i,19,$f);
}
ImageGIF($img);
Imagedestroy($Img);
?>
Date :
2009-11-13 12:02:34By :
xbeginner01
โค้ดสุดยอดทั้งนั้น
Date :
2009-11-14 01:00:35By :
maridb204
สุดยอดเลย....ยกนิ้วให้เลยครับพี่ๆ.....
Date :
2009-11-14 15:18:45By :
signalnco746
jQuery Countdown
Date :
2009-11-21 02:06:00By :
plakrim
PHPExcel
Date :
2009-11-21 02:15:10By :
plakrim
สำหรับคนทำเว็บ อยากTest Browser หลายค่ายในเครื่องเดียวกัน เวบนี้ดีแบบถูกใจมาก ได้ทั้ง Firefox สารพัดเวอร์ชั่น IE อีกทั้ง Opera Safari แค่ลงตัว Setup ของทางเว็บอย่างเดียวเท่านั้น http://spoon.net/browsers/
Date :
2009-11-24 15:54:47By :
atomy_mink
พี่ PlaKriM ค่ะ
Date :
2009-11-26 13:25:41By :
llKAOll
ทำไมมันเยอะอย่างนี้ ยังไม่ได้ลองซักอัน TT
Date :
2009-11-28 11:45:01By :
pjgunner
เยอะแยะไปหมดเลย
Date :
2009-11-28 14:02:35By :
tama_zang1
เพิ่งเห็นพี่ PlaKriM เอาโค้ดที่ผมหามาได้มาโปรโมท ให้ด้วย
Date :
2009-12-09 17:25:13By :
DownsTream
อาจจะไม่เกี่ยวกับทริป แต่น่าจะเอาไปใช้ประโยชน์ได้นะ เป็นไอคอนมีหลายแบบhttp://www.iconfinder.net
Date :
2009-12-10 16:48:00By :
KhemTiD
Scrolling Div Content
Date :
2009-12-12 06:28:54By :
plakrim
ผมอยากได้ฟังก์ชั่นไว้เชครหัสบัตรประจำตัวประชาชนหน่อยครับ ช่วยหน่อยครับผม
Date :
2009-12-12 10:14:04By :
หนูก้อง
การแทรกคำสั่งที่ด้านล่างสุดของโปรแกรม
Date :
2009-12-20 14:58:16By :
num
โ อ๊ยยยยยยยยยยยยยยยยยยยย
Date :
2009-12-22 00:57:06By :
ddsure
nythingSlider
Date :
2009-12-22 21:47:58By :
plakrim
jQuery Flash Plugin
Date :
2009-12-22 22:01:12By :
plakrim
markItUp
Date :
2009-12-22 22:04:10By :
plakrim
<html>
Date :
2009-12-26 10:25:22By :
num
php framework ที่ผมเขียนขึ้นใช้เอง (รุ่นทดสอบครับ)http://www.ziddu.com/download/7950748/webdesigner0.9a.zip.html
Date :
2009-12-30 20:27:33By :
num
ขอโค้ดเกี่ยวกับ Streaming พวก TV Online หน่อยครับ
Date :
2010-01-18 23:09:11By :
Tiger2Graph
มาใช้ foreach traversal array กันดีกว่าครับเวลาในการประมวลผลต่างกันเยอะครับ compare-for-foreach-loop
Date :
2010-01-31 17:28:10By :
DownsTream
พี่ ปา กริมมมมมมมมมมมมมมมมมมมมมมม
Date :
2010-02-07 00:10:04By :
unzeen
โอ้ววว ความรู้เยอะมากมาย ขอบคุณครับ
Date :
2010-02-10 19:01:55By :
porpuay
http://mrsteel.wordpress.com/2006/12/31/flv-video-playback-with-duration-time/
Date :
2010-02-11 18:21:50By :
num
เยอะมากๆๆๆๆๆๆๆๆ แต่ขอบคุณนะคะ
Date :
2010-02-12 20:47:05By :
tiggerOne
อุ่ย ขอบคุณมากค่ะ เยอะมาก
Date :
2010-02-12 22:01:58By :
blurEye
ขอบคุณมากเลยคับ
Date :
2010-02-14 15:42:34By :
comboat
ขอบคุณมากเลยคับ
Date :
2010-02-14 15:44:42By :
comboat
function ช่วยแยกแยะโค้ด html กับโค้ด php<?php
function syntax($s){
$e = token_get_all($s);
$t = array();
$b = '';
$c = count($e);
for($i=0;$i<$c;$i++){
if (is_array($e[$i])){
if ($e[$i][0]==310){
if (!empty($b)){
$t[] = htmlspecialchars($b);
$b = '';
}
$temp = trim($e[$i][1]);
if (preg_match('/\s/',$temp)){
$a = preg_split('/[\s]+/',$temp);
$temp = reset($a).'...'.end($a);
}
$t[] = htmlspecialchars($temp);
}else{
$b .= $e[$i][1];
}
}else{
$b .= $e[$i];
}
}
if (!empty($b)){
$t[] = htmlspecialchars($b);
$b = '';
}
$s = '';
foreach($t as $tk){
if (strpos($tk,'<?')===0){
$s.= '<font color=red>'.$tk.'</font><br/>';
}else{
$s.= '<font color=blue>'.$tk.'</font><br/>';
}
}
return $s;
}
$s = 'aa<?php if(1) ?><b> <i>s </i> </b><?php } ?>aa<?php if(1) ?><b><i>s</i></b><?php } ?>';
echo syntax($s);
?>
Date :
2010-02-15 22:32:58By :
num
A library of DHTML and Ajax scripts
Date :
2010-02-23 18:19:07By :
ZeroCAD
ฝากโค้ด greasemonkey add-on ของ firefox หน่อยครับ// ==UserScript==
// @name media finder
// @namespace num
// @include *
// ==/UserScript==
// Example from http://www.joanpiedra.com/jquery/greasemonkey/
function array_unique (inputArr) {
// Removes duplicate values from array
//
// version: 1002.420
// discuss at: http://phpjs.org/functions/array_unique // + original by: Carlos R. L. Rodrigues (http://www.jsfromhell.com)
// + input by: duncan
// + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + bugfixed by: Nate
// + input by: Brett Zamir (http://brett-zamir.me) // + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: Michael Grier
// + bugfixed by: Brett Zamir (http://brett-zamir.me)
// % note 1: The second argument, sort_flags is not implemented;
// % note 1: also should be sorted (asort?) first according to docs // * example 1: array_unique(['Kevin','Kevin','van','Zonneveld','Kevin']);
// * returns 1: {0: 'Kevin', 2: 'van', 3: 'Zonneveld'}
// * example 2: array_unique({'a': 'green', 0: 'red', 'b': 'green', 1: 'blue', 2: 'red'});
// * returns 2: {a: 'green', 0: 'red', 1: 'blue'}
var key = '', tmp_arr2 = {}, val = '';
var __array_search = function (needle, haystack) {
var fkey = '';
for (fkey in haystack) {
if (haystack.hasOwnProperty) { if ((haystack[fkey] + '') === (needle + '')) {
return fkey;
}
}
} return false;
};
for (key in inputArr) {
if (inputArr.hasOwnProperty) { val = inputArr[key];
if (false === __array_search(val, tmp_arr2)) {
tmp_arr2[key] = val;
}
} }
return tmp_arr2;
}
jquery_function = function(){
$(function(){
var div,img,span,hrefs
hrefs = [];
div_wind = $('<div/>');
div = $('<div/>');
$('img[src]').each(function(href_index){
var src = $(this).attr('src').replace(/\?.*$/,'');
hrefs[href_index] = src;
});
hrefs = hrefs.sort();
imgs = [];
for(var i in hrefs){
imgs[i] = hrefs[i];
}
imgs = array_unique(imgs);
for(var i in imgs){
$('<img/>').attr('src',imgs[i]).attr('align','top').css({height:'48px'}).mousemove(function(){
var img1 = $('<img/>').attr('src',$(this).attr('src')).css({position:'absolute',left:'300px',top:$(this).offset().top}).appendTo('body');
window.setTimeout(function(){img1.remove();},2000);
}).appendTo(div);
$('<span/>').text(imgs[i]).appendTo(div);
$('<br/>').appendTo(div);
}
div.css({
position:'absolute',
left:0,top:0,
border:'solid green 2px',
backgroundColor:'white',
color:'black',
width:'80%'
});
var b = $('<button/>');
b.attr('id','mf-close-btn');
b.text('Hide/Show');
b.click(function(){
div.toggle();
});
b.appendTo(div_wind);
b.css({position:'absolute',right:0,top:0});
div.appendTo(div_wind);
div_wind.appendTo('body');
//alert(imgs.join('\n'));
});
}
if (typeof unsafeWindow.jQuery == 'undefined'){
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
function jq() {
if(typeof unsafeWindow.jQuery == 'undefined') {
window.setTimeout(jq,200);
} else {
if (typeof $ == 'undefined'){
$ = unsafeWindow.jQuery;
}
jquery_function();
}
}
jq();
} else{
$ = unsafeWindow.jQuery;
jquery_function();
}
Date :
2010-02-24 16:53:19By :
num
อย่าใช้เครื่องหมาย == เปรียบเทียบตัวแปรคนละประเภทอย่างเช่น int เปรียบเทียบกับ stringhttp://cakephp.jitwitya.com/post/in_array-problem
Date :
2010-03-01 20:16:14By :
num
ขอบคุณมากๆเลยครับ
Date :
2010-03-04 20:48:03By :
shine1350
สุดยอดเลยครับ ดูไปดูมาเกิดไอเดียขึ้นมากมาย
Date :
2010-03-12 02:39:33By :
Neptune29
http://delicious.com/
Date :
2010-03-14 19:59:04By :
num
http://www.asp.net/ajaxlibrary/learn.ashx
Date :
2010-03-18 14:56:20By :
num
http://www.learningjquery.com/2009/07/setting-up-visual-studio-intellisense-for-jquery
Date :
2010-03-18 15:45:57By :
num
สุดยอดไปเลยครับขอบอก
Date :
2010-03-23 11:00:51By :
chonburi f.c
การเลือกใช้ data control ใน asp.net
Date :
2010-03-24 09:31:17By :
num
ปรับให้ php upload ไฟล์ขนาดใหญ่ได้ที่ php.ini
Date :
2010-03-31 11:02:12By :
num
มีแต่ที่น่าสนใจทั้งนั้นเลย
Date :
2010-03-31 11:05:36By :
rinchie
สำหรับคนที่มีปัญหาใช้ iconv ไม่ได้ครับ
Date :
2010-04-16 09:01:37By :
num
http://code.google.com/intl/th-TH/apis/ajaxfeeds/
Date :
2010-04-20 18:02:24By :
google
javascript
Date :
2010-04-21 01:43:19By :
num
fisheye menu, multilevel menu
Date :
2010-04-22 09:50:24By :
num
http://www.alice.org/
Date :
2010-04-22 22:59:23By :
num
โค้ดช่วยแสดง object ของ jpgraph ที่สามารถ set font ได้ครับechoSetFont($graph,'$graph');
echoSetFont($activity,'$activity');
function echoSetFont($obj,$name,$fontNumber='FF_USERFONT1'){
foreach($obj as $k=>$o){
if (is_object($o)){
$vars = array_keys(get_object_vars($o));
if (method_exists($o,'SetFont')){
echo $name,'->',$k,'->SetFont('.$fontNumber.')<br/>';
}
echoSetFont($o,$name.'->'.$k,$fontNumber);
}
}
}
Date :
2010-04-24 09:34:43By :
num
การต่อ string path
Date :
2010-04-27 14:01:56By :
num
ในการบันทึก upload file ควรตรวจสอบ extension มากกว่า header เพราะ header ปลอมได้
Date :
2010-04-27 14:38:39By :
num
พอดีทำมาหลายวิธีทั้งแบบ function,javascript ในการตัดคำพอมาทำคำสั่งนี้ใช้งานได้ก็เลยเอามาฝากสำหรับใครอยากได้นะครับ
Date :
2010-05-09 19:11:55By :
somparn
ปัญหาในการใช้ parseInt ของ javascript
Date :
2010-05-12 22:26:24By :
plakrim
webdesigner php framework สายพันธ์ไทย
Date :
2010-05-14 08:43:24By :
num
ปัญหาเผลอ drop database ใน phpmyadmin
Date :
2010-05-22 08:17:25By :
num
สุดยอดเลยครับพี่
Date :
2010-05-24 14:28:40By :
boonp
http://articles.sitepoint.com/article/resize-popup-fit-images-size
Date :
2010-05-27 12:00:42By :
num
ขอบคุณทุกท่านมากเลยครับ ได้ประโยชน์มากๆ เลยครับ ^ ^" บางอย่างก็ไม่เคยเห็นมาก่อนเลยครับ ได้ความรู้ใหม่ ๆเพิ่มอีกเยอะเลย
Date :
2010-06-01 23:45:46By :
macaroni
// ==UserScript==
// @name change background color
// @namespace num
// @include *
// ==/UserScript==
jquery_function = function(){
$(function(){
$('body').css('background','').css('background-color','#CCCCCC');
});
}
if (typeof unsafeWindow.jQuery == 'undefined'){
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
function jq() {
if(typeof unsafeWindow.jQuery == 'undefined') {
window.setTimeout(jq,200);
} else {
if (typeof $ == 'undefined'){
$ = unsafeWindow.jQuery;
}
jquery_function();
}
}
jq();
} else{
$ = unsafeWindow.jQuery;
jquery_function();
}
Date :
2010-06-02 11:13:36By :
num
มาลงชื่อ 555+
Date :
2010-06-14 09:43:40By :
tungman
มาลงชื่อเหมือนกัน อิอิอิ
Date :
2010-06-17 15:47:14By :
meebear
Date :
2010-06-18 22:06:12By :
plakrim
โฆษณาลอยตามการ scroll
Date :
2010-06-19 22:59:37By :
num
โอ้โห เยอะแยะเลยครับ แต่ผมว่าคัดเอาเพาะที่ใช้แล้วได้ผลดี
Date :
2010-06-21 15:10:15By :
hikari42
Date :
2010-06-22 21:58:55By :
plakrim
Date :
2010-06-22 22:00:33By :
plakrim
Date :
2010-06-22 22:12:25By :
plakrim
อันหลังนี่เอาไปใช้แล้วค่ะ แต่งสะชมพูจ๋ารุย ^^ cool slide login นี่อะค่ะ
Date :
2010-06-23 00:15:23By :
blurEyes
สุดยอด
Date :
2010-06-29 11:25:55By :
MoZarMZa
ขอบคุณพี่ ๆ เพื่อน ๆ ทุกคนด้วยครับ
Date :
2010-07-02 15:09:25By :
somboon21
http://php-java-bridge.sourceforge.net/pjb/
Date :
2010-07-07 10:01:09By :
2123
เขียนบทความสำหรับกันลืมของตัวเอง แต่อาจมีประโยชน์กับคนอื่นๆบ้างครับhttp://blog.mysignz.com/
Date :
2010-07-14 17:36:38By :
ผ่านมา
Date :
2010-07-15 23:17:16By :
PlaKriM
Date :
2010-07-15 23:26:19By :
PlaKriM
http://appinventor.googlelabs.com ครับ ถ้ามีข่าวความคืบหน้าอย่างไรผมจะมารายงานให้ทราบกันครับ ปิดท้ายผมเอาวีดีโอมาฝาก ลองดูกันว่าเจ้าโปรแกรมตัวนี้มันทำงานอย่างไรhttp://googlelabs.com
Date :
2010-07-17 14:45:56By :
itzone
Animated table sort ทำให้ตารางขยับได้http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111#part3 http://mitya.co.uk/scripts/111/source/jquery.tableSort.js http://www.w3avenue.com/2010/06/17/animated-table-sort/
Date :
2010-07-17 15:00:46By :
itzone
ความรู้ทั้งนั้น
Date :
2010-07-20 01:39:07By :
t1u2m3
JQuery Plugin : ทำฟองอากาศเคลื่อนไหวด้วย Bubble Enginehttp://www.soyos.net/bubble-engine-plugin-for-jquery.html http://www.soyos.net/tl_files/demos/bubbles/
Date :
2010-07-23 15:55:50By :
system32
http://webresourcesdepot.com
Date :
2010-07-23 15:57:42By :
system32
http://premiumsoftware.net/cleditor/ http://premiumsoftware.net/cleditor/ ผ่านทาง http://w3avenue.com
Date :
2010-07-23 16:03:30By :
itzone
ขอบคุณความรู้ครับ
Date :
2010-07-25 02:53:29By :
dragonjza
http://www.lucid-desktop.org http://www.lucid-desktop.org/download http://webresourcesdepot.com
Date :
2010-07-25 17:35:58By :
itzone
โหย มีอะไรดีๆมากมาย
Date :
2010-07-31 21:55:47By :
changsunha
ขอบใจหลายๆๆๆอิอิ
Date :
2010-08-02 01:28:30By :
aoanucha077
ที่นี่เยี่ยมไปเลยตรับ
Date :
2010-08-02 02:29:54By :
spidermamep
น่าใช้งานทุกอันเลยครับ
Date :
2010-08-02 07:11:15By :
okazaa
ขอบคุณมากครับ เดี๋ยวจะลองเอาไปใช้ดูครับ
Date :
2010-08-02 08:32:14By :
cyberwizard
สุดยอดไปเลยครับ เดี๋ยวไปหาอะไรเจ๋ง ๆ มาร่วมแจมด้วยคน รอก่อนนะ......
Date :
2010-08-02 12:43:46By :
gookaen
สุดยอด
Date :
2010-08-02 13:08:56By :
widcom_50
ไม่สามารถจะเปิดดูได้ครบ แต่กะขอเก็บ link ใว้ เผื่อมีโอกาสจะได้ใช้ง่า
Date :
2010-08-03 16:36:26By :
pondpond
ขอบใจหลาย จาลองไปใช้ดู
Date :
2010-08-05 09:50:01By :
stou9
ขอบคุณมากครับ
Date :
2010-08-05 11:25:45By :
naiin
ขออภัยครับพอดีโพสแล้วมีข้อความบอกให้ตรวจสอบโพส มันเลยมาสองโพสเลย
ประวัติการแก้ไข
Date :
2010-08-05 11:26:51By :
naiin
ขอบคุณครับ
Date :
2010-08-05 14:18:42By :
tale01
มีVDOสอนทำ web หรือเปล่าครับ
Date :
2010-08-06 09:33:41By :
glah
เยอะ เยะ มาก มาก เลือกใช้ ไม่ถูก เลย...
Date :
2010-08-07 18:14:06By :
peezaa
มีประโยชน์มากเลยค่ะ
Date :
2010-08-10 13:20:00By :
kawaiiae
ขอบคุณมากๆ เลยครับ
Date :
2010-08-11 08:45:18By :
krusurin
ดีครับ เอามาฝากกันเยอะเลยนะครับ
Date :
2010-08-12 02:26:01By :
KOBNOY
โห..... เยอะแยะ มากมายขนาดนี้ ไปหามาจากไหนหรอเนี่ย ขอบคุณมาครับ
Date :
2010-08-12 08:47:08By :
demonking
Great site... understanding a little :)
Date :
2010-08-13 15:56:41By :
cyberhippie
ตาลายไปหมด เยอะดีครับ ขอบคุณ
Date :
2010-08-18 07:11:47By :
aliverkung
ขอบคุณนะครับ ลูกเล่นเยอะแยะเลย จะเอาไปใช้ให้เกิดประโยชน์ให้มากที่สุด
Date :
2010-08-26 11:04:35By :
MrCyberBoy
Elegant Useful and Free PHP Graph/Chart Libraries
Date :
2010-09-09 09:13:41By :
somparn
ตกแต่งภาพไม่ต้องใช้ photoshop
Date :
2010-09-09 09:33:35By :
somparn
ขอบคุณอีกครั้่งค่ะ
Date :
2010-09-11 14:24:28By :
nongcharmung
ทำภาพสไลด์ เข้าไปดูเองละกัน
Date :
2010-09-16 11:19:09By :
somparn
Quote: แปะอีกที่
Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Clone TR With DatePicker by PlaKriM ฉึกๆ</title>
<link type="text/css" href="jquery-ui-1.8.4.custom/css/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript">
var options = {
dateFormat: 'yy/mm/dd',
changeYear: true,
changeMonth: true,
buttonImageOnly: true,
buttonText: 'คลิกเพื่อเลือกวันที่',
showOn: 'button',
buttonImage: 'jquery-ui-1.8.4.custom/images/date_picker.gif',
duration: 'fast'
};
$(function(){
$('.datepicker').datepicker(options);
$("img[src$='images/date_picker.gif']").mouseover(function() {
$(this).css('cursor','pointer');
});
$('#insert')
.click(function(){
$('#mytbl tbody tr')
.last().clone().prependTo("#mytbl tbody")
.find('.datepicker').each(function() {
$(this).next('img').remove();
$(this).removeAttr('id').removeClass('hasDatepicker').datepicker(options);
$("img[src$='images/date_picker.gif']").mouseover(function() {
$(this).css('cursor','pointer');
});
});
})
.css('cursor','pointer');
$('#delete')
.click(function(){
if($('#mytbl tbody tr').length > 1) $('#mytbl tbody tr').last().remove();
})
.css('cursor','pointer');
});
</script>
<style type="text/css">
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font:10px Tahoma, Geneva, sans-serif;}
</style>
</head>
<body>
<table id="mytbl" border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<td align="center"><strong>Textbox</strong></td>
<td align="center"><strong>DropDown</strong></td>
<td align="center"><strong>DatePicker</strong></td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="a[]" /></td>
<td align="center">
<select type="text" name="b[]">
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
</select>
</td>
<td><input type="text" name="c[]" class="datepicker" /></td>
</tr>
</tbody>
</table>
<input type="button" value="+" id="insert" />
<input type="button" value="-" id="delete" />
<div>
<strong>Note :</strong> รูปปฎิทินหาเอง Jquery Core and UI โหลดเอง ฉึกๆ
</div>
</body>
</html>
Date :
2010-09-23 04:06:01By :
PlaKriM
http://particletree.com/features/an-overview-of-current-css-layout-techniques/
Date :
2010-09-26 14:40:30By :
num
ถ้ามีการทำสารบัญรวบรวมว่ามีเรื่องอะไรบ้างจะดีมากๆครับพี่
Date :
2010-09-28 06:25:33By :
เด็กฝีกหัด
ขอบคุณมากมาย สำหรับความรู้ดีดี คงพัฒนาฝีมือในการสร้างสรรค์เว็ปไซต์ขึ้นมาอีกขั้น...
Date :
2010-09-30 09:33:23By :
มือ2+สมอง1=สร้างสรรค์
หมดปัญหาการติดตั้ง php บน iis ด้วย web platform installer ครับhttp://php.iis.net/
Date :
2010-10-06 12:09:05By :
num
ทำไมถึงต้องทำโปรเจคสองตัว
Date :
2010-10-14 00:43:28By :
PlaKriM
น่าจะลบโพสที่ไม่ใช้ tips, tricks, tools นะครับ
Date :
2010-10-14 15:14:42By :
pjgunner.com
สงสัยได้ทำแบ่งหน้าล่ะ
Date :
2010-10-15 12:49:10By :
webmaster
ห้าๆๆ พี่วิน ก็ว่าอยู่มันยาวเกินอิอิ วันหน้าจะขนาดไหน
Date :
2010-10-15 13:40:34By :
Manussawin
แบ่งหน้าก็ดีนะพี่วิน โหลดนานมาก
Date :
2010-10-16 00:49:31By :
PlaKriM
Algorithm ที่ทำให้ google มีทุกวันนี้ครับ
Date :
2010-10-27 23:08:52By :
kanchen
http://www.codeproject.com/KB/tips/VSnetIDETipsAndTricks.aspx
Date :
2010-11-16 18:03:38By :
kitty
ใคร พอรู้บ้าง ว่าจะใช้เครื่องมือใดในการทำ แบบกล่องค้นหาแบบ facebook แบบนี้
Date :
2010-11-27 23:52:27By :
johnny
คุณ johnny ไปตั้งกระทู้ใหม่ดีกว่าครับ
Date :
2010-11-28 00:29:21By :
PlaKriM
ขอบคุณครับ
Date :
2010-12-11 09:04:19By :
kenizuka
ถ้าผมจะขออนุญาตลบ comment ที่ไม่มี tricks tips พี่วินจะว่าอะไรไหมครับ
Date :
2010-12-27 00:36:01By :
PlaKriM
thank.........
Date :
2011-01-27 20:48:38By :
hwungnee
Date :
2011-01-30 04:00:22By :
panat
jQuery DatePicker เลือกได้เฉพาะวันที่เราต้องการ เช่น จันทร์ อังคาร พุธ เป็นต้นCode (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery beforeShowDay Setting</title>
<link type="text/css" href="jQuery/css/jquery-ui-1.8.9.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jQuery/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript">
var options = {
dateFormat: 'dd/mm/yy',
changeYear: true,
changeMonth: true,
buttonImageOnly: true,
buttonText: 'คลิกเลือกวันที่',
showOn: 'button',
buttonImage: 'images/date_picker.gif',
duration: 'fast',
beforeShowDay: function(date){ return [date.getDay() == 3,""]}
};
$(function(){
$('.datepicker').datepicker(options);
$("img[src$='images/date_picker.gif']").mouseover(function() {$(this).css('cursor','pointer');});
});
</script>
<style type="text/css">
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font:10px Tahoma, Geneva, sans-serif;}
</style>
</head>
<body>
<input type="text" name="textfield" class="datepicker" />
</body>
</html>
Date :
2011-02-05 12:38:01By :
PlaKriM
Date :
2011-02-20 23:54:46By :
por_opal
จะพยายามหามาให้
Date :
2011-03-14 15:16:20By :
kasawa
ขอบคุณมากๆครับ
Date :
2011-03-22 08:25:53By :
nationnals
อยากได้ tool แบบที่เปนตัวเลข 0-9 คล้าย keyboad อะคับ
Date :
2011-03-31 12:42:13By :
TEST
ขอบคุณค่ะ
Date :
2011-03-31 14:30:29By :
sirilak12
http://sites.google.com/site/sqlprofiler/
Date :
2011-04-01 17:29:47By :
num
ขอคุณพี่ๆทุกคนมากครับ ได้ความรู้ ใหม่ๆเยอะเลย (มีสารบัญก็ดีนะครับ ^^)
Date :
2011-04-07 00:36:59By :
sodamax
ไม่ได้เข้ามานาน วันนี้มาหาเครื่องมือไว้แต่งเว็บ http://www.khemtid.com
Date :
2011-04-10 18:41:33By :
indysoft
YouTube Playlist
Date :
2011-04-23 03:43:31By :
PlaKriM
ไม่ต้องยุ่งยากในการใส่ โคตรให้ QuickTime, Flash, Audio ไฟล์อีกต่อไป แหล่มจริงๆjQuery Media Plugin
ประวัติการแก้ไข
Date :
2011-04-23 03:46:36By :
PlaKriM
เยี่ยมเลย ครับ
Date :
2011-04-24 14:48:34By :
soonthosr
ขอบคุณ ทุกท่านมากครับ เข้ามาเก็บความรู้
Date :
2011-04-25 15:34:59By :
computerit
ขอบคุณทุกท่านมาครับ
Date :
2011-04-25 15:35:41By :
computerit
กวาดให้เรียบ
Date :
2011-04-30 14:44:09By :
dragonjza
ขอบคุณมากครับ
Date :
2011-05-03 23:14:39By :
moowebsite
แบ่งหน้าก็ดีนะครับพี่ mr.win
Date :
2011-05-11 10:23:54By :
prach_kp
ขอบคุณ
Date :
2011-05-13 13:02:13By :
คาสิโน
สุดยอดทั้งนั้นเลยครับ ขอบคุณมากๆ เลยครับ ~!!^^
Date :
2011-05-21 19:38:46By :
ปลื้ม
บางลิงค์ย้าย หรือตายไปแล้วครับ น่าเสียดายบางอันไม่ได้ดูด (มันเยอะมากกก)
Date :
2011-05-28 11:42:05By :
Dragons_first
ท่าน คคห. 331 ครับ Chart นั่น ของปี 2006 เปล่าครับhttp://trends.builtwith.com/javascript
ประวัติการแก้ไข
Date :
2011-06-07 16:24:08By :
peterxp
ข้อมูลมีประโยชน์ มากๆ ครับ ขอบคุณมากครับ
Date :
2011-06-09 11:16:16By :
NichaAcc
drag and drop file upload
Date :
2011-06-09 13:33:10By :
num
สุดยอดเลยช่วยได้เยอะเลย
Date :
2011-06-13 16:27:40By :
beeris13
สวดยอดไปเลย ลวกเพี่ย ^ ^
Date :
2011-06-29 00:16:05By :
yuttasakcom
ขอบคุณทุกท่านครับ ไม่น่าละทิ้งซักอัน
Date :
2011-07-19 09:41:34By :
jokerark
อธิบายไม่ถูก แต่ขอบอกว่าสุโค่ยยยMobilyBlocks Demo
Date :
2011-07-25 23:55:17By :
PlaKriM
อย่าขอโน่นนี่เลยค่ะ พี่เค้าหามาโพสให้ก็ขอบคุณในน้ำใจมากมายแล้วค่ะ
Date :
2011-07-27 22:33:50By :
b
มาสูบครับ
Date :
2011-07-28 09:13:36By :
attaprawat
เยี่ยมมากๆครับ เอาใจช่วย อิอิ
Date :
2011-07-29 00:26:25By :
sor_mix
สุดยอดเลยครับ
Date :
2011-08-10 22:21:38By :
tanin_cmu
ขอบคุณ มากคับ
Date :
2011-08-16 16:52:31By :
blue
php template พูดง่า่ยๆก็คือ ตัวแยกส่วน view ออกจาก controller ใครอยากเขียน mvc ลองเอาไปปรับใช้กับงานดู ตัวใหม่ผมพึงเจอ ผมดูในเว็บมันเห็นว่ามันประมวลผลเร็วดีและใช้งานง่ายมาก เลยเอามาแบ่งปัน
ประวัติการแก้ไข
Date :
2011-08-28 00:48:25By :
bank1324
แจกโค้ด php สำหรับใครที่อยากลองเขียน php แบบ MVC pattern ใช้เอง โดยไม่ต้องพึง Framework
Date :
2011-08-31 00:08:19By :
bank1324
Fluid - Windows Mobile 6.x Touch Controls
Date :
2011-09-03 09:25:14By :
webmaster
ถึงจะเยอะดูไม่ไหว แต่สุดยอดครับ ^^ favorite ไว้เลย เอาไว้ไปทำโปรเจ็ค
Date :
2011-09-03 15:27:38By :
tnoname
ขอบคุณค๊าบบบ ของดี ๆ ทั้งน๊านนนน
Date :
2011-09-11 16:15:50By :
ple_lek69
คือผมยังมือใหม่อ่ะครับ รบกวนถามว่า ใช้ยังไงครับ ผมใช้ visual studio ทำเว็บอ่ะครับ ถ้าผมจะใช้ Tips ดี ๆ เหล่านี้ วิธีการใช้ยังไงครับ
Date :
2011-09-13 20:24:12By :
phont
ขอบคุณมากๆค่ะ
Date :
2011-09-27 14:05:20By :
wewi
Code (PHP) สอบถามผู้รู้หน่อยครับว่า มันเป็นเพราะอะไรครับ ผมไอาไปติดตั้งบน server แล้วถึงขึ้นแบบนี้ มันเป็นเพราะอะไรง่ะครับ แล้วต้องแก้ไขปัญหายังไงครับ
Warning: session_start() [function.session-start]: open(C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/1\sess_fbdd34b5188b896b91f629fa2aee795f, O_RDWR) failed: No such file or directory (2) in C:\AppServ\www\bb_main\bb_main\session.php on line 2
Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at C:\AppServ\www\bb_main\bb_main\session.php:2) in C:\AppServ\www\bb_main\bb_main\session.php on line 2
Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at C:\AppServ\www\bb_main\bb_main\session.php:2) in C:\AppServ\www\bb_main\bb_main\session.php on line 2
Date :
2011-09-30 12:58:12By :
taitai
อยากสอบถาม เกี่ยวกับ การเช็ก user ซ้ำกัน ในการสมัครสมาชิก โดยการใช็ ajax jQuery อ่ะไรประมาณนี้คับ พอมีตัวอย่างโค้ดป่าวคับ ขอบคุณนะคับ
Date :
2011-10-02 16:53:01By :
art
ขอบคุณล่วงหน้าเลยครับ
Date :
2011-10-02 18:49:18By :
member
คำถามกรุณาไปตั้งกระทู้ใหม่นะครับ จะได้มีคนไปตอบ
Date :
2011-10-02 23:45:40By :
ikikkok
ขอบคุณมากเลยคครับ
Date :
2011-10-10 10:58:56By :
domemall
อั๊ยยะ !!
Date :
2011-10-29 21:46:28By :
Dearka
Date :
2011-11-10 15:35:32By :
BooMZA
โอยอยากเทพมั่งจัง ตั้งหน้าตั้งตา และตั้งใจ เดินตามรอยเทพ ขอบคุณมากมายค่ะ
Date :
2011-12-06 12:02:40By :
iibuu
สำหรับคนที่จะออกรายงายงานโดยเป็น pdf ลองตัวนี้ html2pdf แค่ทำการสร้างหน้า html แล้วใส่ข้อมูลลงไปใน parameter ของ class ก็จะได้ไฟล์ pdf สำหรับออกรายงานเลย แก้ปัญหาการจัดหน้าไฟล์ pdf ไม่ได้ดังใจเพราะจัดผ่านตัว html เลยต้องการใช้ภาษาไทย $body = '<page style="font-family: freeserif;"> แสดงผลภาษาไทย </page>';
http://html2pdf.fr/en/example
Date :
2011-12-11 16:48:40By :
bank1324
รบกวน พี่ๆๆ ช่วยหนูหน่อยค่ะ
Date :
2012-01-17 03:01:39By :
BAS
ขอบคุณครับ
Date :
2012-01-20 17:52:07By :
kanong
กระทู้นี้คือ คลังสมบัติชัดๆ
Date :
2012-02-10 07:17:24By :
kakeruna
อยากได้ ฟร้อม แบบนี้อะ ขอโคท หรือเเนนำหน่อยครับ
Date :
2012-02-16 17:13:50By :
tongar
tongar ตอบไปหลายกระทู้แล้วอะครับ ลองหาดูครับ ถ้าอยากได้แบบนี้แป๊ะๆ ก็ต้องแกะเอาครับ
Date :
2012-02-16 22:55:21By :
ikikkok
dekcomwat คุณมองเห็นไหมครับ ด้านบนนะ Download the Cycle Plugin
Date :
2012-02-16 22:56:24By :
ikikkok
กระทู้นี้รวมเทพกันทั้งนั้น สุดยอดเรยพวกพี่เก่งกัน
Date :
2012-02-24 13:14:14By :
nonoomhi
สุดยอด ดูดเต็มๆ เลยครับผม
Date :
2012-03-15 14:55:24By :
cloudy
อันนี้ไม่เกี่ยวกับทำเว็บนะครับ แต่พวกเราเด็กไอทีควรเก่งภาษาอังกฤษ เพื่อความก้าวหน้า อันนี้เป็นโปรแกรมคำศัพท์วิ่งบนหน้าจอคอมพิวเตอร์http://www.mediafire.com/?1p8meh2ah63vd61
ประวัติการแก้ไข
Date :
2012-03-18 00:00:39By :
bank1324
ขอบคุณค่ะ
Date :
2012-04-08 10:07:21By :
pampam1999
ขอบคุณที่แบ่งปันสิ่งดีๆครับ
Date :
2012-04-19 10:31:33By :
reekoong
ตัวอย่างวิธีการสร้าง เมนู เวลาคลิกขวา ครับ http://goo.gl/tPQL3
Date :
2012-05-19 15:35:59By :
reekoong
คุณ REE ครับ แก้ไข Link หน่อยครับ เข้าไม่ได้
Date :
2012-05-24 11:23:33By :
thethaicom
อันนี้เป็น Dorp down ที่ผมเขียนขึ้นมาใช้งานเอง เป็น HTML + CSS3 ยังบัคเรื่อง IE8 ลงไป กับ Opera ถ้ายังไงก็ช่วยขัดเกาให้หน่อยก็ดีนะครับ สำหรับคนที่เอาไปใช้ก็ดัดแปลงเอาตามใจชอบเลยครับ ส่วนที่ 1 เป็น HTML <meta charset="UTF-8"/>
<!-- Menu 1 -->
<ul class="nav-menu-top">
<li>
<a href="#">เมนู 1</a>
<ul>
<li class="Menu">
<a href="#">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.1
</a>
</li>
<li class="Menu">
<a href="#">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.2
</a>
</li>
<li class="Menu">
<a href="#">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.3
</a>
</li>
<li class="Menu">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.4
</li>
<li>
<a href="#">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.4
<img src="next.png" width="30" height="30" border="0" align="right"/>
</a>
<ul>
<li class="Mu">เมนู 1.4.1</li>
<li class="Mu">เมนู 1.4.2</li>
<li class="Mu">เมนู 1.4.3</li>
</ul>
</li>
<li>
<a href="#">
<img src="image.png" width="16" height="16" border="0" align="absmiddle"> เมนู 1.5
<img src="next.png" width="30" height="30" border="0" align="right"/>
</a>
<ul>
<li class="Menu">
<a href="#">เมนู 1.5.1</a>
</li>
<li class="Menu" id="nav-menu-left">
<a href="#">
เมนู 1.5.2
<img src="next.png" width="30" height="30" border="0" align="right"/>
</a>
<ul>
<li class="mi">เมนู 1.5.2.1</li>
<li class="mu">เมนู 1.5.2.2</li>
</ul>
</li>
</ul>
</ul>
</li>
</ul>
</ul>
<!-- Menu 2 -->
<ul class="nav-menu-top">
<li id="report"><a href="#">2</a>
<ul>
<li><a href="#">เมนู 2.1</a></li>
<li><a href="#">เมนู 2.2</a></li>
</ul>
</ul>
<!-- Menu 3 -->
<ul class="nav-menu-top">
<li><a href="#">เมนู 3</a>
<ul>
<li><a href="#">เมนู 3.1</a></li>
<li><a href="#">เมนู 3.2</a></li>
</ul>
</ul>
<!-- Menu 4 -->
<ul class="nav-menu-top">
<li><a href="#">เมนู 4</a>
<ul>
<li class="mu"><a href="#"><img src="image.png" width="16" height="16" border="0" align="absmiddle"/> เมนู 4.1</a></li>
<li class="mu"><a href="#"><img src="image.png" width="16" height="16" border="0" align="absmiddle"/> เมนู 4.2</a></li>
<li class="mu"><a href="#"><img src="imae.png" width="16" height="16" border="0" align="absmiddle"/> เมนู 4.3</a></li>
</ul>
</ul>
ส่วนที่ 2 เป็น Css /* CSS Document */
nav .nav-menu-top
{
margin : 5px;
padding : 0px;
display : inline-block;
width : 100px;
height : 25px;
vertical-align : top;
text-align : center;
text-decoration : none;
position : relative;
font:Verdana, Geneva, sans-serif 14px;
}
nav ul
{
margin : 0;
padding : 0;
font:Verdana, Geneva, sans-serif 14px;
}
nav ul li:hover
{
color : #000000;
text-decoration : none;
background:#999999;
}
nav ul li a
{
color : #000000;
text-decoration : none;
}
nav ul li ul
{
line-height : 2em;
background : #CCCCCC;
width : 250px;
position : relative;
text-align : left;
visibility : hidden;
top : 2px;
z-index : 1;
}
nav ul li:hover ul
{
background : #CCCCCC;
width : 250px;
position : relative;
text-align : left;
visibility : visible;
z-index : 2;
}
nav ul li ul li
{
padding-left:10px;
background : #CCCCCC;
width : 250px;
position : relative;
text-align : left;
border : 1px #999999 solid;
}
nav ul li ul li:hover
{
background : #999999;
width : 250px;
position : relative;
text-align : left;
border : 1px #999999 solid;
}
#wapper nav .nav-menu-top li ul li ul {
display : block;
clear : both;
position : absolute;
visibility : hidden;
top : 0px;
left : 16.3em;
}
#wapper nav .nav-menu-top li ul li:hover ul {
display : block;
clear : both;
position : absolute;
visibility : visible;
top : 0px;
left : 16.3em;
}
#wapper nav .nav-menu-top li ul li:hover ul ul {
display : block;
clear : both;
position : absolute;
visibility : hidden;
top : 0px;
left : 16.3em;
}
#wapper nav .nav-menu-top li ul li:hover ul #nav-menu-left:hover ul {
display : block;
clear : both;
position : absolute;
visibility : visible;
top : 0px;
left : 16.3em;
}
ประวัติการแก้ไข
Date :
2012-07-25 01:00:42By :
thethaicom
หมอปัญหาเรื่อง Css กับทุก Bowser เพียงแค่เข้าเว็บนี้ แล้วเอาโค๊ดไปว่างมันจะทำการแปลงโค๊ดให้ใช้งานได้ทุก Bowserhttp://prefixmycss.com
Date :
2012-07-27 22:45:18By :
thethaicom
ถ้ารถไฟ มาทางนี้ ก็เอานี่เอีกอันครับhttp://jsfiddle.net/quBgf/
Date :
2012-10-31 17:09:55By :
deawx
ขอบใจมากครับ หาเวป เขียนกราฟ มาตั้งนาน
Date :
2013-01-10 13:40:42By :
l2omantic
http://paramquery.com/demos
Date :
2013-01-18 07:19:07By :
deawx
ผมอยากได้ code php ที่ทำประกาศข่าวสารแบบเจ๋งๆอะครับ
Date :
2013-02-12 15:03:10By :
aeknarinaem
ขอบคุณแต่ละท่านมากคับ ^^
Date :
2013-02-16 00:04:41By :
aothesun
http://jsbin.com/uxijup/3/ ประยุกต์ใช้ Jquery UI - Datepicker Month Year Select
ประวัติการแก้ไข
Date :
2013-02-26 07:28:34By :
deawx
thx
Date :
2013-03-12 22:15:15By :
kitsanin099
http://www.ztree.me/v3/demo.php สำหรับคนที่ทำเมนูแบบ TREE
Date :
2013-03-25 15:13:01By :
deawx
ทำ Tabs ด้วย jQuery ดึงค่าจาก หน้า Dynamic PHP
Date :
2013-04-10 11:24:51By :
liverple
ดีจังเลยครับ ขอบคุณมากครับ
Date :
2013-04-22 13:20:56By :
avenged25589
ขอบคุณมากครับ ที่แบ่งปันความรู้
Date :
2013-09-04 21:41:20By :
บอย
อยากให้ปักหมุดกระทู้นี้ไว้อีกทีครับ
Date :
2013-09-04 22:09:14By :
deawx
แอดมินช่วยทำ pagination ด้วยได้มั้ยคับ กระทู้ใหญ่ขนาดนี้หน่วงเครื่องมาก
Date :
2013-09-05 00:59:04By :
แบ่งหน้าเหอะ
อ้าว พี่ิวิน เอากลับคืนมา นึกว่าแบ่งหน้าแล้วซะอีก
Date :
2013-09-05 03:07:17By :
PlaKriM
มีที่ให้ศึกษาอีกแล้วว ขอบคุณมากๆๆคร้าบๆๆๆ
Date :
2013-09-05 03:17:06By :
pengbuts
ขอวิธีการทำ upload downliad ไฟล์ word execel php หน่อยคับ คือผมเป็นมือใหม่อยู่คับ ขอบคุณคับ
Date :
2015-04-26 12:59:30By :
leamza
เสียดายที่กระทู้มีประโยชน์แบบนี้ ไม่ได้ปักหมุดไว้
Date :
2015-04-26 22:54:29By :
deawx
Server 02
Load balance : Server 02
ถ้าได้ใช้ จะมาใหม่ 
สมกับการปักปุกจริงๆครับเพ่วิน ของดีๆทั้งนั้นครับ
Quote:
