JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

cannoi
PHP Jr. Member
PHP Jr. Member
โพสต์: 26
ลงทะเบียนเมื่อ: 08/08/2011 9:30 am

JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย cannoi »

จากสคริปต์นี้

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Two Function </TITLE>  
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	function article1(){
	document.write("ทรัพยากรป่าไม้ "+"<br>"+" อย่างป่าไม้เป็นทรัพยากรธรรมชาติที่มีความสำคัญอย่างยิ่งต่อสิ่งมีชีวิต  "+"<br>"+" ไม่ว่าจะเป็นมนุษย์หรือสัตว์อื่น ๆ เพราะป่าไม้มีประโยชน์ทั้งการเป็นแหล่งวัตถุดิบของปัจจัยสี่   "+"<br>"+" คือ  อาหาร  เครื่องนุ่งห่ม  ที่อยู่อาศัยและยารักษาโรคสำหรับมนุษย์" +"<br>");
	document.write("<center>"+"<INPUT TYPE='button' VALUE=' ตอนที่ 2 ' ONCLICK='article2()'>"+"</center>")
  //article2()  //ยังไม่แสดงตอนที่ 2 จนกว่าจะกดปุ่ม
}
function article2(){
document.write("ประเภทของป่าไม้จะแตกต่างกันไปขึ้นอยู่กับการกระจายของฝน  "+"<br>"+" ระยะเวลาที่ฝนตกรวมทั้งปริมาณน้ำฝนทำให้ป่าแต่ละแห่งมีความชุ่มชื้นต่างกัน   "+"<br>"+" สามารถจำแนกได้เป็น 2 ประเภทใหญ่ ๆ คือ "+"<br>"+"   1.  ป่าประเภทที่ไม่ผลัดใบ  (Evergreen)   "+"<br>"+" 2.  ป่าประเภทที่ผลัดใบ (Deciduous) ")
}
  //-->
  </SCRIPT>
 </HEAD>

 <BODY><center>
 <FORM METHOD=POST ACTION="">
	<INPUT TYPE="button" VALUE=" ตอนที่ 1 " ONCLICK="article1()">
 </FORM>  </center>
 </BODY>
</HTML>
//--------------------------------------------------------------


เมื่อรันโปรแกรม จะพบปุ่มกด "ตอนที่ 1" (ยังไม่ให้แสดงปุม"ตอนที่ 2" )
เมื่อกดแล้วจะเข้าสู่เนื้อหาตอนที่ 1 และมีปุ่มกด "ตอนที่ 2" เพื่อรอกด
เมื่อกดปุ่ม "ตอนที่ 2" แล้ว ทำไมมันไม่เข้าฟังชันที่สอง เพราะเหตุใด
จะมีวิธีแก้ไข(แบบง่ายที่สุด) ได้อย่างไร
touleg
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 25/01/2010 11:57 pm
ติดต่อ:

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย touleg »

เดี๋ยวมาดูให้นะครับวันนี้ เมา อิอิ ไปฉลองวันเกินแฟนมา อิอิ
touleg
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 25/01/2010 11:57 pm
ติดต่อ:

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย touleg »

แก้ให้แบบเมาๆ

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> Two Function </TITLE> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function article2(){
document.getElementById('show').innerHTML = "ประเภทของป่าไม้จะแตกต่างกันไปขึ้นอยู่กับการกระจายของฝน<br />ระยะเวลาที่ฝนตกรวมทั้งปริมาณน้ำฝนทำให้ป่าแต่ละแห่งมีความชุ่มชื้นต่างกัน <br /> สามารถจำแนกได้เป็น 2 ประเภทใหญ่ ๆ คือ <br />1. ป่าประเภทที่ไม่ผลัดใบ (Evergreen) <br /> 2. ป่าประเภทที่ผลัดใบ (Deciduous) ";
}
//-->
</SCRIPT>
</HEAD>

<BODY onLoad="article1();">
<div id="show"><INPUT TYPE='button' VALUE=' ตอนที่ 2 ' ONCLICK='article2();' /></div>
</BODY>
</HTML>
cannoi
PHP Jr. Member
PHP Jr. Member
โพสต์: 26
ลงทะเบียนเมื่อ: 08/08/2011 9:30 am

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย cannoi »

ขอบคุณมาก
ฟังชันที่ 1 ต้องแก้ไขอะไรหรือไม่
ลองทำเหมือนฟังก์ชันที่2
ทำถึงตี 3 ก็ยังไม่ได้
เกรงใจ จังเลย
touleg
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 25/01/2010 11:57 pm
ติดต่อ:

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย touleg »

