|
|
|
สอบถามการเขียนโค้ดให้ กราฟเปลี่ยนเมื่อเราเลือก select list ครับ (สำเร็จแล้วครับ) |
|
|
|
|
|
|
|
เข้าใจผิดแล้วล่ะครับ ที่ผมแนะนำไม่มีการเปลี่ยนหน้าน่ะ เป็นการเรียกไฟล์มาแสดงด้วย ajax/jquery
คุณ จขกท. ต้องอ่านทำความเข้าใจโค้ดให้ดีกว่านี้ ถ้าโค้ดที่ให้ไปใช้ได้ก็จบแล้วครับ แต่ถ้ายังไม่ได้
ค่อยมาถามอีกครั้ง
|
|
|
|
|
Date :
2014-08-03 23:26:15 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองใช้ 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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
พี่ครับ ผมอยากส่งค่า IDปีงบประมาณ ไปที่หน้า mod_fusion.php ใช้ค่า POST ส่งไปได้ไหมครับ
|
ประวัติการแก้ไข 2014-08-04 16:05:35
|
|
|
|
Date :
2014-08-04 16:04:08 |
By :
nest12345 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันเป็น onchange ส่งแบบ get จะง่ายกว่าครับ
ว่าแต่จะส่งอะไรครับ
|
|
|
|
|
Date :
2014-08-04 16:06:45 |
By :
cowboycnx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอบความคิดเห็นที่ : 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> </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> </p>
<p> </p>
<p>
<input type="submit" name="button" id="button" value="ตกลง" />
<input type ="reset" name="button1" id="button1" value="ยกเลิก" />
</p>
</form>
<p> </p>
<p> </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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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> </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> </p>
<p> </p>
<p>
<input type="submit" name="button" id="button" value="ตกลง" />
<input type ="reset" name="button1" id="button1" value="ยกเลิก" />
</p>
</form>
<p> </p>
<p> </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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
พอได้คำตอบแล้ว ช่วยกลับมากด [ส่งคำขอบคุณ] เพื่อเป็คะแนนให้ผู้ร่วมตอบด้วยน่ะครับ มันเป็นมารยาทที่ดีอ่ะน่ะ
|
|
|
|
|
Date :
2014-08-04 16:37:00 |
By :
cowboycnx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอบความคิดเห็นที่ : 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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|