Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ใครพอจะแนะนำสคริป Menu slide บ้างครับ พอดีทำ slide menu แบบ jquery แล้วมันติดปัญหาตอนที่ while ข้อมูลแสดงครับ

ใครพอจะแนะนำสคริป Menu slide บ้างครับ พอดีทำ slide menu แบบ jquery แล้วมันติดปัญหาตอนที่ while ข้อมูลแสดงครับ

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

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

พอดีทำ slide menu แบบ jquery แล้วมันติดปัญหาตอนที่ while ข้อมูลแสดงครับ ดังนี้
โค้ด jquery

Code (PHP)

$(document).ready(function() {
  $('#boxcategory').hide();
  
 
  $('#Bcategory').click(function() {
    $('#boxcategory').slideToggle(400);
    return false;
  });
});

ถ้าใช้แบบทั่วไปโดยใส่ข้อมูลแบบนี้
<a href="#" id="Bcategory">ทดสอบเมนูสไลด์</a>
<div id="boxcategory">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
พอคลิกที่ ทดสอบเมนูสไลด์ มันก็จะไลด์ลงมา แล้วแสดง 1 2 3

แต่ปัญหาคือพอเอาไปใส่แบบ while ดึงข้อมูลมันกับไม่แสดง

Code (PHP)

<?
$qr_cate=mysql_query("select * from category order by id_category ASC");
while($re_cate=mysql_fetch_array($qr_cate)){
?>
<a href="#" id="Bcategory"><?=stripslashes($re_cate[category])?></a>
<div id="boxcategory">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
<?
}
?>

มีใครพอช่วยได้บ้างเปล่า
ขอบคุณครับ

Tag : PHP, JavaScript

Date : 2010-11-30 11:53:52

By : somparn

View : 2050

Reply : 8

No. 1

Nico

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

ไอดี id="Bcategory" มันเหมือนกันหรือเปล่าครับ

อันนี้ผมเดาเอาหน่ะ ไม่รู้โค้ดเต็มเป็นเช่นไร

Date : 2010-11-30 12:46:01

By : ไวยวิทย์

No. 2

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

ใช้ครับ ไอดี id="Bcategory" มันเหมือนกัน ผมอยากจะสร้างตัวแปรเพิ่มเข้าไป ใน jquery แบบนี้นะครับ
Code (PHP)

<?
$n=1;
$qr_cate=mysql_query("select * from category order by id_category ASC");
while($re_cate=mysql_fetch_array($qr_cate)){
?>
<a href="#" id="Bcategory<?=$n++;?>"><?=stripslashes($re_cate[category])?></a>
<div id="boxcategory">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
<?
}
?>

โดยให้ ไอดี id="Bcategory<?=$n++;?>" มัน run ไปตามจำนวนที่ while มาได้ครับ คราวนี้มันก็จะไม่ซ้ำกันแล้วแต่
ไม่รู้ว่าส่งข้อมูล เข้า jquery ยังไงดี

นั้นแหละตัวเต็มแล้วครับ

Date : 2010-11-30 12:53:05

By : somparn

No. 3

Guest

$(document).ready(function() {
$('.boxcategory').hide();

$('.Bcategory').click(function() {
$(this).next().slideToggle(400);
return false;
});
});

<?
$qr_cate=mysql_query("select * from category order by id_category ASC");
while($re_cate=mysql_fetch_array($qr_cate)){
?>
<a href="#" class="Bcategory"><?=stripslashes($re_cate[category])?></a>
<div class="boxcategory">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
<?
}
?>

แบบนี้น่าจะไ้ด้ครับ

Date : 2010-11-30 12:58:33

By : num

No. 4

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

พี่ หนุ่ม มันเหมือนจะได้ แต่ก็ไม่ได้ครับ 5555 พอดีมันซ่อนตรง
div class="boxcategory">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
ให้แล้ว แต่พอคลิกแล้วมันไม่ slide โชว์ให้นิ่งสนิท

Date : 2010-11-30 13:22:40

By : somparn

No. 5

Nico

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

อีกสักครั้ง

Code (PHP)

<script type="text/javascript">
	$(document).ready(function() {
				
		function test(value){
			value.slideToggle(400);
			return false;
		}
		
	});

</script>
<?
$n=0;
$qr_cate=mysql_query("select * from category order by id_category ASC");
while($re_cate=mysql_fetch_array($qr_cate)){
?>
<a href="#" id="Bcategory<?php echo $n;?>" onlick="test(boxcategory<?php echo $n;?>)"><?=stripslashes($re_cate[category])?></a>
<div id="boxcategory<?php echo $n;?>" style="display:none;">
1.ทดสอบ1
2.ทดสอบ2
3.ทดสอบ3
</div>
<?
$n++;
}
?>

Date : 2010-11-30 13:38:58

By : ไวยวิทย์

No. 6

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

