|
|
|
ทำไม javascript ไม่สามารถ run บน IE ได้ แต่ สามารถ run Google Chome หรือ firefox ได้ พอแนะนำผมได้รึป่าว ครับ |
|
|
|
|
|
|
|
ทำไม javascript ไม่สามารถ run บน IE ได้ แต่ สามารถ run googlechome หรือ firefox ได้ พอแนะนำผมได้รึป่าว ครับ รบกวนผู้รู้ด้าน javascript ช่วยตอบทีครับ
Code (JavaScript)
<?php
// สมมุติว่า ข้อมูลนี้ select มาจาก db น่ะครับ
$hdata = array("ASD", "ARD", "CSD", "CRD", "RD", "HRG", "WSG", "LBG", "LSD", "RAL", "OBD", "PFR","FAG","SAL");
$data=array(5100,50000,9500,4335,11534,6510,7530,3540,9510,12519,6510,9510,9530,11140)
?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'square'],
<?php
for($i=0;$i<count($hdata);$i++){
echo "['".$hdata[$i]."',".$data[$i]."],";
}
?>
]);
var options = {
title: 'Model',
vAxis: {title: "square metre"},
width: data.getNumberOfRows() * 65,
bar: {groupWidth: 35},
tooltip: {textStyle: {color: '#3C6A9D'}, showColorCode: true},
chartArea : {left:80,top:60,width:"80%", height: "60%"}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div class="chart_div " id="chart_div"></div>
Tag : PHP, MySQL, JavaScript, Ajax, jQuery
|
|
|
|
|
|
Date :
2013-01-29 16:01:55 |
By :
TonsoR |
View :
1040 |
Reply :
5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าถามว่า ทำไม คงต้องตอบแบบนี้อ่ะครับ
Message: Not a valid 2D array.
มันไม่สามารถเรียกใช้ .js มาจาก
https://www.google.com/uds/api/visualization/1.0/aa2ea46dedbc8882718d88c336c5eec8/format+th,default,corechart.I.js
ได้มั้งผมว่า ตรง format+th,default,corechart.I.js ค่าของมันคงไม่ตรงกับ browser
|
|
|
|
|
Date :
2013-01-29 16:08:14 |
By :
yuyu7878 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เราสามารถตั้งค่าให้ตรงกัน หรือ มีแนวทาง อื่นหรือป่าว ครับ
|
|
|
|
|
Date :
2013-01-30 14:07:51 |
By :
TonsoR |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
['Year', 'square'],
<?php
for($i=0;$i<count($hdata);$i++){
echo "['".$hdata[$i]."',".$data[$i]."],";
}
?>
ให้เปลี่ยนตรงนี้ใหม่ครับ เขียนลูปผิดไปครับ ผลที่ได้คือสุดท้ายแล้ว array [ [x,x], ] มี comma เกิน
['Year', 'square']
<?php
for($i=0;$i<count($hdata);$i++){
echo ",['".$hdata[$i]."',".$data[$i]."]";
}
?>
ทำแบบนี้แทน
|
|
|
|
|
Date :
2013-01-30 15:21:37 |
By :
xbeginner01 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function checkNumbers(textInput) {
var
// ทำการแยกค่าใน textarea ออกเป็นส่วนๆ ด้วย comma และช่องว่างรอบๆ comma
// โดยเก็บไว้ในตัวแปรชื่อ values
values = textInput.value.split(/\s*,\s*/),
// เก็บจำนวนสมาชิกที่มีอยู่ใน values ไว้ในตัวแปรชื่อ n เพื่อความเร็วในการทำงาน
n = values.length,
// สร้าง Array ไว้เก็บค่าที่มีการซ้ำกัน
removals = [],
// สร้าง Array ไว้เก็บค่าที่ผ่านการตรวจสอบแล้ว
approvals = [];
// วนลูปเพื่ออ่านค่าทั้งหมดใน Array
for (var i = 0; i < n; i++) {
var item = values[i]; // กำหนดค่าในตำแหน่งปัจจุบันให้กับตัวแปรชื่อ item
// ตรวจสอบว่าค่าปัจจุบันเป็นตัวเลข 0-9 หรือไม่โดยใช้ RegExp
// หากไม่ใช่ตัวเลขค่านี้ก็จะถูกตัดทิ้งไป (เพราะไม่ได้ถูกเพิ่มเข้าไปใน approvals)
if (/^\d+$/.test(item)) {
// หากเป็นตัวเลขก็จะเข้ามาตรงนี้
// และทำการตรวจสอบต่อว่ามี ตัวเลขที่ซ้ำกันหรือไม่
// โดยใช้ฟังก์ชั่น Array.lastIndexOf ที่จะตรวจว่า ค่าที่ส่งไปให้นั้น
// อยู่ในตำแหน่งใดของ Array โดยเริ่มค้นหาจากท้าย Array
// ซึ่งถ้าตำแหน่งที่ตรวจได้ไม่ตรงกับค่าตัวแปร i ซึ่งเป็นตำแหน่งปัจจุบันของค่าที่ใช้ค้นหา
// นั่นหมายความว่ามีค่าที่ซ้ำกันอยู่ใน Array
if (values.lastIndexOf(item) !== i) {
// ตรวจสอบดูด้วยว่ามีค่านี้อยู่แล้วหรือยัง เพราะบางทีอาจจะมีค่าที่ซ้ำกันมากกว่า 1 ตัว
if (removals.indexOf(item) === -1) {
// บันทึกค่านี้ไว้เพื่อใช้แสดงผลค่าที่ซ้ำกัน
removals.push(item);
}
} else {
// ค่านี้ผ่านการตรวจสอบแล้ว
approvals.push(item);
}
}
}
// ถ้ามีค่าที่ซ้ำกัน
if (removals.length) {
// ก็แสดงผล
alert("หมายเลข " + removals.join(",") + " ซ้ำกันค่ะ");
}
// กำหนดค่าใหม่ให้กับ textarea ซึ่งเป็นค่าที่ผ่านการตรวจสอบแล้ว (เป็นตัวเลขและไม่ซ้ำกัน)
textInput.value = approvals.join(",");
}
ใช้กับ IE ไม่ได้เหมือนกันคะ พอมีแนวทางไหมคะ
|
|
|
|
|
Date :
2013-02-19 16:01:57 |
By :
saictm49 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|