Your Ad Here

Posted By

oreslo on 09/18/11


Tagged

html jquery jqplot jquery4PHP


Versions (?)

Test


 / Published in: HTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <title>CPANEL :: Encuesta Satisfacci&oacute;n</title>
  4. <link rel="stylesheet" title="estilo por defecto" type="text/css" href="cpanel.css" media="screen" />
  5.  
  6. <link rel="stylesheet" type="text/css" href="../includes/jQuery4PHP/showcase/jquery4php-assets/styles/yepsua/jquery.ui.css" />
  7. <link rel="stylesheet" type="text/css" href="../includes/jQuery4PHP/showcase/jquery4php-assets/styles/jqplot/jquery.jqplot.min.css"></link>
  8.  
  9.  
  10.  
  11. <link rel="icon" type="image/x-icon" href="favicon.ico"></link>
  12. <script type="text/javascript" src="cpanel.js" charset="ISO-8859-1"></script>
  13.  
  14. <script type="text/javascript" src="../includes/jquery/jquery-v1.6.2.js"></script>
  15.  
  16. <script type="text/javascript" charset="ISO-8859-1">
  17. /* <![CDATA[ */
  18. try { if (undefined == xajax.config) xajax.config = {}; } catch (e) { xajax = {}; xajax.config = {}; };
  19. xajax.config.requestURI = "http://www.cdajuanchito.com/control/index.php?mod=survey&sub=report";
  20. xajax.config.statusMessages = false;
  21. xajax.config.waitCursor = true;
  22. xajax.config.version = "xajax 0.5 Beta 4";
  23. xajax.config.legacy = false;
  24. xajax.config.defaultMode = "asynchronous";
  25. xajax.config.defaultMethod = "POST";
  26. /* ]]> */
  27. </script>
  28. <script type="text/javascript" src="../includes/xajax_js/xajax_core.js" charset="ISO-8859-1"></script>
  29. <script type="text/javascript" charset="ISO-8859-1">
  30. /* <![CDATA[ */
  31. window.setTimeout(
  32. function() {
  33. var scriptExists = false;
  34. try { if (xajax.isLoaded) scriptExists = true; }
  35. catch (e) {}
  36. if (!scriptExists) {
  37. alert("Error: the xajax Javascript component could not be included. Perhaps the URL is incorrect?\nURL: ../ includes/xajax_js/xajax_core.js");
  38. }
  39. }, 2000);
  40. /* ]]> */
  41. </script>
  42. <script type="text/javascript" charset="ISO-8859-1">
  43. /* <![CDATA[ */
  44. xajax_Save_Client = function() { return xajax.request( { xjxfun: 'Save_Client' }, { parameters: arguments } ); };
  45. xajax_New_Client = function() { return xajax.request( { xjxfun: 'New_Client' }, { parameters: arguments } ); };
  46. xajax_Show_Survey = function() { return xajax.request( { xjxfun: 'Show_Survey' }, { parameters: arguments } ); };
  47. xajax_Reset_Client = function() { return xajax.request( { xjxfun: 'Reset_Client' }, { parameters: arguments } ); };
  48. xajax_Delete_Client = function() { return xajax.request( { xjxfun: 'Delete_Client' }, { parameters: arguments } ); };
  49. xajax_Send_Emails = function() { return xajax.request( { xjxfun: 'Send_Emails' }, { parameters: arguments } ); };
  50. xajax_Save_Text = function() { return xajax.request( { xjxfun: 'Save_Text' }, { parameters: arguments } ); };
  51.  
  52. /* ]]> */
  53. </script>
  54.  
  55. </head>
  56. <body onload="window.status='Encuesta'">
  57. <a name="top"></a>
  58. <div class="main">
  59. <div id="pageheader" class="dp100">
  60. <div class="dp50">
  61. <img class="logo" src="images/logo.gif" width="270" height="50" alt="Logo"/>
  62. <div class="page"><span class="big">PANEL DE CONTROL</span><br />Version 2.0</div>
  63. </div>
  64. <div class="dp30">&nbsp;</div>
  65. <div class="dp20">
  66. <div id="user">
  67. <b>User : </b>webmaster<br /><b>Ip : </b> 190.1.244.24<br />
  68. </div>
  69. </div>
  70. </div>
  71. <div id="menumain" class="dp100">
  72. <div>
  73. <ul id="nav">
  74. <li id="nav-1"><a href="index.php?mod=setup&amp;sub=links" target='_self' onmouseover="window.status='Configuraci&oacute;n del servidor'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Configuraci&oacute;n del servidor">Administraci&oacute;n</a></li>
  75. <li id="nav-2"><a href="index.php?mod=news&amp;sub=list" target='_self' onmouseover="window.status='Administraci&oacute;n de las Noticias'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n de las Noticias">Noticias</a></li>
  76. <li id="nav-3"><a href="index.php?mod=offer&amp;sub=edit" target='_self' onmouseover="window.status='Administraci&oacute;n de las Promociones'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n de las Promociones">Promoci&oacute;n</a></li>
  77. <li id="nav-4"><a href="index.php?mod=agenda&amp;sub=list" target='_self' onmouseover="window.status='Administraci&oacute;n de las citas'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n de las citas">Citas</a></li>
  78. <li id="nav-5"><a href="index.php?mod=banner&amp;sub=edit" target='_self' onmouseover="window.status='Administraci&oacute;n del banner'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n del banner">Banner</a></li>
  79. <li id="nav-6"><a href="index.php?mod=loyals&amp;sub=list1" target='_self' onmouseover="window.status='Administraci&oacute;n de clientes fieles'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n de clientes fieles">Club</a></li>
  80. <li id="nav-7"><a href="index.php?mod=survey&amp;sub=report" target='_self' onmouseover="window.status='Administraci&oacute;n Encuesta de Satisfacci&oacute;n'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n Encuesta de Satisfacci&oacute;n">Encuesta</a></li>
  81. <li id="nav-8"><a href="index.php?mod=clients&amp;sub=list" target='_self' onmouseover="window.status='Administraci&oacute;n de clientes'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Administraci&oacute;n de clientes">Clientes</a></li>
  82. </ul>
  83. </div>
  84. <div id="menubuttons">
  85. <a href="index.php?mod=home" target="_self" onmouseover="window.status='Ir a al inicio'; return true;" onmouseout="window.status='Encuesta Satisfacci&oacute;n'; return true;"><img src="images/home.png" width="22" height="22" alt="Home" border="1" /></a>&nbsp;&nbsp;&nbsp;<a href="index.php?action=logout" target="_self" onmouseover="window.status='Salida Segura'; return true;" onmouseout="window.status='Encuesta Satisfacci&oacute;n'; return true;"><img src="images/exit.png" width="22" height="22" alt="Salir" border="1" /></a>
  86. </div>
  87. </div>
  88. <div id="pagetitle" class="dp100">
  89. <img class="logo" src="images/log.png" width="48" height="48" alt="Imagen"/>
  90. <div class="title">Encuesta Satisfacci&oacute;n<br /><span class="help">&nbsp;Visualizaci&oacute;n de resultados encuesta Satisfacci&oacute;n</span></div>
  91. </div> <div id="sectiontitle" class="dp100"></div>
  92. <div id="default" class="dp100">
  93. &nbsp;
  94. </div>
  95. <div id="smenu" class="dp100">
  96. <ul>
  97. <li id="current"><a href="index.php?mod=survey&amp;sub=report" target='_self' onmouseover="window.status='Visualizacion de Resultados'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Visualizacion de Resultados"><span><img src="images/chart.png" width="16" height="16" alt="" style="float:left;"/>&nbsp;Resultados</span></a></li>
  98. <li ><a href="index.php?mod=survey&amp;sub=send" target='_self' onmouseover="window.status='Envio de la encuesta'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Envio de la encuesta"><span><img src="images/mail_send.png" width="16" height="16" alt="" style="float:left;"/>&nbsp;Enviar</span></a></li>
  99. <li ><a href="index.php?mod=survey&amp;sub=list" target='_self' onmouseover="window.status='Listar clientes'; return true;" onmouseout="window.status='Encuesta'; return true;" title="Listar clientes"><span><img src="images/Manager.png" width="16" height="16" alt="" style="float:left;"/>&nbsp;Administrar</span></a></li>
  100. </ul>
  101. </div>
  102. <div id="message" class="dp100">&nbsp;</div>
  103.  
  104. <div id="survey_report">
  105. <div id="content">
  106. <div class="dp100">
  107. <div class="dp50 ui-panel-section">
  108. <div id="panelId" class="ui-panel-content ui-widget-content ui-corner-all" style="margin-right: 10px; margin-bottom: 10px; padding-bottom: 20px">
  109. <h3 class="ui-panel-title ui-widget-header ui-corner-all" style="padding: 0.5em 0; margin-top: 0"><span style="margin: 0px 5px 0pt 0pt; float: right;" class="ui-icon ui-icon-circle-check"></span><span style="margin-left: 10px">Calificaciones</span></h3>
  110. <div style="height:77%;overflow:auto;">
  111. <div id="plot1Id" style="margin-top:20px; margin-left:20px; width:500px; height:300px;"></div>
  112. <div id="table1Id" style="margin-top:20px; margin-left:30px; width:470px">
  113. <table summary="Resultados Encuesta" style="width: 100%; text-align: center">
  114. <tr style="background-color: #80FFFF">
  115. <td>75%</td>
  116. <td>0</td>
  117. <td>0</td>
  118. <td>50%</td>
  119. <td>0</td>
  120. <td>25%</td>
  121. <td>0</td>
  122. <td>0</td>
  123. <td>50%</td>
  124. <td>5</td>
  125. </tr>
  126. <tr style="background-color: #C5B47F">
  127. <td>25%</td>
  128. <td>75%</td>
  129. <td>50%</td>
  130. <td>25%</td>
  131. <td>67%</td>
  132. <td>25%</td>
  133. <td>67%</td>
  134. <td>100%</td>
  135. <td>50%</td>
  136. <td>4</td>
  137. </tr>
  138. <tr style="background-color: #F0BD68">
  139. <td>0</td>
  140. <td>25%</td>
  141. <td>50%</td>
  142. <td>0</td>
  143. <td>0</td>
  144. <td>25%</td>
  145. <td>33%</td>
  146. <td>0</td>
  147. <td>0</td>
  148. <td>3</td>
  149. </tr>
  150. <tr style="background-color: #81C9D6">
  151. <td>0</td>
  152. <td>0</td>
  153. <td>0</td>
  154. <td>25%</td>
  155. <td>0</td>
  156. <td>25%</td>
  157. <td>0</td>
  158. <td>0</td>
  159. <td>0</td>
  160. <td>2</td>
  161. </tr>
  162. <tr style="background-color: #A7D065">
  163. <td>0</td>
  164. <td>0</td>
  165. <td>0</td>
  166. <td>0</td>
  167. <td>33%</td>
  168. <td>0</td>
  169. <td>0</td>
  170. <td>0</td>
  171. <td>0</td>
  172. <td>1</td>
  173. </tr>
  174. </table>
  175. </div>
  176. </div>
  177. </div>
  178. <div id="panelId4" class="ui-panel-content ui-widget-content ui-corner-all" style="margin-right: 10px; margin-bottom: 10px">
  179. <h3 class="ui-panel-title ui-widget-header ui-corner-all" style="padding: 0.5em 0; margin-top: 0"><span style="margin: 0px 5px 0pt 0pt; float: right;" class="ui-icon ui-icon-circle-check"></span><span style="margin-left: 10px">Sugerencias</span></h3>
  180. <div style="height:77%;overflow:auto;">
  181. <div id="comments" class="framewider">
  182. <p>11/09/2011 : <strong>Rero Andina Ltda (Fernando Rodas Buitrago)</strong><br />
  183. &aacute;&eacute;&iacute;
  184. </p>
  185. <hr />
  186. <p>11/09/2011 : <strong>Spyo Soluciones (Orlando Escobar)</strong><br />
  187. Sugerencia de aspectos que se consideran deben mejorar
  188. </p>
  189. <hr />
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="dp50 ui-panel-section">
  195. <div id="panelId2" class="ui-panel-content ui-widget-content ui-corner-all" style="margin-right: 10px; margin-bottom: 10px">
  196. <h3 class="ui-panel-title ui-widget-header ui-corner-all" style="padding: 0.5em 0; margin-top: 0">
  197. <span style="margin: 0px 5px 0pt 0pt; float: right;" class="ui-icon ui-icon-circle-check"></span>
  198. <span style="margin-left: 10px">Nos recomienda a terceros?</span>
  199. </h3>
  200. <div style="height:77%;overflow:auto;">
  201.  
  202. <div id="references" class="frame">
  203. <div id="plot2Id" style="width: 300px; float: right"></div>
  204. <p>17/09/2011 : <strong>Servinotaria (Carlos Andrés Cardona)</strong><br />
  205. <em>Empresa :</em>Secretaria de Salud P&uacute;blica<br />
  206. <em>Contacto :</em>Alberto Casanova<br />
  207. <em>Tel&eacute;fono :</em>325 365 6936
  208. </p>
  209. <hr />
  210. <p>11/09/2011 : <strong>Spyo Soluciones (Orlando Escobar)</strong><br />
  211. <em>Empresa :</em>Nombre de la empresa<br />
  212. <em>Contacto :</em>Persona de contacto<br />
  213. <em>Tel&eacute;fono :</em>123456789
  214. </p>
  215. <hr />
  216.  
  217. </div>
  218.  
  219. </div>
  220. </div>
  221. <div id="panelId3" class="ui-panel-content ui-widget-content ui-corner-all" style="margin-right: 10px"><h3 class="ui-panel-title ui-widget-header ui-corner-all" style="padding: 0.5em 0; margin-top: 0"><span style="margin: 0px 5px 0pt 0pt; float: right;" class="ui-icon ui-icon-circle-check"></span><span style="margin-left: 10px">Valor agregado para su empresa?</span></h3>
  222. <div style="height:77%;overflow:auto;">
  223.  
  224. <div id="explanations" class="frame">
  225. <div id="plot3Id" style="width: 300px; float: right"></div>
  226. <p>11/09/2011 : <strong>Colegio Montessori (Lyda María Franklin)</strong><br />
  227. Esta es la explicaci&oacute;n<br />
  228. </p>
  229. <hr />
  230. <p>11/09/2011 : <strong>Spyo Soluciones (Orlando Escobar)</strong><br />
  231. Explicación de la respuesta<br />
  232. </p>
  233. <hr />
  234. </div>
  235.  
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240.  
  241. <script language="javascript" type="text/javascript">
  242. /* <![CDATA[ */
  243. jQuery(document).ready(function(){
  244.  
  245. if (!jQuery('#plot1Id').hasClass('jqplot-target')) {
  246. jQuery.jqplot.config.enablePlugins = true;
  247. var plot1Id =jQuery.jqplot('plot1Id',
  248. [
  249. [ 0, 0, 0, 0, 33, 0, 0, 0, 0 ],
  250. [ 0, 0, 0, 25, 0, 25, 0, 0, 0 ],
  251. [ 0, 25, 50, 0, 0, 25, 33, 0, 0 ],
  252. [ 25, 75, 50, 25, 67, 25, 67, 100, 50 ],
  253. [ 75, 0, 0, 50, 0, 25, 0, 0, 50 ]
  254. ],
  255. {
  256. "seriesDefaults": { "yaxis": 'y2axis',
  257. "renderer": jQuery.jqplot.BarRenderer,
  258. "rendererOptions": { "barMargin": 10 },
  259. "shadow": false,
  260. "pointLabels": { "show": true,"stackedValue": true } },
  261. "series": [ {
  262. "xaxis": 'xaxis',
  263. "color": '#82BC24',
  264. "pointLabels": { "show": true,"ypadding": -15 }
  265. },
  266. {
  267. "pointLabels": { "show": true,"ypadding": -100 }
  268. },
  269. {
  270.  
  271. "pointLabels": { "show": true,"ypadding": -200 }
  272. },
  273. {
  274.  
  275. "pointLabels": { "show": true,"ypadding": -300 }
  276. },
  277. {
  278. "color": '#80FFFF',
  279. "pointLabels": { "show": true,"ypadding": 9000 }
  280. }
  281. ],
  282. "axes": {
  283. "xaxis": {
  284. "tickOptions": { "showGridline": false,"markSize": 0 },
  285. "ticks": [ 'Q1', 'Q2', 'Q3', 'Q4', 'Q5', 'Q6', 'Q7', 'Q8', 'Q9'],
  286. "renderer": jQuery.jqplot.CategoryAxisRenderer
  287. },
  288. "y2axis": {
  289. "tickOptions": { "formatString": '%d\%' },
  290. "ticks": [ 0, 100]
  291. }
  292. },
  293. "grid": {
  294. "drawGridlines": true,
  295. "background": '#ffffff',
  296. "borderWidth": 0,
  297. "shadow": false
  298. },
  299. "stackSeries": true
  300. } );
  301. plot1IdVar = plot1Id;
  302. } ;
  303. } )
  304. /* ]]> */
  305. </script>
  306. <script language="javascript" type="text/javascript">
  307. /* <![CDATA[ */
  308. jQuery(document).ready(function(){
  309. if (!jQuery('#plot2Id').hasClass('jqplot-target')){
  310. jQuery.jqplot.config.enablePlugins = true;
  311. var plot2Id =jQuery.jqplot('plot2Id',
  312. [
  313. [
  314. [ 'SI 67%', 67 ],
  315. [ 'NO 33%', 33 ]
  316. ]
  317. ],
  318. {
  319. "seriesDefaults": {
  320. "renderer": jQuery.jqplot.PieRenderer,
  321. "rendererOptions": {"sliceMargin": 8}
  322. },
  323. "series": [ 1],
  324. "legend": {"show": true},
  325. //"title": 'Pie Chart with Legend and sliceMargin'
  326. }
  327. );
  328. plot2IdVar = plot2Id;
  329. };
  330. } )
  331. /* ]]> */
  332. </script>
  333. <script language="javascript" type="text/javascript">
  334. /* <![CDATA[ */
  335. jQuery(document).ready(function(){
  336. if (!jQuery('#plot3Id').hasClass('jqplot-target')){
  337. jQuery.jqplot.config.enablePlugins = true;
  338. var plot3Id =jQuery.jqplot('plot3Id',
  339. [
  340. [
  341. [ 'SI 100%', 100 ],
  342. [ 'NO 0%', 0 ]
  343. ]
  344. ],
  345. {
  346. "seriesDefaults": {
  347. "renderer": jQuery.jqplot.PieRenderer,
  348. "rendererOptions": {"sliceMargin": 8}
  349. },
  350. "series": [ 1],
  351. "legend": {"show": true},
  352. //"title": 'Pie Chart with Legend and sliceMargin'
  353. }
  354. );
  355. plot3IdVar = plot3Id;
  356. };
  357. } )
  358. /* ]]> */
  359. </script>
  360. </div>
  361. </div>
  362. <!--
  363.  
  364. -->
  365.  
  366. <div id="credits" class="dp100">
  367. 2010-2011 &copy; Sociedad Centro de Diag&oacute;stico Automotor Juanchito Candelaria S.A.<br />Powered by <em>Spyo Soluciones</em>
  368. <br />
  369. <a href="http://users.skynet.be/mgueury/mozilla/"><img src="http://users.skynet.be/mgueury/mozilla/tidy_16.gif" alt="Validated by HMTL Validator (based on Tidy)" height="16" width="39" /></a>
  370. </div>
  371. <div class="dp100">
  372. <br /><br />
  373. <span class="display">&nbsp;&nbsp;</span>
  374. </div>
  375. </div>
  376.  
  377. <script type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/jquery.ui.js"></script>
  378. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/jquery.jqplot.min.js"></script>
  379. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
  380. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
  381. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
  382. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
  383. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
  384. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.barRenderer.min.js"></script>
  385. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
  386. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.pieRenderer.min.js"></script>
  387. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.logAxisRenderer.min.js"></script>
  388. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.blockRenderer.min.js"></script>
  389. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.enhancedLegendRenderer.min.js"></script>
  390. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.bubbleRenderer.min.js"></script>
  391. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.funnelRenderer.min.js"></script>
  392. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.donutRenderer.min.js"></script>
  393. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.mekkoRenderer.min.js"></script>
  394. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.mekkoAxisRenderer.min.js"></script>
  395. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.meterGaugeRenderer.min.js"></script>
  396. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/plugins/jqplot/plugins/jqplot.ohlcRenderer.min.js"></script>
  397. <script language="javascript" type="text/javascript" src="../includes/jQuery4PHP/showcase/jquery4php-assets/js/excanvas.min.js"></script>
  398.  
  399. </body>
  400. </html>

Report this snippet  

You need to login to post a comment.