<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>
Thanks all!&nbsp;Problem solved!!<div><br></div><div><br></div><div><div>I didn't notice the XMLHttpRequest error.</div><div><br></div><div><span style="color: rgb(255, 0, 0); font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; ">XMLHttpRequest cannot load </span><a href="http://processingjs.org/sketches/basic-example.pde" class="webkit-html-resource-link" title="http://processingjs.org/sketches/basic-example.pde" style="box-sizing: border-box; color: rgb(84, 84, 84); cursor: pointer; font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); max-width: 100%; ">http://processingjs.org/sketches/basic-example.pde</a><span style="color: rgb(255, 0, 0); font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; ">.&nbsp;</span></div><div><span style="color: rgb(255, 0, 0); font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; ">Origin </span><a href="http://localhost/" class="webkit-html-external-link" title="http://localhost" target="_blank" line_number="8080" preferred_panel="scripts" style="box-sizing: border-box; color: rgb(84, 84, 84); text-decoration: none; cursor: pointer; font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); max-width: 100%; ">http://localhost:8080</a><span style="color: rgb(255, 0, 0); font-family: Menlo, monospace; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; "> is not allowed by Access-Control-Allow-Origin.</span></div><div><br></div><div><br></div><div>When you add the processing files to a seaside file library.</div><div>The processing sketches work!! Just add the .js and .pde files to a file library.</div><div><br></div><div><br></div><div>Thanks for all your help.</div><div><br></div><div>Much appreciated.</div><div><br></div><div>Jim</div><div><br></div><div><br></div><div><br><br><div><div id="SkyDrivePlaceholder"></div>&gt; Date: Wed, 18 Jan 2012 08:36:33 -0800<br>&gt; From: pdebruic@gmail.com<br>&gt; To: seaside@lists.squeakfoundation.org<br>&gt; Subject: Re: [Seaside] html5 canvas doesn't show processing.js sketch<br>&gt; <br>&gt; On 12-01-18 07:08 AM, nvr slx wrote:<br>&gt; &gt; &lt;script type="text/javascript"<br>&gt; &gt; src="http://processingjs.org/js/processing.min.js"&gt;&lt;/script<br>&gt; &gt; &lt;http://processingjs.org/js/processing.min.js%22%3E%3C/script&gt;&gt;<br>&gt; &gt; &lt;canvas<br>&gt; &gt; data-processing-sources="http://processingjs.org/sketches/basic-example.pde"&gt;&lt;/canvas<br>&gt; &gt; &lt;http://processingjs.org/sketches/basic-example.pde%22%3E%3C/canvas&gt;&gt;<br>&gt; <br>&gt; <br>&gt; When I put those lines in an html file and open it I get an error in <br>&gt; firebug and nothing is displayed.  Have you checked for javacsript <br>&gt; errors in Firebug when running your seaside example?<br>&gt; <br>&gt; This is the error as reported in Firebug when opening those two lines:<br>&gt; <br>&gt; <br>&gt; uncaught exception: Processing.js: Unable to load pjs sketch files: <br>&gt; http://processingjs.org/sketches/basic-example.pde ==&gt; XMLHttpRequest <br>&gt; failure, possibly due to a same-origin policy violation. You can try <br>&gt; loading this page in another browser, or load it from http://localhost <br>&gt; using a local webserver. See the Processing.js README for a more <br>&gt; detailed explanation of this problem and solutions.<br>&gt; <br>&gt; If I put those two lines in the head section of an html file with an <br>&gt; empty body I get the same error.<br>&gt; <br>&gt; When I use the index,html file you posted in the first email I get the <br>&gt; same error.<br>&gt; <br>&gt; <br>&gt; Maybe its a Firefox thing. I don't know.<br>&gt; _______________________________________________<br>&gt; seaside mailing list<br>&gt; seaside@lists.squeakfoundation.org<br>&gt; http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br></div></div></div>                                               </div></body>
</html>