Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง

ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง

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

kenghockey

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

ผมจะเอาค่าที่Select ออกมาจากฐานข้อมูลมาใช้กับJavascriptยังไง
Code (PHP)

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".$row['tb_id']").slideToggle("slow");
  });
});
</script>

Code php ที่ Select ออกมาจากฐานข้อมูลไม่รู้นะผมจะใส่ผิดรึป่าว

Code (PHP)

echo "<div class='$row['tb_id']'>

Tag : PHP, JavaScript, jQuery

Date : 2012-06-18 16:19:55

By : kenghockey

View : 1171

Reply : 25

No. 1

Guest

Code (JavaScript)

$(".flip").click(function(){
   $(this).next('.classname').slideToggle('slow');
  });

Code (PHP)

echo "<a href="#" class="flip"><CLick</a>
        <div class="classname">..............</div>";

Date : 2012-06-18 16:38:29

By : Pine

No. 2

kenghockey

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

ถ้าเราจะเอา

$row['id'];

มาใส่ใน div class ได้ไหมครับ เพราะผมจะทําให้มัน slideToggle ตามลําดับid ในฐานข้อมูลครับ หรือมีแนวทางอื่นไหมครับที่ดีกว่า

Date : 2012-06-18 16:45:26

By : kenghockey

No. 3

Guest

ที่ให้ไป มันมีผลต่อ classname ที่อยู่ถัดจาก a.flip อยู่แล้วครับ

สะดวกตรงไม่ต้องมาตั้งชื่อคลาสเองครับ

$(this).next('.classname').slideToggle('slow');

this คือ a.flip นะครับ
ลองแปลตามแกรมม่าอังกฤษ จะได้
สไลด์ คลาสที่ชื่อ classname ที่ถัดจาก a.flip ตัวนี้ (ตัวที่คลิก) อย่างช้าๆ

ลองรันดูนะครับ ^ ^

Date : 2012-06-18 16:53:56

By : Pine

No. 4

deawx

โพสกระทู้ ( 5,149 )
บทความ ( 26 )

$("<?=$row['tb_id']?>").slideToggle("slow");

ใส่ php tag ด้วยดิครับ

Date : 2012-06-18 17:36:58

By : deawx

No. 5

kenghockey

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

_ติดแค่ตรงนี้แหละครับ มันต้องเป็นยังไงครับ
Code (PHP)

echo "<div class='$row['tb_id']'>

Date : 2012-06-18 17:56:20

By : kenghockey

No. 6

Unidentifier

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

Code (PHP)

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".<?=$row['tb_id']?>").slideToggle("slow");
  });
});
</script>

Date : 2012-06-18 17:56:41

By : sakuraei

No. 7

kenghockey

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

มันแจ้งErrorที่lineนี้

Code

Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in C:\AppServ\www\PhpProject\index.php on line 64

Code (PHP)

echo "<div class='$row['tb_id']'>

พอใส่

Code (PHP)

 "<div class='".$row['tb_id']."'>

ก็ไม่ได้ผมเลยไม่รู้มันใช้ด้วยกันได้ไหม

ประวัติการแก้ไข
2012-06-18 18:21:48

Date : 2012-06-18 18:20:13

By : kenghockey

No. 8

Th@iDev

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

Code (PHP)

echo "<div class='$row['tb_id']'>

ตรงนี้แยกให้ชัดเจนเลยก็ได้ ระหว่าง php กับ html

Code (PHP)

<div class="<?=$row['tb_id']?>">

ส่วนของโค้ด ajax ใช้ของ #6 น่าจะได้เลย

ลองดูนะ

Date : 2012-06-18 18:25:58

By : Th@iDev

No. 9

Th@iDev

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

เย๊ .. คะแนนแรกมาแย้วววว ..

Date : 2012-06-18 18:46:27

By : Th@iDev

No. 10

kenghockey

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

ไม่รอดอีกแล้ว ตานี้เอาโค๊ดมาให้ดูหมดเลย ตาอาจจะลายกันหน่อยอิอิ (คือตอนนี้ผมลัพธ์ออกมาคือมันจะShowทุก ลําดับในฐานข้อมูล แต่พอกดhideมันก็ไม่Hide เลยไปไม่เป็นแล้วครับ)
ุ
คือความต้องการ ผมจะแสดงข้อมูลออกมาประมาณ10แถวคือ10ลําดับ จาก 1 2 3 4 5 6 7 8 9 10 โดยแต่ละลําดับหรือแถวมันจะHideข้อมูลเอาไว้ ถ้าเราคลิกที่แถวนั้นๆ มันจะShowแค่แถวเดียวโดย แถวอื่นๆจะไม่Show (แต่ตอนนี้ปัญหามันShowมาหมดทุกแถวพร้อมๆกันเลย)

