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 > สอบถามการเขียนโค้ดให้ กราฟเปลี่ยนเมื่อเราเลือก select list ครับ (สำเร็จแล้วครับ)



 

สอบถามการเขียนโค้ดให้ กราฟเปลี่ยนเมื่อเราเลือก select list ครับ (สำเร็จแล้วครับ)

 



Topic : 110378



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



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




Code (PHP)
<?php
include("FusionCharts.php");
require ('connect.php');
?>
<HTML>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <HEAD>
      <TITLE>FusionCharts Free - Database Example</TITLE>
      <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
   </HEAD>
   <BODY>
   <select name="options" onchange="document.getElementById('iframe').src = this.options[this.selectedIndex].value">
        <option>กรุณาเลือกประเภทกราฟ</option>
         <option value="FCF_Column3D.swf">กราฟแท่ง </option>
       <option value="FCF_Pie3D.swf">กราฟวงกลม</option>
        <option value="FCF_Bar2D.swf">กราฟบาร์</option>
        <option value="FCF_Doughnut2D.swf">กราฟโดนัท</option>
      </select>
   <CENTER>
   <?php   
   $strXML = "<graph caption='กราฟแสดงงบประมาณ' subCaption='แยกตามหมวดหมู่' xAxisName='หมวดหมู่' yAxisName='Baht' decimalPrecision='0' showNames='1' numberSuffix=' บาท' pieSliceDepth='30' formatNumberScale='0' baseFontSize ='15' >";

  
   $strQuery = "SELECT * FROM tbbudgetyear";
   $result = mysql_query($strQuery) or die(mysql_error());

   
   if ($result) {
      while($ors = mysql_fetch_array($result)) {
         
         $strXML .=
		  "<set name='" . $ors['Budgetyear'] . "' value='" . $ors['Budgetyearmoney'] . "'/>";
	
        
      }
   }

  
   $strXML .= "</graph>";

   //Create the chart - Pie 3D Chart with data from $strXML 
   echo renderChart("FusionCharts/Charts/FCF_Column3D.swf", "", $strXML, "Budgetcategory", 800, 600  );  //อยากให้เปลี่ยนตรงนี้อะครับ
?>

</BODY>
</HTML>


คือว่า เมื่อผมกด เลือก select list อะครับ ผมอยากให้กราฟ เปลี่ยนจากกราฟแบบหนึ่งไปเป็นแบบหนึ่ง ตามผู้ใช้ต้องการอะครับ

บรรทัดที่ 42 ครับ มี วิธีเอา value ของ select list ข้างบน มาเปลี่ยนใส่ในบรรทัดที่ 42 ไหมครับ ตรง echo renderChart("FusionCharts/Charts/FCF_Column3D.swf"

ตัวอย่าง



Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2014-08-02 20:09:24
2014-08-02 20:11:32
2014-08-02 20:13:32
2014-08-02 21:50:54
2014-08-04 22:01:14
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-08-02 20:08:15 By : nest12345 View : 1921 Reply : 20
 

 

No. 1



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

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

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


Code (PHP)
<?php
include("FusionCharts.php");
require ('connect.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$.post('mod_fusion.php',{modfusion:customGraph},function(data){
				$("#graph_result").html(data);
			});
		});
	});
  </script>
 </head>

 <body>
     <select name="options">
        <option>กรุณาเลือกประเภทกราฟ</option>
         <option value="FCF_Column3D.swf">กราฟแท่ง </option>
         <option value="FCF_Pie3D.swf">กราฟวงกลม</option>
        <option value="FCF_Bar2D.swf">กราฟบาร์</option>
        <option value="FCF_Doughnut2D.swf">กราฟโดนัท</option>
      </select>
	<center>
      <div id='graph_result'></div>
	</center>
 </body>
</html>