ขอบคุณมากครับ ยังไม่ได้
เดียวผมจะลองเปลี่ยนแบบ คลิกแล้วดึงข้อมูลมาแสดงเอาละกันง่ายดี ไม่ต้องไลด์แล้วดึงข้อมูล

ขอบคุณมากครับ

Date : 2010-11-30 14:11:29

By : somparn

No. 7

Guest

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery show hide column</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function() {
$('[id^="boxcategory"]').hide();
$('[id^="Bcategory"]').click(function() {
var n = $(this).attr('id').replace(/\D/g,'')*1;
$('#boxcategory'+n).slideToggle(400);
return false;
});
});
</script>
</head>

<body>
<?php $result='resource'; while($row = mysql_fetch_assoc_FAKE($result)):?>
<div><a href="#" id="Bcategory<?php echo $row;?>"><?php echo $row;?></a></div>
<div id="boxcategory<?php echo $row;?>">123<br/>456</div>
<?php endwhile;?>
</table>

</body>
</html>
<?php function mysql_fetch_assoc_FAKE($result){ static $a = array(1,2,3,4,5); return array_pop($a);}?>

Date : 2010-11-30 14:43:41

By : num

No. 8

ขนมหม้อแกง

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

ลองศึกษาตัวนี้ดูครับ น่าจะช่วยได้บ้าง

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#nav {padding:0; margin:0; font-family:georgia, serif; background:#fff;}
#nav a:hover {text-decoration:underline;}
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:26px; color:#060; height:35px; line-height:35px; padding-left:10px; cursor:pointer; width:200px;}
#nav dt b {background:url(arrow.gif) no-repeat left center;}
#nav dt a {color:#000; text-decoration:none;}
#nav dd {padding:0; margin:0;}
#nav dd ul {padding:0; margin:0; list-style:none;}
#nav dd ul li {padding-left:20px;}
#nav dd ul li a {font-size:15px; color:#000; text-decoration:none;}
</style>
<script src="_js/jquery-1.3.2.js" type="text/javascript"></script>  <!-- เปลี่ยน jquery ของท่านนะครับ -->

<script type="text/javascript">
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */
$(document).ready(function(){
	if($("#nav")) {
		$("#nav dd").hide();
		$("#nav dt b").click(function() {
			if(this.className.indexOf("clicked") != -1) {
				$(this).parent().next().slideUp(200);
				$(this).removeClass("clicked");
			}
			else {
				$("#nav dt b").removeClass();
				$(this).addClass("clicked");
				$("#nav dd:visible").slideUp(200);
				$(this).parent().next().slideDown(500);
			}
			return false;
		});
	}
});
</script>

</head>

<body>

<h2>Vertical sliding menu #1 using jQuery</h2>
<h3>11th November 2008</h3>

<dl id="nav">
	
	<dt><b>Sales</b></dt>
	<dd>

		<ul>
			<li><a href="#url">Digital SLR Cameras</a></li>
			<li><a href="#url">Interchangeable Lenses</a></li>
			<li><a href="#url">Flash Guns and Accessories</a></li>
			<li><a href="#url">Professional Tripods</a></li>
			<li><a href="#url">Filters &amp; Lens Hoods</a></li>

		</ul>
	</dd>
	<dt><b>Services</b></dt>
	<dd>
		<ul>
			<li><a href="#url">Printing &amp; Framing</a></li>
			<li><a href="#url">Photo Editing</a></li>

			<li><a href="#url">Storage &amp; Backup</a></li>
		</ul>
	</dd>
	<dt><b>Contacts</b></dt>
	<dd>
		<ul>
			<li><a href="#url">Support</a></li>

			<li><a href="#url">Sales</a></li>
			<li><a href="#url">Buying</a></li>
			<li><a href="#url">Photographers</a></li>
			<li><a href="#url">Stockist</a></li>
			<li><a href="#url">General</a></li>
		</ul>

	</dd>
	<dt><b>Stores Location</b></dt>
	<dd>
		<ul>
			<li><a href="#url">South West Region</a></li>
			<li><a href="#url">North East Region</a></li>
			<li><a href="#url">Central Region</a></li>

		</ul>
	</dd>
	<dt><b>Contact Us</b></dt>
	<dd>
		<ul>
			<li><a href="#url">Email Addresses</a></li>
			<li><a href="#url">By Post</a></li>

			<li><a href="#url">Telephone Numbers</a></li>
		</ul>
	</dd>
	<dt><a href="#url">Privacy Policy</a></dt>
</dl>

</body>
</html>

Date : 2010-11-30 15:13:25

By : ขนมหม้อแกง

ค้นหาข้อมูล

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

Re : ใครพอจะแนะนำสคริป Menu slide บ้างครับ พอดีทำ slide menu แบบ jquery แล้วมันติดปัญหาตอนที่ while ข้อมูลแสดงครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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