|
 |
|
สอบถามครับ อยากให้ loop ค่าย้อนกลับใน listbox แทนที่จะวิ่งลงไปด้านล่างให้วิ่งกลับขึ้นมาที่ตัวบนสุดแทนครับ |
|
 |
|
|
 |
 |
|
คือ มี code อยู่ชุดนึงเป็นการ list ชื่อรูปใน folder มาแสดงใน listbox โดยที่ชื่อไฟล์รูปเป็นวันที่เวลาต่อกัน เช่น 2011_08_26_0600.png คือไฟล์วันที่ 26 สิงหา 2011 เวลา 6 โมงเช้า โดยเมื่อ list ข้อมูลมาแล้ว จะ sort ข้อมูลตามชื่อโดยเรียงลำดับวันเวลาล่าสุดไว้ด้านบน ไล่ลงไปจนหมดข้อมูล
จากนั้นด้านล่าง listbox มีปุ่มเอาไว้เลื่อนลำดับใน listbox อัตโนมัติตามรายชื่อที่ list ออกมา จากจุดที่คลิกไล่ไปที่ชื่อสุดท้าย ถ้าอยากให้มันไล่กลับไปที่ไฟล์แรกสุด จะต้องทำยังไงอ่ะครับ
action.php เป็น Code (PHP) ในหน้าที่ทำการ list ข้อมูลใน folder และ sort ข้อมูลออกมาให้
if($_REQUEST['action']=='frame'){
$return = "";
if ($handle = opendir("images")) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
if (is_dir("images/$file")) {}
else {
list($filename, $fileext1, $fileext2) = explode(".", $file);
if($fileext1 != "png"){}
else{
if(strstr($filename, $site_name)){
$images[] = $file;
}
}
}
}
}
closedir($handle);
}
rsort($images, SORT_STRING);
foreach($images as $image){
$showname = substr($image,10,-4);
$return .= "<option value='$image'>".$showname."</option>";
}
echo ($return);
}
function sorter($a, $b){
return ($a[1]<$b[1]) ? -1 : 1;
}
ส่วนนี้เป็นส่วนที่รับค่ามา
Code (JavaScript)
<script>
var loginStatus=0;var walk=0;var currentImage;var frame;var delay=800;
$(document).ready(function(){
loadFrames();
$("#walker img").click(function(){if(walk==0){$('#walker img').attr("src","images/pause.png");walk=1;walkFrames();}else{stopWalk();}});
});
function loadImage(){$("#mainimage").attr("src","images/"+frame);}
function loadFrames(){$("#framelist").load("action.php", {'action':'frame'},function(){$('#framelist option:first-child').attr("selected", "selected");setFrame();loadImage();});}
function setFrame(){frame = $("#framelist").val();}
function walkFrames(){if(walk==1){$("#framelist option:selected + option").attr("selected", "selected");setFrame();loadImage();setTimeout('walkFrames()',delay);
if($('#framelist option:last').val()==$('#framelist option:selected').val()){stopWalk();}}}
function stopWalk(){walk=0;$('#walker img').attr("src","images/arrow-right.png");}
</script>
ส่วนนี่เป็นส่วน listbox และการแสดงผลรูปครับ
Code
<div class='leftnavbar'>
<div class='heading'></div>
<br clear='all'/>
<div id='selectboxes' align="left">
<div class="wh_text"><strong>DATE</strong></div>
<select name="frame" id="framelist" size=10 onchange='setFrame();loadImage();'>
</select>
<br />
<div id='walker'><div class="wh_text"><img src='images/arrow-right.png' width='50'>Click to animate.</div></div>
<br>
</div>
</div></td>
<td width="70%" valign="top" align="left" ><table width="100%" height="500" bgcolor="#fdfbfb">
<tr>
<td valign="top" style="padding-left:30px; padding-top:20px;" class="head_text" bgcolor="#fdfbfb"><div id='mainimageholder' style="background-color:#fdfbfb">
<img id='mainimage' z-index=10 src='#' dynsrc='#' start='fileopen' style="width:500px; height:500px;"/>
</div>
Tag : PHP, JavaScript

|
|
 |
 |
 |
 |
Date :
2012-04-21 19:32:50 |
By :
santakoe |
View :
1144 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไล่ดูยากน่ะครับ 
|
 |
 |
 |
 |
Date :
2012-04-23 06:28:31 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 01
|