mod_fusion.php
<?php   
include("FusionCharts.php");
require ('connect.php');
   $strXML = "<graph caption='กราฟแสดงงบประมาณ' subCaption='แยกตามหมวดหมู่' xAxisName='หมวดหมู่' yAxisName='Baht' decimalPrecision='0' showNames='1' numberSuffix=' บาท' pieSliceDepth='30' formatNumberScale='0' baseFontSize ='15' >";

  
   $strQuery = "SELECT * FROM tbbudgetyear";
   $result = mysql_query($strQuery) or die(mysql_error());

   
   if ($result) {
      while($ors = mysql_fetch_array($result)) {
         
         $strXML .=
		  "<set name='" . $ors['Budgetyear'] . "' value='" . $ors['Budgetyearmoney'] . "'/>";
	
        
      }
   }

  
   $strXML .= "</graph>";
	$fullPath = "FusionCharts/Charts/".$_POST["modfusion"];
   //Create the chart - Pie 3D Chart with data from $strXML 
   echo renderChart($fullPath, "", $strXML, "Budgetcategory", 800, 600  );  
?>


Quote:
ลองดูน่ะครับ







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-02 21:19:50 By : sakuraei
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : sakuraei เมื่อวันที่ 2014-08-02 21:19:50
รายละเอียดของการตอบ ::
พี่ครับ กราฟไม่ขึ้นครับ


โค้ดที่พี่ให้มาต้องมีสองไฟล์ใช่ไหมครับิถึงจะส่งค่า POST ได้ ถ้าใช่

พี่มี วิธีส่งข้อมูลในหน้า เดียวกันไหมครับ ผมว่าโค้ดที่พี่ให้มาถูกทางละคับ

คือว่าลอง รันแล้วไม่มี error นะครับ เพียงกราฟไม่แสดง ผมว่าเกี่ยวกับ ค่า POST ที่เลือกไม่ส่งค่ามาครับ


Code (PHP)
<?php
include("FusionCharts.php");
require ('connect.php');
?>
<HTML>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <HEAD>
      <TITLE>FusionCharts Free - Database Example</TITLE>
      <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$.post('mod_fusion.php',{modfusion:customGraph},function(data){
				$("#graph_result").html(data);
			});
		});
	});
  </script>
   </HEAD>
   <BODY>
   <select name="options" >
     <option>กรุณาเลือกประเภทกราฟ</option>
     <option value="ae1.php">กราฟแท่ง </option>
     <option value="ae2.php">กราฟวงกลม</option>
     <option value="ae3.php">กราฟบาร์</option>
     <option value="ae4.php">กราฟโดนัท</option>
   </select>
   <center>
      <div id='graph_result'></div>
	</center>
   <?php   
   $strXML = "<graph caption='กราฟแสดงงบประมาณ' subCaption='ปีงบประมาณทั้งหมด' xAxisName='ปี' yAxisName='Baht' decimalPrecision='0' showNames='1' numberSuffix=' บาท' pieSliceDepth='30' formatNumberScale='0' baseFontSize ='15' >";

  
   $strQuery = "SELECT * FROM tbbudgetyear";
   $result = mysql_query($strQuery) or die(mysql_error());

   
   if ($result) {
      while($ors = mysql_fetch_array($result)) {
         
         $strXML .=
		  "<set name='" . $ors['Budgetyear'] . "' value='" . $ors['Budgetyearmoney'] . "'/>";
	
        
      }
   }

  
   $strXML .= "</graph>";
	$fullPath = "FusionCharts/Charts/".$_POST["modfusion"];
   //Create the chart - Pie 3D Chart with data from $strXML 
   echo renderChart($fullPath, "", $strXML, "Budgetcategory", 800, 600  ); 
?>

</BODY>
</HTML>



ประวัติการแก้ไข
2014-08-02 21:44:30
2014-08-02 21:45:57
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-02 21:43:08 By : nest12345
 

 

No. 3



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

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

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


ผมยืนยันต้องใช้สองไฟล์ครับ อย่าเอามารวมเป็นไฟล์เดียวกัน แต่... ลองเปลี่ยน
$.post เป็น $.get
Quote:
18.$.get('mod_fusion.php',{modfusion:customGraph},function(data){
19.$("#graph_result").html(data);
20.});



