Archive for the 'Javascript' Category


เปิด JavaScript ได้อย่างไร?

บันทึกโดย TaTump วันที่ 8 March 2008 | 2,106 views

ส่วนมากงานเว็บที่ผมทำจะมี Javascript ช่วยเรื่องการแสดง และ การะกำหนดค่าให้ Interface ใช้งานง่าย ซึ่งบางครั้งเครื่องของ User ก็ไม่รู้ไปคลิก Disable Javascript ตั้งแต่เมื่อไหร่พอดี ศูนย์ช่วยเหลือของ Web Search ได้รวมการ Set Javascript ของแต่ล่ะบราวเซอร์ไว้ ก็เลยขอเอามาเก็บไว้ในบล็อกกันลืมซะหน่อย

Internet Explorer (6.0)

  1. เลือก Tools จากเมนูด้านบน
  2. เลือก Internet Options (ตัวเลือกอินเทอร์เน็ต)
  3. คลิก Security (ความปลอดภัย)
  4. คลิก Custom Level (ระดับแบบกำหนดเอง)
  5. เลื่อนลงมาจนกระทั่งคุณเห็นส่วน Scripting (สคริปต์)
  6. ภายใต้ Active Scripting (สคริปต์ที่ใช้งานอยู่) ให้เลือก Enable (เปิดใช้งาน) และคลิก OK (ตกลง)

Internet Explorer (7.0)

  1. เลือก Tools (เครื่องมือ) > Internet Options (ตัวเลือกอินเทอร์เน็ต)
  2. คลิกที่แท็บ Security (ความปลอดภัย)
  3. คลิกปุ่ม Custom Level (ระดับแบบกำหนดเอง)
  4. เลื่อนลงไปยังส่วน Scripting (สคริปต์)
  5. เลือก Enable (เปิดใช้งาน) สำหรับ Active Scripting (สคริปต์ที่ใช้งานอยู่) และ Scripting of Java Applets (สคริปต์ของ Java แอปเพล็ต)
  6. คลิก OK (ตกลง)
  7. เลือก YES (ใช่) หากมีช่องปรากฏให้ยืนยัน
  8. คลิก OK (ตกลง) ปิดหน้าต่าง
  9. โหลดหน้าเว็บใหม่

Mozilla Firefox (1.0)

  1. เลือก Tools จากเมนูด้านบน
  2. เลือก Options
  3. เลือก Web Features จากแถบนำทางด้านซ้าย
  4. เลือกช่องทำเครื่องหมายที่อยู่ข้าง Enable JavaScript และคลิก OK

Mozilla Firefox (2.x)

  1. เปิด Firefox
  2. บนเมนู Tools ให้คลิก Options
  3. คลิก Content ในรายการ Options
  4. ภายใต้ส่วน Content ทำเครื่องหมายที่ช่องซึ่งอยู่ด้านข้าง Enable JavaScript
  5. คลิกปุ่ม Advanced เพื่อเปิดช่อง Advanced JavaScript Options
  6. ทำเครื่องหมายที่ช่องภายใต้ Allow scripts to section that you want to allow
  7. คลิก OK
  8. คลิก OK

Apple Safari (1.0)

  1. เลือก Safari จากเมนูด้านบน
  2. เลือก Preferences
  3. เลือก Security
  4. เลือกช่องทำเครื่องหมายที่อยู่ข้าง Enable JavaScript

http://www.google.com/support/bin/answer.py?hl=th&answer=23852

Javascript จับการกดปุ่มบน Keyboard

บันทึกโดย TaTump วันที่ 23 February 2008 | 1,590 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>

ตัวอย่างไฟล์คลิกที่นี่

javascript opener

บันทึกโดย TaTump วันที่ 30 December 2007 | 408 views

สำหรับ Reload parent page

window.opener.location.reload();

Validate email Javascript

บันทึกโดย TaTump วันที่ 30 December 2007 | 1,056 views

ตรวจสอบความถูกต้องของ email ครับ

Code:Header

<script language="Javascript">

function validatefrm(){ 

 var theForm = document.form1;

 var emailRE = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;

 var errMsg = "";

 var setfocus = ""; 	if (theForm['textfield'].value != ""){

if (!emailRE.test(theForm['mail'].value)){

 		errMsg = "mail Fail!";

 		setfocus = "['mail']";

 	}

 }

 if (errMsg != ""){

 	alert(errMsg);

 	eval("theForm" + setfocus + ".focus()");

 }

 else theForm.submit();

}

</script>

Code:Body

<form action="" method="post" name="form1" onSubmit="validatefrm();return false;">

   <input type="text" name="mail">

   <input type="submit" name="Submit" value="Submit">

 </form>

javascript Validate form

บันทึกโดย TaTump วันที่ 30 December 2007 | 508 views

ตรวจสอบค่าที่ต้อง Require ก่อน Submit ครับ

Code:Header

<script language="Javascript"><!--

function validatefrm(){	var theForm = document.frmAdd;

 var errMsg = "";

 var setfocus = "";

if (theForm['Fname'].value == ""){

 	errMsg = "ชื่ออ่ะ";

 	setfocus = "['Fname']";

 }

 if (theForm['Lname'].value == ""){

 	errMsg = "นามสกุลอ่ะ";

 	setfocus = "['Lname']";

 }

if (errMsg != ""){

 	alert(errMsg);

 	eval("theForm" + setfocus + ".focus()");

 }

 else theForm.submit();

}

</script>

Code:Body

<form action="" method="post"  name="frmAdd" id="frmAdd" onSubmit="validatefrm();return false;">
Fname :<input name="Fname" type="text" id="Fname"><br />
Lname :<input name="Lname" type="text" id="Lname" >
<input name="Submit" type="submit">
</form>

ทำ popup Windows ด้วยJavascript

บันทึกโดย TaTump วันที่ 28 December 2007 | 7,249 views

Code

window.open("Sample.htm",null,"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");

Example.

Test…

Redirect โดยใช้ javascript

บันทึกโดย TaTump วันที่ 22 December 2007 | 354 views

ตัวอย่างตั้งค่าให้ 2 วินาที แล้ว redirect ไปที่ index.html

<script>
setTimeout("top.document.location='index.html",2000);
</script>

Javascript ยืนยันการลบ

บันทึกโดย TaTump วันที่ 22 December 2007 | 448 views

สคริปยืนยันการลบ

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function confirmDelete(TEXT,URL) {
if (window.confirm('Delete '+TEXT+' ?')) { window.open(URL,"_top"); }
}
// End -->
</script>

Javascript onEnter

บันทึกโดย TaTump วันที่ 13 December 2007 | 274 views

Code

<script language="JavaScript">

NS4 = (document.layers) ? true : false;function checkEnter(event)

{

var code = 0;

if (NS4)

code = event.which;

else

code = event.keyCode;

if (code==13)

document.myform.submit();

}

</script>

Example

<input name="Username" onKeyUp="checkEnter(event)" type="text" />

Javacript validate flie type

บันทึกโดย TaTump วันที่ 5 December 2007 | 543 views

Code

<SCRIPT LANGUAGE="JavaScript">

if((document.form1.upload.value.lastIndexOf(".jpg")==-1) {
alert("Please upload only .jpg extention file");
return false;
}

</SCRIPT>

Page 2 of 3«123»