<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'>

<div><br></div><div>hi i'm new to Seaside, and have a little problem:</div><div><br></div><div><br></div><div>the html5 canvas I added doesn't show my processing.js sketch</div><div><br></div><div><br></div><div><br></div><div><br></div><div>A) i've added "data:" to the WACanvasTag category: 'Seasdie-HTML5-Tags'</div><div><br></div><div><div>&nbsp; &nbsp; &nbsp; data: aString</div><div><span class="ecxApple-tab-span" style="white-space:pre">        </span>&nbsp; &nbsp; &nbsp;self attributes at: 'data-processing-sources' put: aString</div></div><div><br></div><div><br></div><div>B) .. so the canvas tag is "brushed" like i want</div><div><br></div><div><div>&nbsp; &nbsp; &nbsp; renderContentOn: html</div><div>&nbsp; &nbsp; &nbsp; html canvas data:'http://processingjs.org/sketches/basic-example.pde'.</div></div><div><br></div><div><br></div><div><br></div><div>html result:</div><div><span class="ecxApple-style-span" style="font-size:16px;font-family:Times"><pre style="text-indent:0px !important;word-wrap:break-word;white-space:pre-wrap">&lt;canvas data-processing-sources="http://processingjs.org/sketches/basic-example.pde"&gt;&lt;/canvas&gt;</pre></span><div style="font-size:16px;font-family:Times"><br></div></div><div><br></div><div><br></div><div>C) also added the processing.js code:</div><div><br></div><div><br></div><div><div>&nbsp; &nbsp; &nbsp; &nbsp;updateRoot: aRoot</div><div>&nbsp; &nbsp; &nbsp; &nbsp;super updateRoot: aRoot.</div><div><br></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; aRoot javascript url: 'http://processingjs.org/js/processing.min.js'.</div></div><div><br></div><div><br></div><div>html result:</div><div><span class="ecxApple-style-span" style="font-size:16px;font-family:Times"><pre style="text-indent:0px !important;word-wrap:break-word;white-space:pre-wrap">&lt;script type="text/javascript" src="http://processingjs.org/js/processing.min.js"&gt;&lt;/script&gt;</pre></span><div style="font-size:16px;font-family:Times"><br></div></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div>D) my expectation was that the processing.js code should show up. when i look at the html source of the seaside page.</div><div>&nbsp; &nbsp; the code looks ok, it evens works when i save the code as a index.html file. see html file below</div><div><br></div><div>&nbsp; &nbsp; but&nbsp;the html5 canvas I added doesn't show my processing.js sketch when it's loaded by Seaside</div><div><br></div><div><br></div><div><br></div><div>I'm not sure what i'm doing wrong? Please help.</div><div><br></div><div>Btw: seaside is great!</div><div><br></div><div>Thanks,</div><div><br></div><div>Jim</div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div>index.html</div><div><span class="ecxApple-style-span" style="font-family:Times;font-size:12pt"><pre style="word-wrap:break-word;white-space:pre-wrap">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;&lt;head&gt;&lt;title&gt;Seaside&lt;/title&gt;&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/&gt;&lt;meta http-equiv="Content-Script-Type" content="text/javascript"/&gt;&lt;link rel="stylesheet" type="text/css" href="/files/WADevelopmentFiles/development.css"/&gt;</pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap">&lt;script type="text/javascript" src="http://processingjs.org/js/processing.min.js"&gt;&lt;/script&gt;</pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap">&lt;link rel="stylesheet" type="text/css" href="/todo?_s=pQPDuwQ--u8uqFXe"/&gt;&lt;/head&gt;&lt;body onload="onLoad()"&gt;</pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap">&lt;canvas data-processing-sources="http://processingjs.org/sketches/basic-example.pde"&gt;&lt;/canvas&gt;</pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap">&lt;h1&gt;Seaside ToDo&lt;/h1&gt;&lt;form accept-charset="utf-8" method="post" action="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy"&gt;&lt;ul&gt;&lt;li class="done"&gt;&lt;input checked="checked" name="1" type="checkbox" class="checkbox"/&gt;&lt;input name="2" type="hidden" class="hidden"/&gt;ToDo Item&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;3"&gt;edit&lt;/a&gt;&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;4"&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li class="done"&gt;&lt;input checked="checked" name="5" type="checkbox" class="checkbox"/&gt;&lt;input name="6" type="hidden" class="hidden"/&gt;ToDo Item&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;7"&gt;edit&lt;/a&gt;&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;8"&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li class="done"&gt;&lt;input checked="checked" name="9" type="checkbox" class="checkbox"/&gt;&lt;input name="10" type="hidden" class="hidden"/&gt;ToDo Item&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;11"&gt;edit&lt;/a&gt;&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;12"&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;input name="13" type="checkbox" class="checkbox"/&gt;&lt;input name="14" type="hidden" class="hidden"/&gt;ToDo Item&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;15"&gt;edit&lt;/a&gt;&amp;nbsp;&lt;a href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;16"&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;input value="Save" type="submit" class="submit"/&gt;&lt;input name="17" value="Add" type="submit" class="submit"/&gt;&lt;/form&gt;&lt;div class="wa-toolbar"&gt;&lt;a class="wa-newsessiontoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;18"&gt;New Session&lt;/a&gt; &lt;a class="wa-configuretoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;19"&gt;Configure&lt;/a&gt; &lt;a class="wa-togglehalostoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;20"&gt;Halos&lt;/a&gt; &lt;a class="wa-profilertoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;21"&gt;Profile&lt;/a&gt; &lt;a class="wa-memorytoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;amp;_k=SYu7CbDYLBGbh_Yy&amp;amp;22"&gt;Memory&lt;/a&gt; &lt;a class="wa-validatetoolplugin" title="Validate XHTML" href="http://validator.w3.org/check/referer"&gt;XHTML&lt;/a&gt; &lt;span class="wa-timingtoolplugin"&gt;&lt;span title="Callback Time"&gt;0&lt;/span&gt;/&lt;span title="Render Time"&gt;0&lt;/span&gt; ms&lt;/span&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;/*&lt;![CDATA[*/function onLoad(){};/*]]&gt;*/&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;</pre></span></div><div><br></div>                                               </div></body>
</html>