Add html files

This commit is contained in:
2025-05-12 15:45:02 +00:00
parent 82d5804ac4
commit 7ddd15c4fa
1224 changed files with 277606 additions and 0 deletions

View File

@@ -0,0 +1,152 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/json/json2.js"></script>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
function ofc_ready()
{
alert('ofc_ready');
//load();
}
function open_flash_chart_data()
{
alert( 'reading data' );
return JSON.stringify(chart);
}
function load_1()
{
tmp = findSWF("my_chart");
x = tmp.load( JSON.stringify(chart) );
}
function load_2()
{
tmp = findSWF("my_chart");
x = tmp.load( JSON.stringify(chart2) );
}
function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
return window[movieName];
} else {
return document[movieName];
}
}
var chart = {
"title":{
"text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
},
"y_legend":{
"text": "Open Flash Chart",
"style": "{color: #736AFF; font-size: 12px;}"
},
"elements":[
{
"type": "bar",
"alpha": 0.5,
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
},
{
"type": "bar",
"alpha": 0.5,
"colour": "#CC9933",
"text": "Page views 2",
"font-size": 10,
"values" : [6,7,9,5,7,6,9,7,3]
}
],
"x_axis":{
"stroke":1,
"tick_height":10,
"colour":"#d000d0",
"grid_colour":"#00ff00",
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"stroke": 4,
"tick_length": 3,
"colour": "#d000d0",
"grid_colour": "#00ff00",
"offset": 0,
"max": 20
}
};
var chart2 = {
"title":{
"text": "Sketch",
"style": "{font-size:35px; color: #567300}"
},
"elements":[
{
"type": "bar_sketch",
"colour": "#81AC00",
"outline-colour": "#567300",
"text": "Sketch",
"font-size": 10,
"offset": 6,
"values" : [
3,
8,
-5,
{"top":5,"outline-colour": "#7030A0", "tip": "outline"},
4,
{"top":5, "colour": "#99FF00", "tip": "colour"},
{"top":-3,"colour": "#99FF00", "outline-colour": "#7030A0", "tip": "colour + outline"},
2,
7.5]
}
],
"x_axis":{
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"min": -10,
"max": 10
},
"tooltip":{
"text": "My Tip<br>#top#,#bottom# = #val#"
}
};
alert( chart );
</script>
</head>
<body>
<div id="my_chart"></div>
<script type="text/javascript">
swfobject.embedSWF("../open-flash-chart/open-flash-chart.swf", "my_chart", "450", "300", "9.0.0");
</script>
<div>
<INPUT TYPE=BUTTON OnClick="load_1();" VALUE="Chart 1">
<INPUT TYPE=BUTTON OnClick="load_2();" VALUE="Chart 2">
</div>
</body>
</html>

View File

@@ -0,0 +1,55 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
//so.addVariable("data", "../data-files/data-20.txt");
so.addVariable("variables","true");
so.addVariable("pie", "60,#9933CC,#000000");
so.addVariable("values", "3,2,1,1,1,1,0.2");
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
<hr>
<div id="my_chart_2"></div>
<script type="text/javascript">
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "200", "300", "9", "#FFFFFF");
//so.addVariable("data", "../data-files/data-20.txt");
so.addVariable("variables","true");
so.addVariable("pie", "60,#9933CC,#000000");
so.addVariable("values", "3,2,1,1,1,1,0.2");
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart_2");
</script>
</body>
</html>

View File

@@ -0,0 +1,39 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
my_chart.addVariable("variables","true");
my_chart.addVariable("title","report,{font-size: 16;}");
my_chart.addVariable("y_legend","data,12,0x736AFF");
my_chart.addVariable("y_label_size","14");
my_chart.addVariable("y_ticks","5,10,4");
my_chart.addVariable("bar","50,0x9933CC,q,10");
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
my_chart.addVariable("values","29,62,58,27");
my_chart.addVariable("values_2","39,72,68,37");
my_chart.addVariable("x_labels","2004,2005,2006,2007");
my_chart.addVariable("x_axis_steps","2");
my_chart.addVariable("y_max","80");
my_chart.write("my_chart");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
</body>
</html>

View File

