พบกับบทความเกี่ยวกับคอมพิวเตอร์และ programming ได้ที่ http://articles.modoeye.com
Javascript development / ให้มันโชว์ข้อความเมื่อคลิกที่รูป
ไก่ย่าง
ไก่ย่าง
Thu 3 Nov 2005 08:30:45
เมื่อเราคลิกที่รูปแล้วให้มันโชว์ข้อความในอีกบรรทัดนึงว่ารูปนั้นชื่อรูปอะไร คล้ายกับตัวอย่างนี้อ่ะ http://www.codetukyang.com/java/form/preview/precode13.htm
Administrator
Thu 3 Nov 2005 10:30:28
จากตัวอย่างที่ให้มาเป็นการทำงานของ Javascript ครับ ซึ่งอ้างอิงโดยใช้ Element link ซึ่งจะเป็นลิงค์เท่านั้น แต่ผมขอแนะนำโดยใช้ attribute "inner HTML" นะครับซึ่งประโยชน์และการใช้งานสามารถนำไดประยุกต์ใช้งานได้มากกว่าครับ

ก่อนอื่นสร้างฟังก์ชั่นเพื่อใช้งานก่อน
<script language="javascript">
function display_name(obj,txt){
if(document.all){
eval("document.all."+obj+".innerHTML='"+txt+"'");
}else{
eval("document.getElementById(\""+obj+\"").innerHTML='"+txt+"'");
}
}
</script>

ที่นี้ก็สร้าง object เพื่อมารองรับตัวอักษรครับ มีสอง element ที่รองรับ attribute innerHTML คือ <div> และ <span>
ในที่นี้ขอใช้ <span> นะครับ

<span id="description_text"></span>

แล้วเราก็นำรูปมาแปะครับ มีสองแบบที่ใช้งานได้คือ แบบลิงค์ และแบบไม่เป็นลิงค์
แบบลิงค์
<a href="javascript:;" onclick="display_name('description_text','รูปนี้ชื่อว่า image1')"><img src="image1.jpg"></a>

และแบบไม่เปนลิงค์
<img src="image1.jpg" onclick="display_name('description_text','รูปนี้ชื่อว่า image1')">

โดยข้อความที่เขียนลงไปนี้สามารถเขียนโดยใช้ภาษา HTML ได้ทุก tag ครับ

ไก่ย่าง
ไก่ย่าง
Thu 3 Nov 2005 11:31:56

ขอบคุณคับ ได้แย้ว เย้เย้

Reply
Name:
E-mail:
Home | Services | Forum | Classified | Directories | Support | Contact
ATOM feed RSS 0.9 feed RSS 1.0 feed RSS 2.0 feed
Copyright © 2005 - 2007 Modoeye.com, All Rights Reserved.
Disclaimer | Privacy policy | Term of Use | Term of Services
Valid XHTML Valid CSS! PHP: Hypertext Preprocessor MySQL database Apache Powered! FreeBSD Power to serve
Modoeye Sitemap Client login