<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! 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; ">. </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>> Date: Wed, 18 Jan 2012 08:36:33 -0800<br>> From: pdebruic@gmail.com<br>> To: seaside@lists.squeakfoundation.org<br>> Subject: Re: [Seaside] html5 canvas doesn't show processing.js sketch<br>> <br>> On 12-01-18 07:08 AM, nvr slx wrote:<br>> > <script type="text/javascript"<br>> > src="http://processingjs.org/js/processing.min.js"></script<br>> > <http://processingjs.org/js/processing.min.js%22%3E%3C/script>><br>> > <canvas<br>> > data-processing-sources="http://processingjs.org/sketches/basic-example.pde"></canvas<br>> > <http://processingjs.org/sketches/basic-example.pde%22%3E%3C/canvas>><br>> <br>> <br>> When I put those lines in an html file and open it I get an error in <br>> firebug and nothing is displayed. Have you checked for javacsript <br>> errors in Firebug when running your seaside example?<br>> <br>> This is the error as reported in Firebug when opening those two lines:<br>> <br>> <br>> uncaught exception: Processing.js: Unable to load pjs sketch files: <br>> http://processingjs.org/sketches/basic-example.pde ==> XMLHttpRequest <br>> failure, possibly due to a same-origin policy violation. You can try <br>> loading this page in another browser, or load it from http://localhost <br>> using a local webserver. See the Processing.js README for a more <br>> detailed explanation of this problem and solutions.<br>> <br>> If I put those two lines in the head section of an html file with an <br>> empty body I get the same error.<br>> <br>> When I use the index,html file you posted in the first email I get the <br>> same error.<br>> <br>> <br>> Maybe its a Firefox thing. I don't know.<br>> _______________________________________________<br>> seaside mailing list<br>> seaside@lists.squeakfoundation.org<br>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br></div></div></div>                                            </div></body>
</html>