|
|
|
สร้างปุ่ม เพื่อทำการ refresh เฉพาะส่วนของ DIV อย่างไรได้บ้างครับ |
|
|
|
|
|
|
|
<script src="jquery.js"></script><!-- jquery.js จาก jquery.com -->
<div id="test"><?php include 'content.php';?></div>
<button onclick="$('#test').load('content.php');">refresh</button>
|
|
|
|
|
Date :
2009-12-18 14:29:40 |
By :
num |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ต้องดาวโหลดไฟล์ jquery.js มาใช้ด้วยใช่ไหมครับ
มันคือไฟล์ jquery-1.3.2.min ใช่ป่าวครับ
<script src="jquery-1.3.2.min.js"></script> แบบนี้ไหม
แล้ว content.php คืออะไรหรอครับ
ที่ผมเขียน
<script type="text/javascript" src="js/jquery.js"></script>
<div id="map_canvas" style=" width:auto;height:460px"></div>
<button onclick="$('#map_canvas').load();">refresh</button>
แต่ไม่ได้ไม่รู้ผิดถูกยังไง คือจะเอาไปรีเฟรสเฉพาะส่วนของแผนที่นะครับ
|
|
|
|
|
Date :
2009-12-18 15:08:04 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ต้องเพิ่มลิงค์ .php ไปนี่เอง แต่มันมีปัญหาครับ มีรีเฟรส แต่ทำให้แม๊พค้างไม่แสดงแผนที่
<button onclick="$('#map_canvas').load('main.php');">refresh</button>
แสดงแต่เครื่องมือของแม๊พอะครับ แต่ไม่แสดงภาพ
|
|
|
|
|
Date :
2009-12-18 15:18:36 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
การแสดงผลหลังจากกดปุ่มรีเฟรสนะครับ
|
|
|
|
|
Date :
2009-12-18 15:57:35 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
สงสัยต้องทำ callback เพราะหน้าที่โหลดมานั้น มันต้องใช้ onload
|
|
|
|
|
Date :
2009-12-18 16:58:44 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
callback function หรอครับ ทำยังไงหรอครับ ช่วยแนะนำหน่อยนะ
|
|
|
|
|
Date :
2009-12-18 18:26:56 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คืองี้ครับ
GOOGLE MAP เวลาเราเรียกใช้งาน ต้องดูก่อนว่าเราเขียน functions เรียก map ยังไง
อย่างของผมที่ลอง ที่ว่า ใช้ javascript ตาม demo ของ map มาตรฐาน
<body onload="initialize()" onunload="GUnload()">
ก็อนุมานมันได้เลยว่า พอเปิดมา มันให้เรียนกใช้ functions initialize();
เราก็ทำลิงค์มาสักอัน
<a href="#" onClick="return initialize();">click</a>
ลองดูซิ
Code (PHP)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(12.170910538226316, 99.93473052978515), 13);
map.setUIToDefault(); //เมนูแบบใหม่ กลมๆ
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<a href="#" onClick="return initialize();">click</a>
<div id="map_canvas" style="width: auto; height: 480px"></div>
|
|
|
|
|
Date :
2009-12-18 18:49:17 |
By :
deawx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณสำหรับคำตอบครับ แต่ว่า
ลองดูแล้วครับ ผลที่ได้ เหมือนเดิมเลย เหมือนกับรูปที่โพสไว้เลยครับ
|
|
|
|
|
Date :
2009-12-18 19:04:38 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าฟังค์ชั่น initialize เป็น onload เหมือนของพี่ดิว
ก็ทำแบบนี้ครับ
Code (PHP)
<button onclick="$('#map_canvas').load('main.php', initialize);">refresh</button>
ผมก็ไม่รุ้หรอกว่า โค้ดของคุณเขียนยังไงอะ
|
|
|
|
|
Date :
2009-12-18 19:06:49 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังเหมือนเดิมครับ เอ๊ะ หรือผมทำอะไรผิดไป งงเหมือนกัน
และเมื่อเพิ่มโค้ดที่พี่ๆบอกมา ทำให้เมื่อเปิดใน IE แม๊พไม่โชว์ด้วยครับ
แต่ Firefox Chrome โชว์ แต่เมื่อกดรีเฟรส ก็เป็นแบบภาพที่โพสไว้
จะเอาโค้ดทั้งหมดมาโพสให้พี่ๆดู ได้ป่าวครับ เกรงใจ แหะๆ
|
|
|
|
|
Date :
2009-12-18 19:26:26 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โค๊ดของผม ผมลองแล้ว และทำได้ มันขึ้นปกติ ครับ
|
|
|
|
|
Date :
2009-12-18 21:16:40 |
By :
deawx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ครับ ตามความคิดผมคือโค้ดที่พี่ให้มาคิดว่าถูกหละครับ แต่ในส่วนโค้ดอื่นๆของผม ไม่แน่ใจว่าผิดตรงไหน
ตรวจหายังไงก็หาไม่เจอ งงเหมือนกันครับ firebug ก็ไม่เจอ อยากได้ตรงส่วนนี้มาก เพราะจำเป็นต้องรีเฟรสหน้าแมพ
เพื่อจะได้ใช้ฟังก์ชั่นอื่นต่อ ตอนนี้อาศัยรีเฟรสหน้าเว็บเอาครับ กลุ้มเลย
|
|
|
|
|
Date :
2009-12-19 00:12:17 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไป download google chorme มา install คัฟ
|
|
|
|
|
Date :
2009-12-20 13:33:18 |
By :
deathzap |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมลองเเล้วคัฟ เพราะ IE กับ firefox อะ พอแก้ไข หรือ เพิ่มหมุด เเล้ว มันยังจำค่าเดิม คัฟ
ไป download google chorme มา ไว้ใน เครื่องเเล้ว
Run จาก chorme เเล้วลองดู ครับ มะต้องใช้ ปุ่ม refresh จ้า
ลองเเล้ว ช้ายได้ ผล กำลังทำโปรเจท อยู่
หุหุ
|
|
|
|
|
Date :
2009-12-20 14:00:42 |
By :
deathzap |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คุณ deathzapทำโปรเจคแนวไหนหรอครับ มาแลกเปลี่ยนความรู้กันได้นะครับ
ผมทำเกี่ยวกับเส้นทางรถโดยสาร โดยมีรถวิ่งบนแผนที่ได้ เพิ่มเส้นทางลงฐานข้อมูลได้
และส่วนประกอบอื่นๆก็มีเพิ่มตำแหน่งสถานที่ต่างๆบนแผนที่ ประมาณนั้นครับ
ตอนนี้ได้ 90 กว่าเปอร์เซ็นแล้วครับ เสร็จก่อนหมดเทอมนี้แน่นอน อิอิ หายเครียดไปเยอะเลย
|
|
|
|
|
Date :
2009-12-25 01:09:24 |
By :
indysoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คือว่าผมทำระบบแชต อะครับแล้วต้องการให้มัน refresh เฉพาะส่วนของความ โดยให้มัน refresh เองทุก 5 วินาที จะใช้วิธีไหนครับ ช่วยแนะนำด้วย
|
|
|
|
|
Date :
2011-01-12 16:22:42 |
By :
zealot13 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|