@@ -0,0 +1,39 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
my_chart.addVariable("variables","true");
my_chart.addVariable("title","report,{font-size: 16;}");
my_chart.addVariable("y_legend","data,12,0x736AFF");
my_chart.addVariable("y_label_size","14");
my_chart.addVariable("y_ticks","5,10,4");
my_chart.addVariable("bar","50,0x9933CC,q,10");
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
my_chart.addVariable("values","29,62,58,27");
my_chart.addVariable("values_2","39,72,68,37");
my_chart.addVariable("x_labels","2004,2005,2006,2007");
my_chart.addVariable("x_axis_steps","2");
my_chart.addVariable("y_max","80");
my_chart.write("my_chart");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
</body>
</html>

View File

@@ -0,0 +1,43 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var d = Date.parse("Jul 8, 2005")-Date.parse("Jul 9, 2005");
alert(d);
var d = Date.parse("Jul 8, 2005");
alert(d);
var d2 = Date.parse("Jul 8, 2006") - d;
alert(d2);
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
so.addVariable("variables","true");
so.addVariable("scatter","3,0x004040,Dataset1,10");
so.addVariable("y_min", "0");
so.addVariable("y_max", 200);
so.addVariable("x_min", d);
so.addVariable("x_max", d2);
so.addVariable("values","[" + (Date.parse("Jul 8, 2005")-d) + ",100,5],[" + ((Date.parse("Jul 8, 2005")+4)-d) + ",150,5]");
//so.addVariable("x_labels",Date.parse("Jul 8, 2005")+",x,y,z,"+Date.parse("Jul 8, 2006") );
so.addVariable("x_labels","Jul 8, 2005,x,y,z,Jul 8, 2006");
so.addVariable("x_axis_steps","86400000")&
so.addVariable("tool_tip","x:#x_label#<br>y:#val#");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
</body>
</html>

View File

@@ -0,0 +1,34 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "470", "280", "9", "#FFFFFF");
so.addVariable("variables","true");
so.addVariable("x_axis_steps","1");
so.addVariable("y_ticks","5,10,5");
so.addVariable("line","3,#87421F");
so.addVariable("y_min","0");
so.addVariable("y_max","20");
so.addVariable("pie","60,#E4F0DB,#000000,1,,1");
so.addVariable("values","1,1");
so.addVariable("pie_labels","Germany,Spain");
so.addVariable("bg_colour","#ffffff");
so.addVariable("colours","#d01f3c,#356aa0,#C79810");
so.addVariable("links","javascript:alert('12'),javascript:alert('10'),javascript:alert('10'),javascript:alert('11'),javascript:alert('6')");
so.addVariable("tool_tip","#x_label#<br>Followers:#val#");
so.addVariable("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
</body>
</html>

View File

@@ -0,0 +1,32 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function ofc_ready()
{
alert('ofc_ready');
}
</script>
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart"></div>
<script type="text/javascript">
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so.addVariable("data-file", "../data-files/data-60.txt");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
<div>boo</div>
</body>
</html>

View File

@@ -0,0 +1,43 @@
<html>
<head>
<script type="text/javascript">
function load()
{
tmp = findSWF("ofc");
x = tmp.load('{"title":{"text":"hello"}, "x_axis":{"max":6},"elements":[{"type":"line","text":"moo","font-size":10,"values":[5,8,9,4,7,8]}]}');
}
function onrollout2()
{
tmp = findSWF("ofc");
x = tmp.rollout();
}
function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
return window[movieName];
} else {
return document[movieName];
}
}
</script>
</head>
<body>
<script type="text/javascript" src="../js/swfobject.js"></script>
<div id="my_chart" style="padding: 0px; margin:10px; border: 1px solid lightblue; width: 250px; height: 200px;" onmouseout="__onrollout();"></div>
<script type="text/javascript">
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
<input type="submit" onclick="javascript:load()" value="go">
</body>
</html>

View File