และเปลี่ยน $_POST เป็น $_GET
Quote:
$fullPath = "FusionCharts/Charts/".$_GET["modfusion"];



แล้วทดสอบด้วยการป้อน ชื่อไฟล์ใน url แบบนี้ mod_fusion.php?modfusion=FCF_Pie3D.swf
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-03 00:10:18 By : sakuraei
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : sakuraei เมื่อวันที่ 2014-08-03 00:10:18
รายละเอียดของการตอบ ::
ผมลองแล้วครับ วิธีของพี่ใช้ได้ครับ แต่ผมไม่อยากให้เปลี่ยนหน้าอะครับ

ตรง
Code (PHP)
echo renderChart("FusionCharts/Charts/FCF_Column3D.swf", "", $strXML, "Budgetcategory", 800, 600  );



เราใช้ if else หรือ สวิตส์เคส ได้ไหมครับ แบบ ถ้าเลือกหนึ่ง โชว์แบบนี้ ถ้าเลือกสอง โชว์แบบนั้น อะครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-03 07:50:05 By : nest12345
 


 

No. 5



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

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

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


เข้าใจผิดแล้วล่ะครับ ที่ผมแนะนำไม่มีการเปลี่ยนหน้าน่ะ เป็นการเรียกไฟล์มาแสดงด้วย ajax/jquery
คุณ จขกท. ต้องอ่านทำความเข้าใจโค้ดให้ดีกว่านี้ ถ้าโค้ดที่ให้ไปใช้ได้ก็จบแล้วครับ แต่ถ้ายังไม่ได้
ค่อยมาถามอีกครั้ง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-03 23:26:15 By : sakuraei
 


 

No. 6



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

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

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


ลองใช้ iframe ดูครับ

Code (PHP)
<?php
include("FusionCharts.php");
require ('connect.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$("#graph_result").attr("src","mod_fusion.php?modtheme="+customGraph);
		});
	});
  </script>
 </head>

 <body>
     <select name="options">
        <option>กรุณาเลือกประเภทกราฟ</option>
         <option value="FCF_Column3D.swf">กราฟแท่ง </option>
         <option value="FCF_Pie3D.swf">กราฟวงกลม</option>
        <option value="FCF_Bar2D.swf">กราฟบาร์</option>
        <option value="FCF_Doughnut2D.swf">กราฟโดนัท</option>
      </select>
	<center>
      <iframe id='graph_result' style='width:1024px;height:300px;'></iframe>
	</center>
 </body>
</html>



mod_fusion.php
<?php   
include("FusionCharts.php");
require ('connect.php');
   $strXML = "<graph caption='กราฟแสดงงบประมาณ' subCaption='แยกตามหมวดหมู่' xAxisName='หมวดหมู่' yAxisName='Baht' decimalPrecision='0' showNames='1' numberSuffix=' บาท' pieSliceDepth='30' formatNumberScale='0' baseFontSize ='15' >";

  
   $strQuery = "SELECT * FROM tbbudgetyear";
   $result = mysql_query($strQuery) or die(mysql_error());

   
   if ($result) {
      while($ors = mysql_fetch_array($result)) {
         
         $strXML .=
		  "<set name='" . $ors['Budgetyear'] . "' value='" . $ors['Budgetyearmoney'] . "'/>";
	
        
      }
   }

  
   $strXML .= "</graph>";
	$fullPath = "FusionCharts/Charts/".$_GET["modtheme"];
   //Create the chart - Pie 3D Chart with data from $strXML 
   echo renderChart($fullPath, "", $strXML, "Budgetcategory", 800, 600  );  
?>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 00:27:05 By : sakuraei
 


 

No. 7



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : sakuraei เมื่อวันที่ 2014-08-04 00:27:05
รายละเอียดของการตอบ ::
ขอบคุณพี่มากๆครับเลยครับ ผมทำได้แล้วครับ

