ขอความช่วยเหลือ การเขียน Ajax แบบตัวอย่างนี้

[masterkan]

ตามรูปข้างบนนะครับ  ผมอยากจะทำให้มันโหลด โดยใช้ เทคนิค Ajax  อะครับ คือ พอเรากดปุ่ม link1 มันก็จะโหลดรูป loading.gif ขึ้นมาก่อนจากนั้นพอมันโหลด map.html เสร็จมันก็จะขึ้นมาแทน ภาพ loading.gif อะครับ

คือมันดึงไฟล์ php มาแสดงได้ แต่ไฟล์ ที่เป็น google map api  (.html) มันไม่โหลดครับ ผมลอง เอาไฟล์ map.html แปลง code เป็น php มันก็ไม่โหลดครับ  จึงอยากจะถามท่านผู้รู้ครับ


ขอบคุณครับ

[pomchai]

มารอคำตอบด้วยคน

[Rapid-Developer]

ลองใช้ iframe ในการดึงได้หรือเปล่าครับ คือใน DIV ตัวนั้นก็ให้โหลดใส่ iframe ไปเลย

[Rapid-Developer]

ลองศึกษาจาก Plugin ของ jQuery ตัวนี้ดูครับ
http://colorpowered.com/colorbox/core/example1/index.html

[ttong]

แถมให้อีกตัว lightbox ตัวนี้ก็ดีนะครับ
ใช้ได้ทั้ง image iframe video

โค้ด เลือก ขยาย

www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

[Rapid-Developer]

ตัวอย่างนี้น่าจะตรงที่สุดครับ เป็นงานที่ทีมงานโปรแกรมเมอร์ทีมผมช่วยกันทำ พึ่งเสร็จ โดยใช้ colorbox plugin ของ jQuery มาข่วย
ลองเปิด URL นี้ดูแล้วคลิกที่   "คลิกที่นี่เพื่อดูสาขา"  จะมี popup ขึ้นมาและโหลด Google maps ขึ้นมาครับ

http://www.hotpot-restaurants.com/

[masterkan]

   ขอบคุณมากครับ  เดี๋ยวจะลองดูครับ