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

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

cannoi
PHP Jr. Member
PHP Jr. Member
Posts: 26
Joined: 08/08/2011 9:30 am

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

Post by cannoi »

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

Code: Select all

<!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
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

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

Post by touleg »

เดี๋ยวมาดูให้นะครับวันนี้ เมา อิอิ ไปฉลองวันเกินแฟนมา อิอิ

touleg
PHP Super Member
PHP Super Member
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

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

Post by touleg »

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

Code: Select all

<!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
Posts: 26
Joined: 08/08/2011 9:30 am

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

Post by cannoi »

ขอบคุณมาก
ฟังชันที่ 1 ต้องแก้ไขอะไรหรือไม่
ลองทำเหมือนฟังก์ชันที่2
ทำถึงตี 3 ก็ยังไม่ได้
เกรงใจ จังเลย

touleg
PHP Super Member
PHP Super Member
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

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

Post by touleg »

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

Code: Select all

<!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
Posts: 26
Joined: 08/08/2011 9:30 am

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

Post by cannoi »

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

Code: Select all

<!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
Posts: 480
Joined: 25/01/2010 11:57 pm
Contact:

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

Post by touleg »

Code: Select all

<!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
Posts: 26
Joined: 08/08/2011 9:30 am

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

Post by cannoi »

ขอบคุณมากครับ
Last edited by cannoi on 11/08/2011 11:44 pm, edited 1 time in total.

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 1 guest