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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: JavaScript : เรียกใช้ function ที่1 แล้วให้ function ที่ 1 เรียก function ที่ 2

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

โดย cannoi » 11/08/2011 8:34 am

ขอบคุณครับ
ขอบคุณมากๆ

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

โดย touleg » 10/08/2011 11:02 pm

-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 ที่เรากำหนดเท่านั้น

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

โดย touleg » 10/08/2011 5:57 pm

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

<!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>

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

โดย cannoi » 10/08/2011 2:30 pm

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

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

<!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>

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

โดย touleg » 10/08/2011 10:21 am

ลืมดูไปฟังก์ชั่นที่ 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>

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

โดย cannoi » 10/08/2011 9:37 am

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

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

โดย touleg » 09/08/2011 10:47 pm

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

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

<!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>

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

โดย touleg » 09/08/2011 10:39 pm

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

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

โดย cannoi » 09/08/2011 7:50 pm

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

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

<!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" แล้ว ทำไมมันไม่เข้าฟังชันที่สอง เพราะเหตุใด
จะมีวิธีแก้ไข(แบบง่ายที่สุด) ได้อย่างไร

ข้างบน