อิอิ ผมจะนำไปประยุกต์ใช้กับการออกรายงานกราฟของผมครับ

^^

ขอบคุณจริงๆนะคับ



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 15:53:15 By : nest12345
 


 

No. 8



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



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


พี่ครับ ผมอยากส่งค่า IDปีงบประมาณ ไปที่หน้า mod_fusion.php ใช้ค่า POST ส่งไปได้ไหมครับ


ประวัติการแก้ไข
2014-08-04 16:05:35
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:04:08 By : nest12345
 


 

No. 9



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



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


มันเป็น onchange ส่งแบบ get จะง่ายกว่าครับ
ว่าแต่จะส่งอะไรครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:06:45 By : cowboycnx
 


 

No. 10



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



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


ตอบความคิดเห็นที่ : 9 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:06:45
รายละเอียดของการตอบ ::
ส่ง ID ปีเฉยๆครับ

ผมจะเอาไปเป็นเงื่อนไขเวลา SeLECT ฐานข้อมูลออกมาเป็นกราฟคับ

ทุกทีผมส่งค่าได้นะคับ แต่วันนี้แปลกๆค่าไม่มาครับ


Code (PHP)
<?php
include("FusionCharts.php");
require ('connect.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>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options1']").change(function(){
			var customGraph = $("option:selected",this).val();
			$.POST('mod_fusion.php',{modfusion:customGraph},function(data){
				$("#graph_result").html(data);
			});
		});
	});
  </script>
<table width="200" border="1">
  <tr>
    <td><? require("head.php");?></td>
  </tr>
  <tr>
    <td align="center">
    <form id="form1" name="form1" method="post" 
    action=" 
    graph_category.php?year=<? $_GET['type'] ?>
    	   "
     >
      <p>&nbsp;</p>
      <table width="200" border="1">
        <tr>
          <td>ปีงบประมาณ</td>
          <td><label for="select"></label>
            <select name="type" id="type">
              <?
           $result = mysql_query("SELECT * FROM tbbudgetyear");
           while($row = mysql_fetch_array($result)){
        ?>
        <option>กรุณาเลือกปีงบประมาณ</option>
              <option value="<? echo $row['BudgetyearID'] ?>">
                <?  mysql_query("SET NAMES UTF8"); echo $row['Budgetyear'] ?>
                </option>
              <? }?>
            </select></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>
        <input type="submit" name="button" id="button" value="ตกลง" />
        <input type ="reset" name="button1" id="button1" value="ยกเลิก" />
      </p>
    </form>
      <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td><? require("footer.php");?></td>
  </tr>
</table>
</html>



อันนี้เป็นโค้ดคับ


ประวัติการแก้ไข
2014-08-04 16:11:06
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:10:13 By : nest12345
 


 

No. 11



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



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


Quote:
18. $("#graph_result").attr("src","mod_fusion.php?modtheme="+customGraph+"&yearID=<?php echo date('Y');?>" );
แบบนี้ก็ได้ครับ
แล้วคุณก็เอา $_GET["yearID"] ไปใช้งานใน mod_fusion.php ต้องรู้จักต่อยอดความคิดเอาเองครับ



ประวัติการแก้ไข
2014-08-04 16:12:06
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:10:29 By : cowboycnx
 


 

No. 12



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



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


ตอบความคิดเห็นที่ : 10 เขียนโดย : nest12345 เมื่อวันที่ 2014-08-04 16:10:13
รายละเอียดของการตอบ ::
ทำไมคุณไม่เอาโค้ดล่าสุดของพี่เค้ามาวางล่ะ ที่เป็น iframe หรือคุณใช้อันไหนกันแน่ครับ
เอาตัวที่ชัวร์ๆมาวางเลย แล้วจะไดช่วยแก้ให้อ่ะ อย่ามัวรักพี่เสียดายน้องซิครับ



ประวัติการแก้ไข
2014-08-04 16:16:45
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:14:42 By : cowboycnx
 


 

No. 13



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



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


