Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามครับ อยากให้ loop ค่าย้อนกลับใน listbox แทนที่จะวิ่งลงไปด้านล่างให้วิ่งกลับขึ้นมาที่ตัวบนสุดแทนครับ



 

สอบถามครับ อยากให้ loop ค่าย้อนกลับใน listbox แทนที่จะวิ่งลงไปด้านล่างให้วิ่งกลับขึ้นมาที่ตัวบนสุดแทนครับ

 



Topic : 077365



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



สถานะออฟไลน์




คือ มี 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-04-21 19:32:50 By : santakoe View : 1127 Reply : 1
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ไล่ดูยากน่ะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-23 06:28:31 By : webmaster
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามครับ อยากให้ loop ค่าย้อนกลับใน listbox แทนที่จะวิ่งลงไปด้านล่างให้วิ่งกลับขึ้นมาที่ตัวบนสุดแทนครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่