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

Registered : 108,419

HOME > PHP > PHP Forum > php การเขียนหน้าเว็บ ให้กรอบข้อมูล คำนวณได้เหมือน Excel



 

php การเขียนหน้าเว็บ ให้กรอบข้อมูล คำนวณได้เหมือน Excel

 



Topic : 135472



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



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




php การเขียนหน้าเว็บ ให้กรอบข้อมูล คำนวณได้เหมือน Excel

ภาพที่ 1 ต้องการกรอบข้อมูลในช่องแรก แล้วให้ช่องมูลเด้งไปทุกช่องคะ และให้ช่องสุดท้ายคือช่องรวมผล เด็งไปที่ช่องแรกของ คอลัมน์ถัดไป
111



ภาพที่ 2 ต้องการแก้ไขข้อมูล แล้วให้ข้อมูลในช่องถัดลงมา เปลี่ยนตาม แต่ช่องก่อนหน้ายังคงไง
22



Code (PHP)
<table style="border: none;font-size: 12px;color: #5b5b5b; width: 100%;margin: 0px -5px 0px 0;" cellpadding="0" cellspacing="0" width="100%">
                      <tr>
                      		<td rowspan="2" style="background: #d69a98;" width="7%" align="center"><label class="font_head"><strong>ลำดับ MC</strong></label></td>
                            <td rowspan="2" style="background: #d69a98;" width="16%" align="center"><label class="font_head"><strong>เครื่องที่ผลิต</strong></label></td>
                            <td rowspan="2" style="background: #d69a98;" width="5%" align="center"><label class="font_head"><strong>จำนวนCAP (ตัน)</strong></label></td>
                            <td colspan="3" style="background: #d69a98;" width="18%" align="center"><label class="font_head"><strong>เวลารง.หยุด</strong></label></td>
                            <td colspan="3" style="background: #d69a98;" width="18%" align="center"><label class="font_head"><strong>เวลาหยุดตามแผน</strong></label></td>
                            <td colspan="3" style="background: #d69a98;" width="18%" align="center"><label class="font_head"><strong>เวลาคลาดเคลื่อนจากความไม่พร้อมฯ</strong></label></td>
                            <td colspan="3" style="background: #d69a98;" width="18%" align="center"><label class="font_head"><strong>เวลาหยุดเครื่องจักรเสีย</strong></label></td>
                      </tr>
                      
                      <tr>
                      		<td width="6%" style="background: #f2b5b3;" align="center"><label class="font_head">plan (นาที)</label></td>
                            <td width="6%" style="background: #f3c1c0;"align="center"><label class="font_head">จริง (นาที)</label></td>
                            <td width="6%" style="background: #f3cfce;"align="center"><label class="font_head">หยุดเครื่อง (นาที)</label></td>
                            <td width="6%" style="background: #f2b5b3;"align="center"><label class="font_head">plan (นาที)</label></td>
                            <td width="6%" style="background: #f3c1c0;"align="center"><label class="font_head">จริง (นาที)</label></td>
                            <td width="6%" style="background: #f3cfce;"align="center"><label class="font_head">หยุดเครื่อง (นาที)</label></td>
                            <td width="6%" style="background: #f2b5b3;" align="center"><label class="font_head">plan (นาที)</label></td>
                            <td width="6%" style="background: #f3c1c0;" align="center"><label class="font_head">จริง (นาที)</label></td>
                            <td width="6%" style="background: #f3cfce;" align="center"><label class="font_head">หยุดเครื่อง (นาที)</label></td>
                            <td width="6%" style="background: #f2b5b3;" align="center"><label class="font_head">plan (นาที)</label></td>
                            <td width="6%" style="background: #f3c1c0;" align="center"><label class="font_head">จริง (นาที)</label></td>
                            <td width="6%" style="background: #f3cfce;" align="center"><label class="font_head">หยุดเครื่อง (นาที)</label></td>
                      </tr>
                          
							<?php
            
                            $strSQLMain = "SELECT * FROM machine  ORDER BY id_machine ASC";
                            $objQueryMain = mysql_query($strSQLMain);
							$i=1;
                            while ($objResultMain  = mysql_fetch_array($objQueryMain)){
                            
							echo "<tr>
									<td style='border: none;padding: 4px; background: #e0bdbc;'><label class='font_head'><strong>".$i."".$objResultMain['MC']."</strong></label></td>
               						<td style='border: none;padding: 4px; background: #e0bdbc;'><label class='font_head'><strong>".$objResultMain['machine']."</strong></label></td>
									<td style='border: none;padding: 4px; background: #e0bdbc;'><input type='text' class='form-control' name='CAP".$i."' id='CAP".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='A".$i."' id='A".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='B".$i."' id='B".$i."' value=''  style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='C".$i."' id='C".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='D".$i."' id='D".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='E".$i."' id='E".$i."' value=''style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='F".$i."' id='F".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='G".$i."' id='G".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='H".$i."' id='H".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='I".$i."' id='I".$i."' value=''onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='J".$i."' id='J".$i."' value='' onClick='calculate()'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='K".$i."' id='K".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='L".$i."' id='L".$i."' value='' onClick='calculate()'></td>
								  </tr>";
							
							
							$i++;
							}
							echo "<tr>
									<td style='border: none;padding: 4px; background: #e0bdbc;' colspan='2'><label class='font_head'><strong><center>SUM</center></strong></label></td>
									<td style='border: none;padding: 4px; background: #e0bdbc;'><input type='text' class='form-control' name='CAP".$i."' id='CAP".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='A".$i."' id='A".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='B".$i."' id='B".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='C".$i."' id='C".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='D".$i."' id='D".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='E".$i."' id='E".$i."' value=''  style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='F".$i."' id='F".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='G".$i."' id='G".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='H".$i."' id='H".$i."' value=''  style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='I".$i."' id='I".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f2b5b3;'><input type='text' class='form-control' name='J".$i."' id='J".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3c1c0;'><input type='text' class='form-control' name='K".$i."' id='K".$i."' value='' style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
									<td style='border: none;padding: 4px; background: #f3cfce;'><input type='text' class='form-control' name='L".$i."' id='L".$i."' value=''style='background-color:transparent; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;'></td>
								  </tr>";
							
							echo "<input type='HIDDEN' class='form-control' name='sum' id='sum' value='".$i."'>";
                            
                            ?>
                      </table> 



