Web Development and Programming Help. » Javascript

Javascript ดึงชื่อไฟล์และนามสกุลจาก URL

admin — Wed, 01 Feb 2012 08:44:04 +0000

ขอยกตัวอย่างนะครับเช่น http://www.memo8.com/toolkits/home.html ก็จะได้

filename1 = ‘home.html’ (ชื่อไฟล์+นามสกุล)
filename2 = ‘home’ (เฉพาะชื่อไฟล์ไม่มีนามสกุล)
file_extension =’html’ (เฉพาะนามสกุล)

url = window.location.pathname;
filename1 = url.match(/.*\/(.*)$/)[1];// ชื่อไฟล์+นามสกุล home.html
filename2 = filename.split(/\./)[0]; // ชื่อไฟล์ไม่มีนามสกุล home
file_extension = filename.split(/\./)[1]; // นามสกุลไฟล์ html

Javascript auto uppercase .

admin — Fri, 09 Sep 2011 09:34:31 +0000

ฟังก์ชั่นเปลี่ยนตัวอักษรเป็นตัวพิมพ์ใหญ่อัตโนมัติ ขณะพิมพ์ในช่อง textbox ลองเอาไปปรับใช้ดูครับ

HTML Head

HTML Body

ที่มา : http://snipplr.com/view/1151/

Javascript Check and Uncheck All Checkboxes.

admin — Thu, 08 Jul 2010 06:04:38 +0000

เป็น Function เล็กๆสำหรับ Check และ Uncheck ของ Checkbox ทั้งหมด โดยชื่อ Checkbox ในตัวอย่างนี้ใช้เป็น Array ครับ เหตุผลที่ใช้เพราะตอนเขียน PHP ต้องการรับค่าเป็น Array (แล้วแต่โปรแกรมที่ทำนะจ๊ะ) ดูตัวอย่างด้านล่างเลยดีกว่า

Head

<script language="JavaScript" type="text/javascript">

script>

Body

<form action="" method="post" name="frmAdd" id="frmAdd">
<input type="checkbox" name="checkAll" id="checkAll" value="All" onclick="checkAllController(document.frmAdd,this,'checkArr')">All <br>
<input type="checkbox" name="checkArr[]" id="checkArr[]" value="1">1 <br>
<input type="checkbox" name="checkArr[]" id="checkArr[]" value="2">2 <br>
<input type="checkbox" name="checkArr[]" id="checkArr[]" value="3">3 <br>
<input type="checkbox" name="checkArr[]" id="checkArr[]" value="4">4 <br>
<input type="checkbox" name="checkArr[]" id="checkArr[]" value="5">5 <br>
form>

Demo : http://www.memo8.com/lab/javascript/javascript-check-uncheck-all-checkboxes/demo.html
Download : http://www.memo8.com/lab/javascript/javascript-check-uncheck-all-checkboxes/demo.htmls

ฟังก์ชั่น javascript แปลงเลขทศนิยมเป็นเปอร์เซนต์

admin — Wed, 14 Apr 2010 06:47:31 +0000

Script : Convert decimal to percent.

function convertDecimalToPercent(Decimal) {
 Percent =  (Decimal * 100);
 return Percent.toFixed(2);
}

Javascript กำหนดจำนวนตัวอักษร(Maxlength)ให้กับ Textarea

admin — Sat, 11 Apr 2009 06:45:05 +0000

สำหรับใครที่ต้องการกำหนดจำนวนตัวอักษรของ text area ให้เหมือน text input นั้นลอง script ตัวนี้เลยครับ support ทั้ง ie และ firefox
Javascript

function ismaxlength(obj){

var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""

if (obj.getAttribute && obj.value.length>mlength)

obj.value=obj.value.substring(0,mlength)

}

ตัวอย่าง

ที่มา: http://www.dynamicdrive.com/dynamicindex16/maxlength.htm

เปรียบเทียบวันที่ด้วย Javascript