Code (PHP)

<script type="text/javascript" src="css/jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $('.<?php $row['tb_id']?>').slideToggle("slow");
  });
});
</script>

Code (PHP)

<?php 
						include("store/connect/connect.php");
          				$result = mysql_query("SELECT * FROM music");
						while($row = mysql_fetch_array($result))
						{
						echo"<div class='shadow2'>
								<div class='content'>";
						echo "<table border='0' cellpadding='0' cellspacing='0'>";
						echo "<tr>";
						echo "<td rowspan='2' >";
						echo "<img src=store/upload/$row[tb_img] width='50',height='50' />";
						echo "</td>";
						echo "<td width='500'>";
						echo $row['tb_artist']."-".$row['tb_song'];
						echo "</td>";
						echo "<td>";
						echo $row['tb_categorae'];
						echo "</td>";
						echo "</tr>";
						echo "<tr>";
						echo "<td>";
						echo "<h3 class='flip'>Show/Hide Listen Player</h3>";
						echo "</td>";
						echo "<td>";
						echo "</td>";
						echo "</tr>";
						echo "</table>";
						echo "</div>
							</div>";
						echo "<div class=".$row['tb_id'].">
									<p>Test</p>
							</div>";
						}
                        ?>

ประวัติการแก้ไข
2012-06-18 18:53:08

Date : 2012-06-18 18:49:07

By : kenghockey

No. 11

kenghockey

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

มีใครช่วยได้บ้างหมครับ

Date : 2012-06-18 20:21:49

By : kenghockey

No. 12

Unidentifier

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

ช่วยคลิ๊กขวาแล้ว view source มาหน่อยครับ

Date : 2012-06-18 20:47:39

By : sakuraei

No. 13

kenghockey

โพสกระทู้ ( 1,195 )
บทความ ( 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>ThaiProgramer</title>



<script type="text/javascript" src="css/jquery.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){

$(".flip").click(function(){

    $(".panel").slideToggle("slow");

  });

});

</script>



<link href="css/Style.css" rel="stylesheet" type="text/css" />

<link href="css/navside.css" rel="stylesheet" type="text/css" />

</head>



<body>

<div id="Wrapper">

	

	<div id="menu">

        <ul>	

              <li><a href="#" title="home">ฟังเพลง</a></li>

              <li><a href="#" title="home">เทคโนโลยี</a></li>

              <li><a href="#" title="Gallery">คุยสนทนา</a></li>

              <li><a href="#" title="Abous us">เว็บบอร์ด</a></li>

              <li><a href="#" title="Contact">โปรแกรมที่น่าสนใจ</a></li>	

        </ul>

    </div>

    	<div id="Content"><div id="Maincontent">

            	<div class="shadow1">

					<div class="content">

						<div class='shadow2'>

								<div class='content'><table border='0' cellpadding='0' cellspacing='0'><tr><td rowspan='2' ><img src=store/upload/hiphop1.jpg width='50',height='50' /></td><td width='500'>Chris Brown Feat. Lil Wayne-What Your Girl Like</td><td>hiphop</td></tr><tr><td><h3 class='flip'>Show/Hide Listen Player</h3></td><td></td></tr></table></div>

							</div><div class='panel'>

						<p>Because time is valuable, we deliver quick and easy learning.</p>

						<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>

						</div><div class='shadow2'>

								<div class='content'><table border='0' cellpadding='0' cellspacing='0'><tr><td rowspan='2' ><img src=store/upload/hiphop1.jpg width='50',height='50' /></td><td width='500'>Lil Wayne Feat. Big Sean- My Homies Still</td><td>dance</td></tr><tr><td><h3 class='flip'>Show/Hide Listen Player</h3></td><td></td></tr></table></div>

							</div><div class='panel'>

						<p>Because time is valuable, we deliver quick and easy learning.</p>

						<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>

						</div>					</div>

				</div>

                <div class="redius1">

                		<h1 class="subject1">Tecnology</h1> 

              </div> 

                    <div class="shadow1">

						<div class="content">

							Box-shadowed element

						</div>

					</div>

                    <div class="redius2">

                		<h1 class="subject1">Program Code</h1> 

                    </div> 

                    <div class="shadow1">

						<div class="content">

							Box-shadowed element

						</div>

					</div>   

          </div>

        	

            </div>

        	<div id="Secondcontent">

            	<div class="box_redius1">

                	Border-redius

                </div>

            </div>

          

