summaryrefslogtreecommitdiffstats
path: root/notFinishedCode/pChart2.1.2/examples/imageMap/index.php
diff options
context:
space:
mode:
Diffstat (limited to 'notFinishedCode/pChart2.1.2/examples/imageMap/index.php')
-rw-r--r--notFinishedCode/pChart2.1.2/examples/imageMap/index.php209
1 files changed, 209 insertions, 0 deletions
diff --git a/notFinishedCode/pChart2.1.2/examples/imageMap/index.php b/notFinishedCode/pChart2.1.2/examples/imageMap/index.php
new file mode 100644
index 0000000..21f2e70
--- /dev/null
+++ b/notFinishedCode/pChart2.1.2/examples/imageMap/index.php
@@ -0,0 +1,209 @@
+<?php if ( isset($_GET["Action"]) && $_GET["Action"] == "ViewPHP") { $Script = $_GET["Script"]; highlight_file($Script); exit(); } ?>
+<?php if ( isset($_GET["Action"]) && $_GET["Action"] == "ViewHTML") { $Script = $_GET["Script"]; writeHTML($Script); exit(); } ?>
+<!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" xml:lang="en" lang="en">
+<head>
+ <script src='imagemap.js' type="text/javascript"></script>
+ <title>pChart 2.x - Image map</title>
+ <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
+ <style>
+ body { background-color: #F0F0F0; font-family: tahoma; font-size: 14px;}
+ td { font-family: tahoma; font-size: 11px; }
+ div.txt { font-family: tahoma; font-size: 11px; width: 660px; padding: 15px; }
+ div.folder { cursor: hand; cursor: pointer; }
+ a.smallLink:link { text-decoration: none; color: #6A6A6A; }
+ a.smallLink:visited { text-decoration: none; color: #6A6A6A; }
+ a.smallLink:hover { text-decoration: underline; color: #6A6A6A; }
+ a.smallLinkGrey:link { text-decoration: none; color: #6A6A6A; }
+ a.smallLinkGrey:visited { text-decoration: none; color: #6A6A6A; }
+ a.smallLinkGrey:hover { text-decoration: underline; color: #6A6A6A; }
+ a.smallLinkBlack:link { text-decoration: none; color: #000000; }
+ a.smallLinkBlack:visited { text-decoration: none; color: #000000; }
+ a.smallLinkBlack:hover { text-decoration: underline; color: #000000; }
+ a.pChart { text-decoration: none; color: #6A6A6A; }
+ a img, img { border: none; }
+ </style>
+</head>
+<body>
+<?php
+ /* Files that we don't want to see in the tree */
+ $Exclusion = array(".","..");
+
+ /* Determine the current package version */
+ $FileHandle = fopen("../../readme.txt", "r");
+ for ($i=0; $i<=5; $i++) { $buffer = fgets($FileHandle, 4096); }
+ fclose($FileHandle);
+ $Values = preg_split("/:/",$buffer);
+ $Values = preg_split("/ /",$Values[1]);
+ $Version = strip_tags($Values[1]);
+
+ /* Build a list of the examples & categories */
+ $DirectoryHandle = opendir("scripts");
+ {
+ $Tree = "";
+ while (($FileName = readdir($DirectoryHandle)) !== false)
+ {
+ if ( !in_array($FileName,$Exclusion))
+ $Tree[] = str_replace(".php","",$FileName);
+ }
+ }
+?>
+
+ <table style='border: 2px solid #FFFFFF;'><tr><td>
+ <div style='font-size: 11px; padding: 2px; color: #FFFFFF; background-color: #666666; border-bottom: 3px solid #484848;'>&nbsp;Navigation</div>
+ <table style='padding: 1px; background-color: #E0E0E0; border: 1px solid #D0D0D0; border-top: 1px solid #FFFFFF;'><tr>
+ <td width=16><img src='../resources/application_view_tile.png' width=16 height=16 alt=''/></td>
+ <td width=100>&nbsp;<a class=smallLinkGrey href='../'>Examples</a></td>
+ <td width=16><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td width=100>&nbsp;<a class=smallLinkGrey href='../sandbox/'>Sandbox</a></td>
+ <td width=16><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td width=100>&nbsp;<a class=smallLinkGrey href='../delayedLoader/'>Delayed loader</a></td>
+ <td width=16><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td width=100>&nbsp;<b>Image Map</b></td>
+ </tr></table>
+ </td></tr></table>
+
+ <br/>
+
+ <table><tr><td valign='top'>
+ <table style='border: 2px solid #FFFFFF;'><tr><td>
+ <div style='font-size: 11px; padding: 2px; color: #FFFFFF; background-color: #666666; border-bottom: 3px solid #484848; width: 222px;'>&nbsp;Release <?php echo $Version; ?></div>
+ <div style='border: 3px solid #D0D0D0; border-top: 1px solid #FFFFFF; background-color: #FAFAFA; width: 220px; overflow: auto'>
+ <div style='padding: 1px; padding-bottom: 3px; color: #000000; background-color:#D0D0D0;'>
+ <table><tr>
+ <td><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td>&nbsp;Examples folder contents</td>
+ </tr></table>
+ </div>
+<?php
+ foreach($Tree as $Key => $Element)
+ {
+ if ( $Key == count($Tree)-1 ) { $Icon = "../resources/dash-explorer-last.png"; } else { $Icon = "../resources/dash-explorer.png"; }
+
+ echo "<table noborder cellpadding=0 cellspacing=0>\r\n";
+ echo " <tr valign=middle>\r\n";
+ echo " <td><img src='".$Icon."' width=16 height=20 alt=''/></td>\r\n";
+ echo " <td><img src='../resources/application_view_tile.png' width=16 height=16 alt=''/></td>\r\n";
+ echo " <td><div class=folder onclick='showExample(".chr(34).$Element.chr(34).");'>&nbsp;".$Element."</div></td>\r\n";
+ echo " </tr>\r\n";
+ echo "</table>\r\n";
+ }
+?>
+
+ </div>
+ </td></tr></table>
+ </td><td width=20></td><td valign='top' style='padding-top: 5px; font-size: 12px;'>
+ <table><tr>
+ <td><img src='../resources/chart_bar.png' width=16 height=16 alt=''/></td>
+ <td>&nbsp;Rendering area</td>
+ </tr></table>
+
+ <div style='display:table-cell; padding: 10px; border: 2px solid #FFFFFF; vertical-align: middle; overflow: auto; background-image: url("resources/dash.png");'>
+ <div style='font-size: 10px;' id=render>
+ <table><tr><td><img src='../resources/accept.png' width=16 height=16 alt=""/></td><td>Click on an example to render it!</td></tr></table>
+ </div>
+ </div>
+
+ <br/><br/>
+
+ <table><tr>
+ <td><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td>&nbsp;HTML Source area</td>
+ </tr></table>
+
+ <div style='display:table-cell; padding: 10px; border: 2px solid #FFFFFF; vertical-align: middle; overflow: auto; background-image: url("resources/dash.png");'>
+ <div id=htmlsource style='width: 700px; font-size: 13px; font-family: Lucida Console'>
+
+ &lt;html&gt;<br/>
+ &lt;head&gt;<br/>
+ &nbsp;&nbsp; &lt;style&gt;<br/>
+ &nbsp;&nbsp;&nbsp;&nbsp; div.pChartPicture { border: 0px; }<br/>
+ &nbsp;&nbsp; &lt;/style&gt;<br/>
+ &lt;/head&gt;<br/>
+ &lt;body&gt;<br/>
+ &nbsp;&nbsp; &lt;script src="imagemap.js" type="text/javascript"&gt;&lt;/script&gt;<br/>
+ &nbsp;&nbsp; &lt;img src="draw.php" id="testPicture" alt="" class="pChartPicture"/&gt;<br/>
+ &lt;/body&gt;<br/>
+ &lt;script&gt;<br/>
+ &nbsp;&nbsp; addImage("testPicture","pictureMap","draw.php?ImageMap=get");<br/>
+ &lt;/script&gt;<br/>
+
+ </div>
+ </div>
+
+ <br/><br/>
+
+ <table><tr>
+ <td><img src='../resources/application_view_list.png' width=16 height=16 alt=''/></td>
+ <td>&nbsp;PHP Source area</td>
+ </tr></table>
+
+ <div style='display:table-cell; padding: 10px; border: 2px solid #FFFFFF; vertical-align: middle; overflow: auto; background-image: url("resources/dash.png");'>
+ <div style='font-size: 10px;' id=source style='width: 700px;'>
+ <table><tr><td><img src='../resources/accept.png' width=16 height=16 alt=""/></td><td>Click on an example to get its source!</td></tr></table>
+ </div>
+ </div>
+
+</td></tr></table>
+</body>
+</html>
+<script>
+ function showExample(FileName)
+ {
+ document.getElementById("render").innerHTML = "<img src='scripts/"+FileName+".php?Seed="+Math.random(100)+"' id='testPicture' alt='' class='pChartPicture'/>";
+ viewPHP("scripts/"+FileName+".php");
+ // viewHTML("scripts/"+FileName+".php");
+
+ addImage('testPicture','pictureMap','scripts/'+FileName+'.php?ImageMap=get');
+ }
+
+ function viewPHP(URL)
+ {
+ var xmlhttp=false;
+ /*@cc_on @*/
+ /*@if (@_jscript_version >= 5)
+ try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } }
+ @end @*/
+
+ URL = "index.php?Action=ViewPHP&Script=" + URL;
+
+ if (!xmlhttp && typeof XMLHttpRequest!='undefined')
+ { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp=false; } }
+
+ if (!xmlhttp && window.createRequest)
+ { try { xmlhttp = window.createRequest(); } catch (e) { xmlhttp=false; } }
+
+ xmlhttp.open("GET", URL,true);
+
+ xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) { Result = xmlhttp.responseText; document.getElementById("source").innerHTML = Result.replace("/\<BR\>/"); } }
+ xmlhttp.send(null)
+ }
+
+ function viewHTML(URL)
+ {
+ var xmlhttp=false;
+ /*@cc_on @*/
+ /*@if (@_jscript_version >= 5)
+ try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } }
+ @end @*/
+
+ URL = "index.php?Action=ViewHTML&Script=" + URL;
+
+ if (!xmlhttp && typeof XMLHttpRequest!='undefined')
+ { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp=false; } }
+
+ if (!xmlhttp && window.createRequest)
+ { try { xmlhttp = window.createRequest(); } catch (e) { xmlhttp=false; } }
+
+ xmlhttp.open("GET", URL,true);
+
+ xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) { Result = xmlhttp.responseText; document.getElementById("htmlsource").innerHTML = Result.replace("/\<BR\>/"); } }
+ xmlhttp.send(null)
+ }
+</script>
+<?php
+ function writeHTML($Script)
+ {
+ echo $Script;
+ }
+?> \ No newline at end of file