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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

by cannoi » 11/08/2011 8:34 am

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

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

by 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

by touleg » 10/08/2011 5:57 pm

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>

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

by cannoi » 10/08/2011 2:30 pm

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

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>

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

by touleg » 10/08/2011 10:21 am

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

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

by cannoi » 10/08/2011 9:37 am

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

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

by touleg » 09/08/2011 10:47 pm

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

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>

Top