</div>

</body>

</html>

ประวัติการแก้ไข
2012-06-18 21:30:02

Date : 2012-06-18 21:28:45

By : kenghockey

No. 14

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

echo อยู่แห่งใดครับคุณ

Date : 2012-06-18 21:30:08

By : ikikkok

No. 15

kenghockey

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

Code (PHP)

<script type="text/javascript" src="css/jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $("<?php $row['tb_id']; ?>").slideToggle("slow");
  });
});
</script>

Code (PHP)

						<?php 
						include("store/connect/connect.php");
          				$result = mysql_query("SELECT * FROM music");
						while($row = mysql_fetch_array($result))
						{
						echo"<div class='shadow2'>
								<div class='content'>";
						echo "<table border='0' cellpadding='0' cellspacing='0'>";
						echo "<tr>";
						echo "<td rowspan='2' >";
						echo "<img src=store/upload/$row[tb_img] width='50',height='50' />";
						echo "</td>";
						echo "<td width='500'>";
						echo $row['tb_artist']."-".$row['tb_song'];
						echo "</td>";
						echo "<td>";
						echo $row['tb_categorae'];
						echo "</td>";
						echo "</tr>";
						echo "<tr>";
						echo "<td>";
						echo "<h3 class='flip'>Show/Hide Listen Player</h3>";
						echo "</td>";
						echo "<td>";
						echo "</td>";
						echo "</tr>";
						echo "</table>";
						echo "</div>
							</div>";
						echo "<div class='".$row['tb_id']."'>
						
                                                  <p>Test</p>
					
						</div>";
						}
                        ?>

Date : 2012-06-18 21:38:59

By : kenghockey

No. 16

Unidentifier

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

ผมขอเปลี่ยนโครงสร้าง html สักนิดน่ะครับ
เพื่อสะดวกต่อการใช้ jquery

Code (PHP)

  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){

$(".flip").click(function(){
	$(this).parent().next().slideToggle("slow");

  });

});

</script>
<?php 
include("store/connect/connect.php");
    				$result = mysql_query("SELECT * FROM music");
while($row = mysql_fetch_array($result))
{
echo"<div class='shadow2'>
		<div class='content'>";
echo "<table border='0' cellpadding='0' cellspacing='0'>";
echo "<tr>";
echo "<td rowspan='2' >";
echo "<img src=store/upload/$row[tb_img] width='50',height='50' />";
echo "</td>";
echo "<td width='500'>";
echo $row['tb_artist']."-".$row['tb_song'];
echo "</td>";
echo "<td>";
echo $row['tb_categorae'];
echo "</td>";
echo "</tr>";
echo "</table>";
echo "<h3 class='flip'>Show/Hide Listen Player</h3>";
echo "</div>";

echo "<div class='".$row['tb_id']."'>

                                            <p>Test</p>

</div>
</div>";
}
                  ?>

Date : 2012-06-18 22:47:09

By : sakuraei

No. 17

kenghockey

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

ยังเหมือนเดิมครับ ยังไม่ได้เลยครับ

Date : 2012-06-18 23:24:42

By : kenghockey

No. 18

Unidentifier

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

ลองเอาโค้ดชุดนี้ไปรันซิครับ

Code (PHP)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง -https://www.thaicreate.com/php/forum/079925.html</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="Unidentifier">
  <meta name="Keywords" content="https://www.thaicreate.com/php/forum/078178.html">
  <meta name="Description" content="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){

$(".flip").click(function(){

	$(this).parent().next().slideToggle("slow");

  });

});

</script>



<link href="css/Style.css" rel="stylesheet" type="text/css" />

<link href="css/navside.css" rel="stylesheet" type="text/css" />

</head>



<body>

