Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ช่วยดู code นี้ให้หน่อยครับ ผมงงมากเกี่ยวกับ chatroom

ช่วยดู code นี้ให้หน่อยครับ ผมงงมากเกี่ยวกับ chatroom

เริ่มหัวข้อใหม่

Jumyut

โพสกระทู้ ( 139 )
บทความ ( 0 )

Code

function getDataFromDb()
{	

			$.ajax({
			url: 'getData.php',
			success: function(data) {
				$('#conversation').html(data);
				var content = document.getElementById('conversation');
				content.scrollTop = content.scrollHeight;
			}
			
		});	
		

}
setInterval(getDataFromDb, 2000);
<div id="conversation" class="conversation"></div>

อย่างนี้คือมันจะโหลดข้อมูลจาก getData.php ทุกๆ 2 วิใช้ไม๊ครับ ถ้าผมต้องการให้เมื่อมี OnMouseOver ผ่าน #conversation ให้มันหยุดทำงานที่ getDataFromDb() หรือไม่ให้มันโหลดข้อมูลใหม่มา ผมต้องเขียนยังไงครับ

ขอบคุณครับ

Tag : PHP, MySQL

Date : 2015-02-20 10:18:02

By : Jumyut

View : 649

Reply : 4

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

จาก code รู้สึกจะทำงานครั้งเดียวน่ะครับ

Code (PHP)

<div id="conversation" class="conversation" OnMouseOver="getDataFromDb()"></div>

Date : 2015-02-20 14:21:37

By : mr.win

No. 2

BIrD

โพสกระทู้ ( 535 )
บทความ ( 0 )

ตามนี้ครับ
Code (JavaScript)

<script>
    var action = 1;
    function getDataFromDb() {
        if (action == 1) {
            $.ajax({
                url: 'getData.php',
                success: function (data) {
                    $('#conversation').html(data);
                    setTimeout("getDataFromDb()", 2000);
                }
            });

        } else {
            setTimeout("getDataFromDb()", 2000);
        }
    }
</script>
<div id="conversation" onmouseover="action=0" onmouseout="action=1"></div>

ประวัติการแก้ไข
2015-02-20 16:08:02

Date : 2015-02-20 16:06:31

By : gaowteen

No. 3

Jumyut

โพสกระทู้ ( 139 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 2 เขียนโดย : gaowteen เมื่อวันที่ 2015-02-20 16:06:31

รายละเอียดของการตอบ ::

มันก็เข้าเงื่อนไงนะครับ ผมลอง alert ดู มันก็ส่งค่ามาตามที่ต้องการ
Code (PHP)

<div id="conversation" class="conversation" OnMouseOver="getDataFromDb(1);" OnMouseOut="getDataFromDb(0);"></div>

รับด้วย
Code (JavaScript)

<script language="javascript">
    function getDataFromDb(action) {
		    //var action = 0;
        if (action == 0) {
          alert(action)
		          $.ajax({
                      	type: "POST",
			url: "getData.php",
                      	}).done(function( info ){
			$("#conversation").html( info );
                          var content = document.getElementById('conversation');
		           content.scrollTop = content.scrollHeight;
			   //setInterval(getDataFromDb, 2000);
                       	});

        } else {
                 alert(action);
	        }
    }
	</script>

ปัญหาคือพอ OnMouseOut มันโหลดไฟล์ getData.php แต่พอเรา OnMouseOver มันไม่หยุดเรียกไฟล์ getData.php ทำให้เราจะเลื่อน scrollbar ขึ้นข้างบนไม่ได้เพราะ script นี้
Code (JavaScript)

 var content = document.getElementById('conversation');
		  content.scrollTop = content.scrollHeight;

ทำยังไงดีครับ

ประวัติการแก้ไข
2015-02-21 08:22:48

Date : 2015-02-21 08:21:35

By : Jumyut

No. 4

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

อ่านโค๊ดของคุณ bird ให้ดีครับ

Date : 2015-02-23 07:25:35

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดู code นี้ให้หน่อยครับ ผมงงมากเกี่ยวกับ chatroom

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก