Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามปัญหาการใช้ jQuery โชว์ Show/Hide รูปซ่อนรูป จากฐานข้อมูล MySQL Database

สอบถามปัญหาการใช้ jQuery โชว์ Show/Hide รูปซ่อนรูป จากฐานข้อมูล MySQL Database

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

golden

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

Code (PHP)

<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("#btn1").click(function(){
		$("#div1").hide(1000);
	});

	$("#btn2").click(function(){
		$("#div1").show(1000);
	});

});
</script>
</head>
<body>
<div id="div1">www.ThaiCreate.Com</div>
<input type="button" id="btn1" value="Hide">
<input type="button" id="btn2" value="Show">
</body>
</html>

จาก code นี้มันจะต้องใช้ id กำหนดแต่ละ ปุ่ม ไปเลย

แต่ถ้าผมจะ query ข้อมูลมา

Code (PHP)

<?
			$sql2 = "SELECT * FROM sp_product WHERE name_type = '$n_type' AND active = '1' ORDER BY id_product ASC";
			$qr2 = mysql_query($sql2);
			$i2 = 0;
				
			while($rs2 = mysql_fetch_array($qr2))
		{
?>
    
	<li>
            	<a href="sub_product.php?id=<?=$rs2[id_product]?>"><span><?=$rs2[code]?>
	        <img src="images/product/<?=$rs2[image]?>" height="80px" width="190"></span></a>
         </li>		
<?
	
				}
?>

แล้วให้มันซ่อนรูป แล้วพอเอาเมาส์ไปคลิกมันถึงโชว์นี้ ต้องเขียนประมาณไหนครับ

Tag : PHP, MySQL

Date : 2013-05-28 00:12:53

By : golden014

View : 2197

Reply : 2

No. 1

TC Admin

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

Code (PHP)

$i = 0;
<?
		$sql2 = "SELECT * FROM sp_product WHERE name_type = '$n_type' AND active = '1' ORDER BY id_product ASC";
		$qr2 = mysql_query($sql2);
		$i2 = 0;
			
		while($rs2 = mysql_fetch_array($qr2))
		{
		$i++;
?>
    
	<li>
            	<a href="sub_product.php?id=<?=$rs2[id_product]?>" id="div<?=$i;?>" style="display='none';"><span><?=$rs2[code]?>
	        <img src="images/product/<?=$rs2[image]?>" height="80px" width="190" OnClick="$("div<?=$i;?>").show(1000);"></span></a>
         </li>		
<?
	
				}
?>

Date : 2013-05-28 06:28:17

By : mr.win

No. 2

golden

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2013-05-28 06:28:17

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

ผมแก้เป็น

Code (PHP)

    <?
				$sql2 = "SELECT * FROM sp_product WHERE name_type = '$n_type' AND active = '1' ORDER BY id_product ASC";
				$qr2 = mysql_query($sql2);
				$i2 = 0;
				$i3=0;
				
				while($rs2 = mysql_fetch_array($qr2))
				{
					$i3++;
	?>
    
			<li>
            	<a href="sub_product.php?id=<?=$rs2[id_product]?>"  onmouseover="$(div<?=$i3;?>).show(0);" onmouseout="$(div<?=$i3;?>).hide(0);" ><span><?=$rs2[code]?>
                <? echo "div$i3"; ?>
	            <img src="images/product/<?=$rs2[image]?>" id="div<?=$i3;?>" height="80px" width="190" style="display:none;" /></span></a>
            </li>		
    <?
	
				}
			
	?>

ได้แล้วครับ แต่คือตัว เมนูผมจะเป็นแบบ

menu

รูปจะโชว์แค่ ใน sub ของ haitian แต่ถ้าเป็นพวก robot , accessories จะไม่โชว์อ่ะครับ

Code (PHP)

        <ul>
	<?php
		$sql = "SELECT * FROM sp_type WHERE active = '1'";
		$qr = select($sql);
		$i = 0;
		
		while($i<count($qr))
		{
			$rs = $qr[$i];
			$i++;
			if($rs[name_type]!='')
			{
				$n_type = $rs[name_type];
	?>		
   			<li class="has-sub"><a href="main_product.php?id=<?=$rs[id_type]?>"><span><?=$n_type?></span></a>
    <?
			}
	?>
    		<ul>
    <?
				$sql2 = "SELECT * FROM sp_product WHERE name_type = '$n_type' AND active = '1' ORDER BY id_product ASC";
				$qr2 = mysql_query($sql2);
				$i2 = 0;
				$i3=0;
				
				while($rs2 = mysql_fetch_array($qr2))
				{
					$i3++;
	?>
    
			<li>
            	<a href="sub_product.php?id=<?=$rs2[id_product]?>"  onmouseover="$(div<?=$i3;?>).show(0);" onmouseout="$(div<?=$i3;?>).hide(0);" ><span><?=$rs2[code]?>
	            <img src="images/product/<?=$rs2[image]?>" id="div<?=$i3;?>" height="80px" width="190" style="display:none;" /></span></a>
            </li>		
    <?
	
				}
			
	?>
    		</ul>
    <?
		}
	?>
    		</li>
    		</ul>
   		</li>

ประวัติการแก้ไข
2013-05-28 10:50:05
2013-05-28 11:17:09

Date : 2013-05-28 10:41:50

By : golden014

ค้นหาข้อมูล

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

Re : สอบถามปัญหาการใช้ jQuery โชว์ Show/Hide รูปซ่อนรูป จากฐานข้อมูล MySQL Database

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05