ตอบความคิดเห็นที่ : 12 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:14:42
รายละเอียดของการตอบ ::


อ่อ ขอโทษด้วยครับ ผมรีบไปหน่อยอะครับ

หลักๆจะมี 3 ไฟล์ครับ

ไฟล์แรก เลือก ปีงบประมาณ

ไฟล์ที่สอง เลือกประเภทกราฟ

ไฟล์ที่สาม เก็บกราฟคับ



ไฟล์เลือกปี (PHP)
<?php
include("FusionCharts.php");
require ('connect.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>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options1']").change(function(){
			var customGraph = $("option:selected",this).val();
			$.POST('mod_fusion.php',{modfusion:customGraph},function(data){
				$("#graph_result").html(data);
			});
		});
	});
  </script>
<table width="200" border="1">
  <tr>
    <td><? require("head.php");?></td>
  </tr>
  <tr>
    <td align="center">
    <form id="form1" name="form1" method="post" 
    action=" 
    graph_category.php?year=<? $_GET['type'] ?>
    	   "
     >
      <p>&nbsp;</p>
      <table width="200" border="1">
        <tr>
          <td>ปีงบประมาณ</td>
          <td><label for="select"></label>
            <select name="type" id="type">
              <?
           $result = mysql_query("SELECT * FROM tbbudgetyear");
           while($row = mysql_fetch_array($result)){
        ?>
        <option>กรุณาเลือกปีงบประมาณ</option>
              <option value="<? echo $row['BudgetyearID'] ?>">
                <?  mysql_query("SET NAMES UTF8"); echo $row['Budgetyear'] ?>
                </option>
              <? }?>
            </select></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>
        <input type="submit" name="button" id="button" value="ตกลง" />
        <input type ="reset" name="button1" id="button1" value="ยกเลิก" />
      </p>
    </form>
      <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td><? require("footer.php");?></td>
  </tr>
</table>
</html>

ไฟล์เลือกประเภทกราฟ(PHP)
<?php
include("FusionCharts.php");
require ('connect.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$("#graph_result").attr("src","test.php?modtheme="+customGraph);
		});
	});
  </script>
 </head>

 <body>
     <select name="options">
        <option>กรุณาเลือกประเภทกราฟ</option>
         <option value="FCF_Column3D.swf">กราฟแท่ง </option>
         <option value="FCF_Pie2D.swf">กราฟวงกลม</option>
        <option value="FCF_Bar2D.swf">กราฟบาร์</option>
        <option value="FCF_Doughnut2D.swf">กราฟโดนัท</option>
      </select>
	<center>
      <iframe id='graph_result' style='width:900px;height:700px;'></iframe>
	</center>
 </body>
</html>

ไฟล์เก็บรูปแบบกรา (PHP)
<?php   
include("FusionCharts.php");
require ('connect.php');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$("#graph_result").attr("src","test.php?modtheme="+customGraph);
		});
	});
  </script>
 </head>
</html>
<?php
   $strXML = "<graph caption='กราฟแสดงงบประมาณ' subCaption='แยกตามหมวดหมู่' xAxisName='หมวดหมู่' yAxisName='Baht' decimalPrecision='0' showNames='1' numberSuffix=' บาท' pieSliceDepth='30' formatNumberScale='0' baseFontSize ='15' >";

  
   $strQuery = "SELECT * FROM tbbudgetyear,tbbudgetcategory,tbbudgettype
where tbbudgetyear.BudgetyearID = tbbudgetcategory.BudgetyearID
AND tbbudgetcategory.BudgettypeID = tbbudgettype.BudgettypeID
AND tbbudgetyear.BudgetyearID LIKE 41";
   $result = mysql_query($strQuery) or die(mysql_error());

   
   if ($result) {
      while($ors = mysql_fetch_array($result)) {
         
         $strXML .=
		  "<set name='" . $ors['Budgettype'] . "' value='" . $ors['Budgetcategoryamount'] . "'/>";
	
        
      }
   }

  
   $strXML .= "</graph>";
	$fullPath = "FusionCharts/Charts/".$_GET["modtheme"];
   //Create the chart - Pie 3D Chart with data from $strXML 
   echo renderChart($fullPath, "", $strXML, "Budgetcategory", 800, 600  );  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$("#graph_result").attr("src","test.php?modtheme="+customGraph);
		});
	});
  </script>
 </head>