admin — Fri, 20 Feb 2009 14:51:36 +0000

หากเราจะเปรียบเทียบกันโต้งๆก็คงไม่ได้เราต้องอาศัย Date Object ของ javascript ช่วยด้วย โดยรูปแบบจะเป็นแบบนี้

new Date(yyyy, mm, dd);

มาดูตัวอย่าง script กันผมใช้ javascript split methodช่วยแยก วันเดือนปีเก็บเป็น Array เพื่อใ่สเข้าไปใน Date Object













ÇÑ¹·ÕèàÃÔèÁ

ÊÔé¹ÊØ´

ตัวอย่างโปรแกรมที่ได้

ดึงค่าจาก Text Input ที่ตั้งชื่อเป็น Array ด้วย Javascript

admin — Fri, 20 Feb 2009 14:20:39 +0000

เอามาแป่ะกันลืมอย่างเคยอุอุ
ดูจาก code การทำงานก็คือ ถ้าคลิกที่ปุ่มก็จะไปเรียกฟังก์ชั่น getValueArray()เพื่อแสดงค่าใน Text Input ที่ตั้งชื่อเป็น Array ทั้งสองตัวครับ

ตัวอย่างโปรแกรมที่ได้

Javascript ห้ามคลิกขวา

admin — Sun, 03 Aug 2008 11:49:06 +0000

Support Firefox และ IE จะว่าไปก็ไม่ได้ทำให้ชีวิตดีขึ้นหรอกไอ้ Script พวกนี้ แต่ถ้าลูกค้าขอก็ต้องจัดให้…

var message="";

function clickIE()

{if (document.all)

{(message);return false;}}

function clickNS(e) {

if

(document.layers||(document.getElementById&&!document.all))

{

if (e.which==2||e.which==3) {(message);return false;}}}

if (document.layers)

{document.captureEvents(Event.MOUSEDOWN);document.  onmousedown=clickNS;}

else

{document.onmouseup=clickNS;document.oncontextmenu  =clickIE;}

document.oncontextmenu=new Function("return false")

ที่มา : http://www.java-scripts.net/javascripts/Right-Click-Block.phtml

รวมลิงค์ Javascript Frameworks

admin — Sat, 12 Jul 2008 14:48:05 +0000

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

ครั้นจะมาเขียน Javascript หรือใช้การรวมเทคโนโลยี AJAX เข้าช่วย ก็สู้ Flash ไม่ได้ในเรื่อง Motion ที่นุ่มนวลกว่าแน่นอน ผมยังจำได้สมัยทำงานแรกๆนั้น ก็ป้วนเปี้ยนอยู่กับ Flash กะว่าจะเขียน Action Script ให้ได้บ้าง แต่ไปๆมาๆ ก็เริ่มหางเหิน (เพราะเราไม่คู่กัน ฮ่าๆๆ) แต่บางครั้ง ลูกเล่นเล็กน้อยเพื่อให้เว็บดูใช้งานง่าย เช่น การลากวาง,แสดงเพจแบบแบ่งการโหลด , หรือต่างๆนาๆ ตรงนี้แหล่ะเหมาะกับ Javascript Javascript เขียนสนุกดีนะ แต่ก็ Sensitive พอตัว แค่พิมพ์ผิดนิดเดียวเล่นเอาการแสดงผลเจ๊งได้ง่ายๆเลยทีเดียว ตัดบทเลยแล้วกัน มาดูรายการลิงค์ Javascript Frameworks กันดีกว่า

อ้างอิงลิงค์จากที่นี่ :

http://speckyboy.com/2008/04/01/top-10-javascript-frameworks-which-do-you-prefer/

ฟังก์ชั่น Get URL Parameters ด้วย Javascript

admin — Fri, 27 Jun 2008 17:33:14 +0000

function gup( name ){
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
return "";
else
return results[1];
}

Example

gup( 'ParameterName');

ที่มา : http://www.netlobo.com/url_query_string_javascript.html