บันทึกโดย TaTump วันที่ 11 April 2009 | 347 views
สำหรับใครที่ต้องการกำหนดจำนวนตัวอักษรของ 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)
}
ตัวอย่าง
<textarea maxlength="40" onkeyup="return ismaxlength(this)"></textarea>
ที่มา: http://www.dynamicdrive.com/dynamicindex16/maxlength.htm
บันทึกโดย TaTump วันที่ 20 February 2009 | 323 views
เอามาแป่ะกันลืมอย่างเคยอุอุ
ดูจาก code การทำงานก็คือ ถ้าคลิกที่ปุ่มก็จะไปเรียกฟังก์ชั่น getValueArray()เพื่อแสดงค่าใน Text Input ที่ตั้งชื่อเป็น Array ทั้งสองตัวครับ
<HTML>
<HEAD>
<script language="JavaScript" type="text/JavaScript">
function getValueArray(){
var arr = window.document.getElementsByName("ele[]");
var arr_length = arr.length;
for(i = 0; i < arr.length; i++){
alert(arr[i].value);
}
}
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" NAME="form1">
<INPUT TYPE="text" NAME="ele[]" ID="ele[]" VALUE="">
<INPUT TYPE="text" NAME="ele[]" ID="ele[]" VALUE="">
<INPUT TYPE="Button" VALUE="Button" onclick="getValueArray();">
</FORM>
</BODY>
</HTML>
ตัวอย่างโปรแกรมที่ได้
บันทึกโดย TaTump วันที่ 24 September 2008 | 549 views
รู้สึกไม่ได้เขียนบทความนานแล้ว (นานป่าวหว่า…) งานเยอะ บ้ากล้อง แต่ยังไม่มีเวลาออกรอบ ตอนนี้มี multiply เป็นของตัวเองแล้วชื่อว่า iamtatump.multiply.com อย่าลืมแวะเข้าไปบ้างนะจ๊ะ (ฝีมือยังห่วยแตกอยู่…แต่โม้ไว้ก่อน)
เอาล่ะ!เข้าเรื่องโปรแกรมที่แนะนำวันนี้คือ ฟรีแวร์ดีๆ ไว้ใช้สำหรับ Convert HTMLไปเป็น ASP, PHP, Perl, JSP หรือ JavaScriptจะเอาไปประยุกต์ยังไงแล้วแต่บุคคลนะจ๊ะ
สำหรับผมตอนนี้ก็เผื่อทำ html แบบเพียวๆแล้วต้องการ include พวกเมนูต่าง โดยทำเป็น html ธรรมดานี่แหล่ะจากนั้นก็ใช้เจ้าโปรแกรมนี้แปลงเป็น javscript แล้วเราก็จัดการ include มันเข้ามา นี่แค่แนวคิดนะแต่ผมว่ามันมีประโยชน์อีกเยอะ ใครมีไรก็บอกๆกันบ้างเด้อ
Download: http://www.snapfiles.com/download/dlscriptconverter.html
บันทึกโดย TaTump วันที่ 3 August 2008 | 411 views
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
บันทึกโดย TaTump วันที่ 12 July 2008 | 177 views
หลายเดือนนี้ผมเขียนเว็บ Dynamic ค่อนข้างเยอะลูกเล่นแพรวพราว สิ่งที่ได้เรียนรู้อีกอย่างนึงคือ หากจะให้เว็บไซต์หวือหวามากๆ ผมว่ายังไงๆก็ต้องเป็น Flash อยู่ดี ครั้นจะมาเขียน Javascript หรือใช้การรวมเทคโนโลยี AJAX เข้าช่วย ก็สู้ Flash ไม่ได้ในเรื่อง Motion ที่นุ่มนวลกว่าแน่นอน ผมยังจำได้สมัยทำงานแรกๆนั้น ก็ป้วนเปี้ยนอยู่กับ Flash กะว่าจะเขียน Action Script ให้ได้บ้าง แต่ไปๆมาๆ ก็เริ่มหางเหิน (เพราะเราไม่คู่กัน ฮ่าๆๆ) แต่บางครั้ง ลูกเล่นเล็กน้อยเพื่อให้เว็บดูใช้งานง่าย เช่น การลากวาง,แสดงเพจแบบแบ่งการโหลด , หรือต่างๆนาๆ ตรงนี้แหล่ะเหมาะกับ Javascript Javascript เขียนสนุกดีนะ แต่ก็ Sensitive พอตัว แค่พิมพ์ผิดนิดเดียวเล่นเอาการแสดงผลเจ๊งได้ง่ายๆเลยทีเดียว ตัดบทเลยแล้วกัน มาดูรายการลิงค์ Javascript Frameworks กันดีกว่า
- http://script.aculo.us/
- http://www.prototypejs.org/
- http://www.mootools.net/
- http://jquery.com/
- http://www.mochikit.com/
- http://rialto.improve-technologies.com/wiki/
- http://dojotoolkit.org
- http://labs.adobe.com/technologies/spry/
- http://asp.net/ajax/
- http://sourceforge.net/projects/clean-ajax/
อ้างอิงลิงค์จากที่นี่ :
http://speckyboy.com/2008/04/01/top-10-javascript-frameworks-which-do-you-prefer/
บันทึกโดย TaTump วันที่ 28 June 2008 | 515 views
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
บันทึกโดย TaTump วันที่ 25 June 2008 | 470 views
ฟังก์ชั่นไว้สำหรับจัดการกับรูปแบบตัวเลขครับ จัดการจุดทศนิยม หรือ เติมเครื่องหมายคอมม่าให้
Examples
<script type="text/javascript" src="numberFormat154.js"></script>
<script type="text/javascript">
var num = new NumberFormat(10901.375).toFormatted();
// num will equal 10,901.38
</script>
Download : NumberFormat154.js
บันทึกโดย TaTump วันที่ 8 March 2008 | 1,604 views
สืบเนื่องจากบทความ เปิด JavaScript ได้อย่างไร? นั่นสิแล้ว User จะรู้ได้ไงวะว่า กุต้องเปิด Javascript เราก็เลยต้องตั้งแจ้งเตือนไว้ที่หน้าเว็บเลย ดู script ตัวอย่าง
html
<noscript>
Browser ของคุณยังไม่ได้เปิด Javascript
</noscript>
เอาไปดัดแปลงต่อกันเอาเองนะ ^_^
บันทึกโดย TaTump วันที่ 8 March 2008 | 881 views
ส่วนมากงานเว็บที่ผมทำจะมี Javascript ช่วยเรื่องการแสดง และ การะกำหนดค่าให้ Interface ใช้งานง่าย ซึ่งบางครั้งเครื่องของ User ก็ไม่รู้ไปคลิก Disable Javascript ตั้งแต่เมื่อไหร่พอดี ศูนย์ช่วยเหลือของ Web Search ได้รวมการ Set Javascript ของแต่ล่ะบราวเซอร์ไว้ ก็เลยขอเอามาเก็บไว้ในบล็อกกันลืมซะหน่อย
Internet Explorer (6.0)
- เลือก Tools จากเมนูด้านบน
- เลือก Internet Options (ตัวเลือกอินเทอร์เน็ต)
- คลิก Security (ความปลอดภัย)
- คลิก Custom Level (ระดับแบบกำหนดเอง)
- เลื่อนลงมาจนกระทั่งคุณเห็นส่วน Scripting (สคริปต์)
- ภายใต้ Active Scripting (สคริปต์ที่ใช้งานอยู่) ให้เลือก Enable (เปิดใช้งาน) และคลิก OK (ตกลง)
Internet Explorer (7.0)
- เลือก Tools (เครื่องมือ) > Internet Options (ตัวเลือกอินเทอร์เน็ต)
- คลิกที่แท็บ Security (ความปลอดภัย)
- คลิกปุ่ม Custom Level (ระดับแบบกำหนดเอง)
- เลื่อนลงไปยังส่วน Scripting (สคริปต์)
- เลือก Enable (เปิดใช้งาน) สำหรับ Active Scripting (สคริปต์ที่ใช้งานอยู่) และ Scripting of Java Applets (สคริปต์ของ Java แอปเพล็ต)
- คลิก OK (ตกลง)
- เลือก YES (ใช่) หากมีช่องปรากฏให้ยืนยัน
- คลิก OK (ตกลง) ปิดหน้าต่าง
- โหลดหน้าเว็บใหม่
Mozilla Firefox (1.0)
- เลือก Tools จากเมนูด้านบน
- เลือก Options
- เลือก Web Features จากแถบนำทางด้านซ้าย
- เลือกช่องทำเครื่องหมายที่อยู่ข้าง Enable JavaScript และคลิก OK
Mozilla Firefox (2.x)
- เปิด Firefox
- บนเมนู Tools ให้คลิก Options
- คลิก Content ในรายการ Options
- ภายใต้ส่วน Content ทำเครื่องหมายที่ช่องซึ่งอยู่ด้านข้าง Enable JavaScript
- คลิกปุ่ม Advanced เพื่อเปิดช่อง Advanced JavaScript Options
- ทำเครื่องหมายที่ช่องภายใต้ Allow scripts to section that you want to allow
- คลิก OK
- คลิก OK
Apple Safari (1.0)
- เลือก Safari จากเมนูด้านบน
- เลือก Preferences
- เลือก Security
- เลือกช่องทำเครื่องหมายที่อยู่ข้าง Enable JavaScript
http://www.google.com/support/bin/answer.py?hl=th&answer=23852
บันทึกโดย TaTump วันที่ 23 February 2008 | 676 views
บางครั้งเวลาทำระบบก็มักต้องการให้มี คีย์ลัด (Shortcut Key) เพื่อช่วยให้เว็บเราใช้งานง่ายขึ้น ตัวอย่างเช่น กดปุ่ม ESC แล้วให้ออกจากระบบ หรือปุ่ม F1 ให้แสดงเมนูช่วยเหลือ เป็นต้น ตรงนี้แหล่ะที่เราจะต้องรู้ว่าเรากดปุ่มอะไรลงไป ซึ่งเราจะใช้เมธอด .KeyCode ของ javascript ช่วยให้รู้ว่า KeyCode ของแต่ล่ะปุ่มคืออะไร
Head
<script language="JavaScript">
document.onkeydown = checkKeycode //กดปุ่มเมื่อไหร่ก็เรียกฟังก์ชั่น checkKeycode เล่ย!
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode; // ใช้ IE อ่ะ
else if (e) keycode = e.which; // ใช้ Firefox เน่าะ
alert("keycode: " + keycode); //เด้ง popup มาดูดิ๊ว่า key code คืออะไร
}
</script>
ตัวอย่างไฟล์คลิกที่นี่