</html>



ประวัติการแก้ไข
2014-08-04 16:19:54
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:16:26 By : nest12345
 


 

No. 14



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



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


ตอบความคิดเห็นที่ : 13 เขียนโดย : nest12345 เมื่อวันที่ 2014-08-04 16:16:26
รายละเอียดของการตอบ ::
คุณต้องสรุปมาก่อนว่าตอนนี้โค้ดล่าสุดที่คุณใช้อยู่แล้วได้ผล (เรื่องกราฟ) คือโค้ดไหน เอามาแบบเต็มๆน่ะ
แล้วเดี๋ยวจะช่วยเพิ่มให้

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:18:40 By : cowboycnx
 


 

No. 15



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



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


ตอบความคิดเห็นที่ : 14 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:18:40
รายละเอียดของการตอบ ::
ครับ ผมแก้ไขให้แล้วนะครับ ขอโทษจริงๆนะครับ ตื่นเต้นมากครับ แก้ปัญหาไปได้ทีละนิดๆๆ

หลักๆจะมี 3 ไฟล์ครับ

ไฟล์แรก เลือก ปีงบประมาณ (ผมคิดว่าจะให้ผู้ใช้เลือกปีก่อนค่อยไปหน้า แสดงกราฟครับ )

ไฟล์ที่สอง เลือกประเภทกราฟ (ไฟล์นี้จะมี ไอเฟรม เพื่อแสดงกราฟ กับให้ผู้ใช้เลือกประเภทกราฟครับ)

ไฟล์ที่สาม เก็บกราฟคับ (ไฟล์ที่สาม เก็บค่ากราฟ เฉยๆคับ)

ตอนแรกก่ะจะให้ผู้ใช้เลือก ประเภทกราฟ กับ ปีงบประมาณ ในหน้าเดียวกันเลยครับ แต่ผมกลัวมากจะเขียนไม่ได้ครับ เลยแยกกันให้ง่ายๆอะครับ



อัันนี้ส่วนหน้าตาครับ ไฟล์ 1 2 3 (ไฟล์ 3 เป็นกราฟนะครับ)

หน้าจอโปรแกรม

หน้าจอโปรแกรม


ประวัติการแก้ไข
2014-08-04 16:23:21
2014-08-04 16:24:07
2014-08-04 16:27:02
2014-08-04 16:28:37
2014-08-04 16:30:33
2014-08-04 16:31:51
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:21:51 By : nest12345
 


 

No. 16



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



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


Code (PHP)
<?php
require ('connect.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>Untitled Document</title>
</head>

<table width="200" border="1">
  <tr>
    <td><? require("head.php");?></td>
  </tr>
  <tr>
    <td align="center">
    <form id="form1" name="form1" method="post" 
    action="graph_category.php"
     >
      <p>&nbsp;</p>
      <table width="200" border="1">
        <tr>
          <td>ปีงบประมาณ</td>
          <td><label for="select"></label>
            <select name="year" >
              <?
           $result = mysql_query("SELECT * FROM tbbudgetyear");
           while($row = mysql_fetch_array($result)){
        ?>
        <option>กรุณาเลือกปีงบประมาณ</option>
              <option value="<? echo $row['BudgetyearID'] ?>">
                <?  mysql_query("SET NAMES UTF8"); echo $row['Budgetyear'] ?>
                </option>
              <? }?>
            </select></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>
        <input type="submit" name="button" id="button" value="ตกลง" />
        <input type ="reset" name="button1" id="button1" value="ยกเลิก" />
      </p>
    </form>
      <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td><? require("footer.php");?></td>
  </tr>
</table>
</html>



graph_category.php
<?php
require ('connect.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <TITLE>FusionCharts Free - Database Example</TITLE>
  <SCRIPT LANGUAGE="Javascript" SRC="FusionCharts.js"></SCRIPT>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">	
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='options']").change(function(){
			var customGraph = $("option:selected",this).val();
			$("#graph_result").attr("src","test.php?modtheme="+customGraph<?php if(isset($_POST["year"])) echo "+\"&year={$_POST["year"]}\"";?>);
		});
	});
  </script>
 </head>

 <body>
     <select name="options">
        <option>กรุณาเลือกประเภทกราฟ</option>
         <option value="FCF_Column3D.swf">กราฟแท่ง </option>
         <option value="FCF_Pie2D.swf">กราฟวงกลม</option>
        <option value="FCF_Bar2D.swf">กราฟบาร์</option>
        <option value="FCF_Doughnut2D.swf">กราฟโดนัท</option>
      </select>
	<center>
      <iframe id='graph_result' style='width:900px;height:700px;'></iframe>
	</center>
 </body>