<div id="Wrapper">

	

	<div id="menu">

        <ul>	

              <li><a href="#" title="home">ฟังเพลง</a></li>

              <li><a href="#" title="home">เทคโนโลยี</a></li>

              <li><a href="#" title="Gallery">คุยสนทนา</a></li>

              <li><a href="#" title="Abous us">เว็บบอร์ด</a></li>

              <li><a href="#" title="Contact">โปรแกรมที่น่าสนใจ</a></li>	

        </ul>

    </div>

    	<div id="Content"><div id="Maincontent">

            	<div class="shadow1">

					<div class="content">

						<div class='shadow2'>

								<div class='content'><table border='0' cellpadding='0' cellspacing='0'><tr><td rowspan='2' ><img src=store/upload/hiphop1.jpg width='50',height='50' /></td><td width='500'>Chris Brown Feat. Lil Wayne-What Your Girl Like</td><td>hiphop</td></tr><tr><td></td><td></td></tr></table>
									<h3 class='flip'>Show/Hide Listen Player</h3>
								</div>
							<div class='panel'>

						<p>Because time is valuable, we deliver quick and easy learning.</p>

						<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>

						</div>
						</div>
						
						<div class='shadow2'>

								<div class='content'><table border='0' cellpadding='0' cellspacing='0'><tr><td rowspan='2' ><img src=store/upload/hiphop1.jpg width='50',height='50' /></td><td width='500'>Lil Wayne Feat. Big Sean- My Homies Still</td><td>dance</td></tr><tr><td></td><td></td></tr></table>
								<h3 class='flip'>Show/Hide Listen Player</h3>
							</div><div class='panel'>

						<p>Because time is valuable, we deliver quick and easy learning.</p>

						<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>

						</div>					</div>

				</div>

                <div class="redius1">

                		<h1 class="subject1">Tecnology</h1> 

              </div> 

                    <div class="shadow1">

						<div class="content">

							Box-shadowed element

						</div>

					</div>

                    <div class="redius2">

                		<h1 class="subject1">Program Code</h1> 

                    </div> 

                    <div class="shadow1">

						<div class="content">

							Box-shadowed element

						</div>

					</div>   

          </div>

        	

            </div>

        	<div id="Secondcontent">

            	<div class="box_redius1">

                	Border-redius

                </div>

            </div>

          

</div>

</body>

</html>

Date : 2012-06-18 23:48:19

By : sakuraei

No. 19

kenghockey

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

ไม่มีการเปลี่ยนแปลง เพราะผมรันทั้งชุดเมื่อกี้ก็เหมือนตัวนี้เลย

Date : 2012-06-18 23:58:10

By : kenghockey

No. 20

Unidentifier

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

เอาโค้ดที่ผมให้ใน #18 แล้วเซฟเป็นไฟล์ html น่ะครับ
ในเครื่องที่ผมทดลองมันใช้งานได้น่ะครับ

Date : 2012-06-19 00:05:15

By : sakuraei

No. 21

Unidentifier

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

ประวัติการแก้ไข
2012-06-19 00:31:05

Date : 2012-06-19 00:13:01

By : sakuraei

No. 22

kenghockey

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

อันนั้นผมเข้าใจว่าได้แต่ผมใช้ while มาวนด้วยน่ะสิ จะทํายังไงอ่ะ

Date : 2012-06-19 00:14:19

By : kenghockey

No. 23

Unidentifier

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

ลองไล่โครงสร้างของ html ดีๆครับ
Code (PHP)

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){

$(".flip").click(function(){

	$(this).parent().next().slideToggle("slow");

  });

});

</script>
</head>

<body>
<?php
while(......){

echo "<div class='content'>
	<table border='0' cellpadding='0' cellspacing='0'>
	<tr><td rowspan='2' >";
echo $row['tb_artist']."-".$row['tb_song']."</td><td>".$row['tb_categorae']."</td></tr>
	</table>
	<h3 class='flip'>Show/Hide Listen Player</h3>
</div>
<div>";
echo "<p>Because time is valuable, we deliver quick and easy learning.</p>
	<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>
</div>";

}



//echo "<div class='".$row['tb_id']."'>  ไม่ต้องใช้ class แล้วล่ะครับ เอาแค่ div เฉยๆก็พอ หรือจะใส่ไว้ก็ไม่เป็นไรครับ ไม่มีผลอะไรกับ jquery
?>

ประวัติการแก้ไข
2012-06-19 00:30:23

Date : 2012-06-19 00:25:35

By : sakuraei

No. 24

kenghockey

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

ทําไมมันShow ทุกแถวเลยอ่ะครับ มาถึงมันโชว์ก่อนแล้วมันHideไม่ได้ด้วย

Code (PHP)

echo "<div class='".$row['tb_id']."'>

ตัวนี้ให้ไว้ในWhile หรือนอก Whileครับ

Date : 2012-06-19 11:45:33

By : kenghockey

No. 25

kenghockey

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

ได้แล้วครับเพิ่ม panel ของ class เข้าไปครับ

Code (JavaScript)

$(this).parents().next('.panel').slideToggle("slow");

Date : 2012-06-19 20:45:50

By : kenghockey

ค้นหาข้อมูล

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

Re : ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

No. 21

No. 22

No. 23

No. 24

No. 25

ค้นหาข้อมูล

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

Notice

ขอถามเกี่ยวกับ JavaScript php ตรงนี้ผมไม่รู้ว่ารูปแบบการรับค่ามันเป็นยังไง