@@ -0,0 +1,131 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="../js/json/json2.js"></script>
<script type="text/javascript">
function ofc_ready()
{
alert('ofc_ready');
tmp = findSWF("ofc");
x = tmp.load( JSON.stringify(data) );
}
function button_click()
{
tmp = findSWF("ofc");
x = tmp.load( JSON.stringify(data_2) );
}
function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
return window[movieName];
} else {
return document[movieName];
}
}
var data = {
"title_":{
"text":"Custom tooltip",
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
},
"elements":[
{
"type": "bar",
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,9]
}
],
"x_axis":{
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"max":20
},
"tooltip":{
"shadow":false,
"stroke":5,
"colour":"#00d000",
"background":"#d0d0ff",
"title":"{font-size: 14px; color: #905050;}",
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
}
}
var data_2 = {
"title":{
"text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
},
"y_legend":{
"text": "Open Flash Chart",
"style": "{color: #736AFF; font-size: 12px;}"
},
"elements":[
{
"type": "bar",
"alpha": 0.5,
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
},
{
"type": "bar",
"alpha": 0.5,
"colour": "#CC9933",
"text": "Page views 2",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
}
],
"x_axis":{
"stroke":1,
"tick_height":10,
"colour":"#d000d0",
"grid_colour":"#00ff00",
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"stroke": 4,
"tick_length": 3,
"colour": "#d000d0",
"grid_colour": "#00ff00",
"offset": 0,
"max": 20
}
}
</script>
</head>
<body>
<div id="my_chart"></div>
<script type="text/javascript">
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
<a href="javascript:button_click()">load json</a>
</body>
</html>

View File

@@ -0,0 +1,136 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="../js/json/json2.js"></script>
<script type="text/javascript">
function ofc_ready()
{
alert('ofc_ready');
// tmp = findSWF("ofc");
// x = tmp.load( JSON.stringify(data) );
}
function open_flash_chart_data()
{
alert( 'reading data' );
return JSON.stringify(data);
}
function load()
{
tmp = findSWF("ofc");
x = tmp.load( JSON.stringify(data_2) );
}
function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
return window[movieName];
} else {
return document[movieName];
}
}
var data = {
"title_":{
"text":"Custom tooltip",
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
},
"elements":[
{
"type": "bar",
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,9]
}
],
"x_axis":{
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"max":20
},
"tooltip":{
"shadow":false,
"stroke":5,
"colour":"#00d000",
"background":"#d0d0ff",
"title":"{font-size: 14px; color: #905050;}",
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
}
}
var data_2 = {
"title":{
"text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
},
"y_legend":{
"text": "Open Flash Chart",
"style": "{color: #736AFF; font-size: 12px;}"
},
"elements":[
{
"type": "bar",
"alpha": 0.5,
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
},
{
"type": "bar",
"alpha": 0.5,
"colour": "#CC9933",
"text": "Page views 2",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
}
],
"x_axis":{
"stroke":1,
"tick_height":10,
"colour":"#d000d0",
"grid_colour":"#00ff00",
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
},
"y_axis":{
"stroke": 4,
"tick_length": 3,
"colour": "#d000d0",
"grid_colour": "#00ff00",
"offset": 0,
"max": 20
}
}
</script>
</head>
<body>
<div id="my_chart"></div>
<script type="text/javascript">
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
so.addParam("allowScriptAccess", "always" );//"sameDomain");
so.write("my_chart");
</script>
<a href="javascript:load()">load json</a>
</body>
</html>

View File

@@ -0,0 +1,72 @@
<script type="text/javascript">
var data = null;
var count = 0;
function plot1(index) {
alert(index);
}
function plot2(index) {
confirm(index);
}
// For AJAX
function refresh(dataURL) {
count++;
var req = null;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
if (req.overrideMimeType) {
req.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
req.onreadystatechange = function() {
if(req.readyState == 4) {
if(req.status == 200) {
// Define place to update
data = req.responseText;
(navigator.appName.indexOf("Microsoft") == -1)
? (document["chart_ajax"].load(data))
: (window["chart_ajax"].load(data));
} else {
data = "Error: returned status code " + req.status + " " + req.statusText;
}
}
};
req.open("get", dataURL, true);
req.send(null);
}
</script>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0"
width="100%" height="400" id="chart_ajax" align="middle">
<param name="allowScriptAccess" value="sameDomain"/>
<param name="movie" value="/flashes/OFC.swf"/>
<param name="FlashVars" value="data-file=/test"/>
<param name="quality" value="high"/>
<param name="bgcolor" value="#FFFFFF"/>
<embed src="/flashes/OFC.swf" FlashVars="data-file=/test" quality="high" bgcolor="#FFFFFF"
width=100% height=400 name="chart_ajax" align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
<p>
<a id="button" href="javascript: refresh('/ajax/' + count);" style="display: inline; margin-right: 300px;">
Change
</a>
</p>
<br/>