ลืมดูไปฟังก์ชั่นที่ 1 มันแสดงผลเลยเวลาโหลดหน้าเพจมา ดังนั้นไม่ต้องเขียนเป็นฟังก์ชั่น เอามาแสดงผลเลย ที่นี้พอเรากดปุ่ม มันก็จะไปเรียกฟังก์ชั่น 2 พอฟังก์ชั่น 2 ทำงานมันจะมาแทนที่โค้ดเดิม โค้ดเดิมหายไปเป็นข้อความใหม่จากฟังก์ชั่น 2 แทน

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> Two Function </TITLE> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function article2(){
document.getElementById('show').innerHTML = "ประเภทของป่าไม้จะแตกต่างกันไปขึ้นอยู่กับการกระจายของฝน<br />ระยะเวลาที่ฝนตกรวมทั้งปริมาณน้ำฝนทำให้ป่าแต่ละแห่งมีความชุ่มชื้นต่างกัน <br /> สามารถจำแนกได้เป็น 2 ประเภทใหญ่ ๆ คือ <br />1. ป่าประเภทที่ไม่ผลัดใบ (Evergreen) <br /> 2. ป่าประเภทที่ผลัดใบ (Deciduous) ";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<div id="show"><INPUT TYPE='button' VALUE=' ตอนที่ 2 ' ONCLICK='article2();' /></div>
</BODY>
</HTML>
cannoi
PHP Jr. Member
PHP Jr. Member
โพสต์: 26
ลงทะเบียนเมื่อ: 08/08/2011 9:30 am

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย cannoi »

อย่างนี้ ใช่หรือเปล่าครับ

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Two Function </TITLE> 
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("ทรัพยากรป่าไม้ "+"<br>"+" อย่างป่าไม้เป็นทรัพยากรธรรมชาติที่มีความสำคัญอย่างยิ่งต่อสิ่งมีชีวิต "+"<br>"+" ไม่ว่าจะเป็นมนุษย์หรือสัตว์อื่น ๆ เพราะป่าไม้มีประโยชน์ทั้งการเป็นแหล่งวัตถุดิบของปัจจัยสี่ "+"<br>"+" คือ อาหาร เครื่องนุ่งห่ม ที่อยู่อาศัยและยารักษาโรคสำหรับมนุษย์" +"<br><br><br>");


function article2(){
document.getElementById('show').innerHTML = "ประเภทของป่าไม้จะแตกต่างกันไปขึ้นอยู่กับการกระจายของฝน<br />ระยะเวลาที่ฝนตกรวมทั้งปริมาณน้ำฝนทำให้ป่าแต่ละแห่งมีความชุ่มชื้นต่างกัน <br /> สามารถจำแนกได้เป็น 2 ประเภทใหญ่ ๆ คือ <br />1. ป่าประเภทที่ไม่ผลัดใบ (Evergreen) <br /> 2. ป่าประเภทที่ผลัดใบ (Deciduous) ";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<div id="show"><INPUT TYPE='button' VALUE=' ตอนที่ 2 ' ONCLICK='article2();' /></div>
</BODY>
</HTML>
touleg
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 25/01/2010 11:57 pm
ติดต่อ:

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย touleg »

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Two Function </TITLE> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function article2(){
document.getElementById('show').innerHTML = "ประเภทของป่าไม้จะแตกต่างกันไปขึ้นอยู่กับการกระจายของฝน<br />ระยะเวลาที่ฝนตกรวมทั้งปริมาณน้ำฝนทำให้ป่าแต่ละแห่งมีความชุ่มชื้นต่างกัน<br />สามารถจำแนกได้เป็น 2 ประเภทใหญ่ ๆ คือ<br />1. ป่าประเภทที่ไม่ผลัดใบ (Evergreen)<br /> 2. ป่าประเภทที่ผลัดใบ (Deciduous) ";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<div id="show">
ทรัพยากรป่าไม้<br />
อย่างป่าไม้เป็นทรัพยากรธรรมชาติที่มีความสำคัญอย่างยิ่งต่อสิ่งมีชีวิต<br />
ไม่ว่าจะเป็นมนุษย์หรือสัตว์อื่น ๆ เพราะป่าไม้มีประโยชน์ทั้งการเป็นแหล่งวัตถุดิบของปัจจัยสี่<br />
คือ อาหาร เครื่องนุ่งห่ม ที่อยู่อาศัยและยารักษาโรคสำหรับมนุษย์<br /><br /><br />
<INPUT TYPE='button' VALUE=' ตอนที่ 2 ' ONCLICK='article2();' />
</div>
</BODY>
</HTML>
cannoi
PHP Jr. Member
PHP Jr. Member
โพสต์: 26
ลงทะเบียนเมื่อ: 08/08/2011 9:30 am

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย cannoi »

ขอบคุณมากครับ
แก้ไขล่าสุดโดย cannoi เมื่อ 11/08/2011 11:44 pm, แก้ไขไปแล้ว 1 ครั้ง.
touleg
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 25/01/2010 11:57 pm
ติดต่อ:

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย touleg »

-document.write() คือเราแสดงผลแบบไม่ได้เจาะจงว่าจะให้ไปแสดงตรงจุดไหน เวลาเรียกใช้จะเห็นว่า โค้ดเก่าจะถูกเขียนทับทำให้โค้ดหายหมด
-document.getElementById() ก็อ้างไปที่ element มีมีไอดีชื่อที่เราอ้างถึง
-document.getElementById('show').innerHTML อ้างถึง id show โดยใช้ innerHTML ทำไมถึงใช้ innerHTML ก็เพราะว่า id show มันเป็น div ไม่ใช่ input เวลาจะไปเอาข้อมูลหรือกำหนดข้อมูลลงไปในแท็ก div จะต้องใช้ innerHTML (input ใช้ value)
-document.getElementById('show').innerHTML = "...." คือกำหนดค่าไปที่ id show อะไรที่อยู่ภายใน id show จะถูกแทนที่ด้วยค่าใหม่ที่กำหนดให้นี้ แต่จะไม่ไปทับโค้ดในส่วนอื่นของเว็บ จะเป็นเฉพาะของ element ที่มี id ที่เรากำหนดเท่านั้น
cannoi
PHP Jr. Member
PHP Jr. Member
โพสต์: 26
ลงทะเบียนเมื่อ: 08/08/2011 9:30 am

Re: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

โพสต์ที่ยังไม่ได้อ่าน โดย cannoi »

ขอบคุณครับ
ขอบคุณมากๆ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 33