<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> data: aString</div><div><span class="ecxApple-tab-span" style="white-space:pre">        </span> 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> renderContentOn: html</div><div> 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"><canvas data-processing-sources="http://processingjs.org/sketches/basic-example.pde"></canvas></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> updateRoot: aRoot</div><div> super updateRoot: aRoot.</div><div><br></div><div> 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"><script type="text/javascript" src="http://processingjs.org/js/processing.min.js"></script></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> 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> but 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"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Seaside</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><meta http-equiv="Content-Script-Type" content="text/javascript"/><link rel="stylesheet" type="text/css" href="/files/WADevelopmentFiles/development.css"/></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><script type="text/javascript" src="http://processingjs.org/js/processing.min.js"></script></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><link rel="stylesheet" type="text/css" href="/todo?_s=pQPDuwQ--u8uqFXe"/></head><body onload="onLoad()"></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><br></pre><pre style="word-wrap:break-word;white-space:pre-wrap"><canvas data-processing-sources="http://processingjs.org/sketches/basic-example.pde"></canvas></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"><h1>Seaside ToDo</h1><form accept-charset="utf-8" method="post" action="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy"><ul><li class="done"><input checked="checked" name="1" type="checkbox" class="checkbox"/><input name="2" type="hidden" class="hidden"/>ToDo Item&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;3">edit</a>&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;4">remove</a></li><li class="done"><input checked="checked" name="5" type="checkbox" class="checkbox"/><input name="6" type="hidden" class="hidden"/>ToDo Item&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;7">edit</a>&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;8">remove</a></li><li class="done"><input checked="checked" name="9" type="checkbox" class="checkbox"/><input name="10" type="hidden" class="hidden"/>ToDo Item&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;11">edit</a>&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;12">remove</a></li><li><input name="13" type="checkbox" class="checkbox"/><input name="14" type="hidden" class="hidden"/>ToDo Item&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;15">edit</a>&nbsp;<a href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;16">remove</a></li></ul><input value="Save" type="submit" class="submit"/><input name="17" value="Add" type="submit" class="submit"/></form><div class="wa-toolbar"><a class="wa-newsessiontoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;18">New Session</a> <a class="wa-configuretoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;19">Configure</a> <a class="wa-togglehalostoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;20">Halos</a> <a class="wa-profilertoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;21">Profile</a> <a class="wa-memorytoolplugin" href="/todo?_s=ZO3cEjCACrsGCweH&amp;_k=SYu7CbDYLBGbh_Yy&amp;22">Memory</a> <a class="wa-validatetoolplugin" title="Validate XHTML" href="http://validator.w3.org/check/referer">XHTML</a> <span class="wa-timingtoolplugin"><span title="Callback Time">0</span>/<span title="Render Time">0</span> ms</span></div><script type="text/javascript">/*<![CDATA[*/function onLoad(){};/*]]>*/</script></body></html></pre></span></div><div><br></div>                                            </div></body>
</html>