</html>


ส่วนในไฟล์สุดท้าย mod_fusion.php ก็เอาตัวแปร $_GET["year"] ไปใช้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:32:19 By : cowboycnx
 


 

No. 17



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



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


พอได้คำตอบแล้ว ช่วยกลับมากด [ส่งคำขอบคุณ] เพื่อเป็คะแนนให้ผู้ร่วมตอบด้วยน่ะครับ มันเป็นมารยาทที่ดีอ่ะน่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:37:00 By : cowboycnx
 


 

No. 18



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



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


ตอบความคิดเห็นที่ : 16 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:32:19
รายละเอียดของการตอบ ::
ขอบคุณพี่มากๆครับ

ID ปีเดินทางไปยัง mod_fusion.php แล้วคับ



หน้าจอโปรแกรม


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:39:49 By : nest12345
 


 

No. 19



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



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


ตอบความคิดเห็นที่ : 17 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:37:00
รายละเอียดของการตอบ ::
ครับผม ^^

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-04 16:40:23 By : nest12345
 


 

No. 20

Guest


ตอบความคิดเห็นที่ : 17 เขียนโดย : cowboycnx เมื่อวันที่ 2014-08-04 16:37:00
รายละเอียดของการตอบ ::
สอบถามหน่อยครับ

ถ้าต้องการข้อมูลจากไดเรกทอรี่ หล่ะครับ
มีไฟล์ txt หลายไฟล์ อยากนำมา select เพื่อเลือกแสดงบนกราฟเส้น ซึ่งข้อมูลอยู่ใน folder DATA
ผมลอง echo $_POST แล้วมันแสดงแต่ชื่อครับ ไม่แสดงเนื้อหาที่ a href
แต่พอไม่ได้นำเข้า select สามารถ a href ดูข้อมูลได้ปกติครับ

<html>
<?php
$MT="DATA/";
$tep ="";
$i =-8;
if ($handle = opendir("$MT")) {//????????????
while (false !== ($entry = readdir($handle))) {
$parts = explode(".", $entry);
if (is_array($parts) && count($parts) > 1) {
$neamfile = end($parts);
if ($neamfile == "LEE" OR $neamfile == "LHA"OR $neamfile == "PCM")
//echo "$i.<a href=\"$file\" target=\"_blank\"> $file </a><br />";
$tep=$tep."<option>$i.<a href=\"$MT\">$entry</a></option>"; //????????????
}
$i++;
}

closedir($handle);
}
?>
<body>

<form action= "Loadcell 1.php" method="$POST">

<select name="type" required>
<option>-DATA-</option>
<?php echo $tep;?>
</select>
<button type="submit">Submit</button>
</form>

</body>
</html>

ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-09-17 06:11:19 By : mini
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามการเขียนโค้ดให้ กราฟเปลี่ยนเมื่อเราเลือก select list ครับ (สำเร็จแล้วครับ)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 05
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 อัตราราคา คลิกที่นี่