<script language="JavaScript">
            function calculate(thisChk){
			
			var b;
			var cap=0;
				for(var i=2;i<=document.frmMain.sum.value;i++) {
						
				
					b=i-1;
					cap=document.getElementById( "CAP"+b ).value;
					document.getElementById( "CAP"+i ).value=cap;
					document.getElementById( "A"+i ).value=document.getElementById( "A"+b ).value;
					document.getElementById( "D1" ).value=document.getElementById( "A13" ).value; 
					document.getElementById( "D"+i ).value=document.getElementById( "D"+b ).value;
					document.getElementById( "G1" ).value=document.getElementById( "D13" ).value; 
					document.getElementById( "G"+i ).value=document.getElementById( "G"+b ).value;
					
					document.getElementById( "J"+i ).value=document.getElementById( "J"+b ).value;
				
					                                              
 
				 }   
				  
            }
    </script>            



ไม่แน่ใจว่ามันถูกไหม ตอนนี้มันติดตรง กรอบช่องแรก ข้อมูลมันแสดงแถวแรก กดคลิกอีกรอบช่อง2ถึงขึ้น คลิกอีกรอบ ช่อง3 ถึงขึ้นคะ อยากให้มันแสดงทีเดียว พอมีแนวทางแนะนำไหมคะ



Tag : PHP, Ms SQL Server 2012, Ms SQL Server 2014, HTML, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-08-18 09:58:00 By : aumebum-km View : 122 Reply : 2
 

 

No. 1



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

Hall of Fame 2012

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


https://stackoverflow.com/questions/49746531/how-can-i-calculate-total-when-i-add-new-input-field-using-jquery/49746752






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-18 10:33:34 By : Genesis™
 


 

No. 2



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



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


ทำงานเบื่อๆ เหนื่อยๆ มาผ่อนคลายกับเกมมากมายที่คัดสรรค์มาเป็นอย่างดี

รายละเอียดเพิ่มเติมที่ลิ้งค์ คลิก!

spadegaming สล็อต
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-09-14 11:26:14 By : odin83
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : php การเขียนหน้าเว็บ ให้กรอบข้อมูล คำนวณได้เหมือน Excel
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

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