รบกวนอีกทีครับ ลืมไปแล้วว่าเคยทำไง ช่วยดูสคิปนี้ให้หน่อยนะครับเป็นสคริป ภาพ สไลด์ นะครับ
ช่วยดูสคิปนี้ให้หน่อยนะครับเป็นสคริป ภาพ สไลด์ นะครับ คือ ผมต้องการสร้างตัวแปรเพื่อดึงชื่อจากฐานข้อมูลได้ยังไงครับ
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
ในคำสั่ง slider.data=[{"ชื่อพวกนี้ต้องการวนลูปมาจากฐานข้อมูล"}]; ซึ่งผมลองใช้คำสั่ง php แทรกเข้าไปมันใช้ไม่ได้อ่าครับ ต้องสร้างตัวแปรตรงไหนก่อนรึป่าวครับTag : - - - -
Date :
2010-07-27 11:38:55
By :
Dragons_first
View :
1212
Reply :
15
แล้วคุณแทรกมันยังไงเหรอคับ ไม่เห็นเอามาให้ดูเลย ผมว่า query ธรรมดา แล้วเก็บไว็ใน array ก่อน
ต่อจากนั้นก็ใช้ $json = json_encode($array);
slider.data=$json;
น่าจะประมาณนี้ครับ
Date :
2010-07-27 12:06:11
By :
DownsTream
ขอบคุณนะครับเด๋วจะลองดูก่อน
Date :
2010-07-27 12:53:57
By :
Dragons_first
โค๊ดอันนี้นะครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>jquery sliders</title>
<link rel="stylesheet" href="../jqslide/style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='slede.php',_root='slide.php';</script>
<script type="text/javascript" src="../jqslide/js/jquery.js"></script>
<script type="text/javascript" src="../jqslide/js/scripts.js"></script>
</head>
<body>
<!--/top-->
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="../jqslide/images/nature-photo.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="../jqslide/images/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="../jqslide/images/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="../jqslide/images/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="../jqslide/images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="../jqslide/images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="../jqslide/images/nature-photo6.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>คำบรรยาย: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
<!--content featured gallery here -->
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
</div>
</div></div><!--/header-->
</body>
</html>
Date :
2010-07-27 13:01:56
By :
Dragons_first
ขออีกทีนะครับ ยังทำไม่ได้เลยคือยังไม่ค่อยเข้าใจเลยอ่าครับ เพราะว่ามันต้อง วนลูป จากฐานข้อมูล ตรง var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"add your description here"}] ไล่ตั้งแต่ id,ชื่อ,และคำอธิบาย โดยที่ id และ ชื่อ มันต้องตรงกับภาพ ซึ่งตรงเนี่ย จะแทรกคำสั่ง php ได้ยังไงถึงจะ while ออกมาได้ครับ
Date :
2010-07-28 11:00:43
By :
Dragons_first
{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"} คือ 1 รูปใช่ไหมคะ
ก็ใช้ php ดึงจากฐานข้อมูลขึ้นมา while วนลูป สร้างเป็น string เก็บไว้ในตัวแปร
จากนั้นค่อยเอาตัวแปรไปใช้ดีไหมคะ
เช่น
while(){
$strpic.='{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},';
}
<script>
if(!window.slider) var slider={};slider.data=[<?php echo $strpic; ?> ];
</script>
แบบนี้ได้ไหม ลองดูค่ะ
Date :
2010-07-28 11:23:13
By :
ultrasiam
ลองดูแล้วนะครับมันไม่ขึ้นตามจำนวนรูปที่อยู่ในฐานข้อมูลนะครับ
นี่คือรูปต้นฉบับแบบไม่ใช้ฐานข้อมูล คือต้องการให้ออกมาแบบนี้โดยดึงจาก db
นี่คือรูปที่ดึงจาก ดีบี แต่มันไม่ออกตามจำนวนที่อ้างโดย id
นี่คือจำนวนที่มีอยู๋ใน ดีบี
คือต้องการให้ปุ่มสีฟ้ามันออกตามจำนวนข้อมูลที่มีใน ดีบีนะครับ ในคำสั่งที่กำลังทำอยู่นี้
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[<? echo $id;?>];//ติดอันนี้ที่ไม่ยอม คิวรี่จากฐานข้อมูลออกมา
</script>
ประวัติการแก้ไข 2010-07-28 16:33:43 2010-07-28 16:34:20
Date :
2010-07-28 16:29:59
By :
Dragons_first
นี่คือไฟล์ทั้งหมดที่กำลังทำอยู่
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>jquery sliders</title>
<link rel="stylesheet" href="../jqslide/style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='slede.php',_root='slide.php';</script>
<script type="text/javascript" src="../jqslide/js/jquery.js"></script>
<script type="text/javascript" src="../jqslide/js/scripts.js"></script>
</head>
<body>
<?
include("../config/config.inc.php");
$sql="select * from slide order by id ";
$result = mysql_query($sql,$dbcon) or die (mysql_error());
?>
<!--/top-->
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<?
while($array = mysql_fetch_array($result)){
$id= '{"id":"$array[id]","client":"nature beauty","desc":"nature beauty photography"}';//ประกาศตัวแปรเพื่อไปใช้ใน slide.data
echo "<a href=><img id=$array[id] src=../jqslide/images/nature-photo.png class=slide></a>";///คำสั่งนี้เพื่อคิวรี่รูปจากฐานข้อมูลอันนี้ทำได้แล้ว
}
?>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>คำบรรยาย: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
<!--content featured gallery here -->
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[<? echo $id;?>];//ติดอันนี้ที่ไม่ยอม คิวรี่จากฐานข้อมูลออกมา
</script>
</div>
</div></div><!--/header-->
</body>
</html>
ติดตรงสคริปของจาวานะครับ
Date :
2010-07-28 16:31:54
By :
Dragons_first
ทำได้หรือยังคับ
Date :
2010-07-28 20:50:05
By :
DownsTream
ยังครับติด จาวาครับ เขียนไฟล์ลูปเลยมันก็ไม่ลูปให้
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[<? echo $id;?>];//ติดอันนี้ที่ไม่ยอม คิวรี่จากฐานข้อมูลออกมา
</script>
Date :
2010-07-29 00:46:19
By :
Dragons_first
ดันๆๆๆๆ
Date :
2010-07-29 09:07:33
By :
Dragons_first
Code (PHP)
<?php
$hostname_connection = "localhost";
$database_connection = "test";
$username_connection = "root";
$password_connection = "";
$connection = mysql_connect($hostname_connection, $username_connection, $password_connection) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_query( "SET NAMES utf8" );
mysql_select_db($database_connection, $connection);
$query_rs_image= "SELECT * FROM tbl_image ";
$rs_image = mysql_query($query_rs_image, $connection) or die(mysql_error());
$row_rs_image = mysql_fetch_assoc($rs_image);
$totalRows_rs_image = mysql_num_rows($rs_image);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>jquery sliders</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<!--/top-->
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<?php
do{
$id = '{"id":"'.$row_rs_image['id'].'","client":"nature beauty","desc":"nature beauty photography"}';
$new .= $id.",";
echo '<a href=""><img id="'.$row_rs_image['id'].'" src="images/'.$row_rs_image['image'].'" class="slide" alt="" /></a>';
}while($row_rs_image = mysql_fetch_assoc($rs_image));
?>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
<!--content featured gallery here -->
</div>
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[<?php echo substr($new,0,-1); ?>];
</script>
</div></div><!--/header-->
</body>
</html>
น่าจะได้ครับ ลองดู
ประวัติการแก้ไข 2010-07-29 10:17:20
Date :
2010-07-29 10:16:06
By :
ไวยวิทย์
ขอบคุณนะครับ แต่จาวาไม่ทำงานครับ
Date :
2010-07-29 11:02:10
By :
Dragons_first
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
ของผมไม่เหมือนกับคุณ อ้น มั้งครับ src จะไม่เหมือนกัน
Date :
2010-07-29 11:23:16
By :
ไวยวิทย์
$result = mysql_query("SELECT * FROM test");
while($row = mysql_fetch_assoc($result)) {
$value[] = array(
'id'=>$row['id'],
'client'=>$row['client'],
'desc'=>$row['desc'],
);
}
<script type="text/javascript">
if(!window.slider) var slider={};slider.data= <?php echo json_encode($value); ?>;
</script>
ประวัติการแก้ไข 2010-07-29 11:33:26
Date :
2010-07-29 11:32:53
By :
DownsTream
อ่าจริงด้วยผมก็ลืมดูนึกว่าคุณ Nico เอาของผมมาทำเลยอ่าครับ ขอบคุณทุกท่านๆนะครับ +1 ไปแล้วครับ
Date :
2010-07-29 11:36:13
By :
Dragons_first
Load balance : Server 04