<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Arial,Helvetica,sans-serif;" dir="ltr">
<p></p>
<div>1)</div>
<div>try adding this lines to “pd_canvas.html” overwriting the </head>:</div>
<div><br>
</div>
<div></head></div>
<div>  <body class="patch_body"></div>
<div><div style="position: fixed;</div>
<div>    top: 0;</div>
<div>    left: 0; z-index: -1;"><iframe src="http://lucarda.com.ar/pd-tutorial" width="600" height="400"></iframe></div></div>
<div><br>
</div>
<div>As the <div> is below and fixed position, mouse coordinates remain there and [objects] are above. But the iframe is not going down. There might be different cases, but surely no one will want a scrollable iframe with objects above it.</div>
<div><br>
</div>
<div>z-index on <div> is the ready-made [htmlcanvas]</div>
<div><br>
</div>
<div>I don't know if links are operational in z-index:-1, nor what would happen if the SVG thing is done on grater z-index.</div>
<div><br>
</div>
<div>2 & 3)</div>
<div>default pd_canvas.html is OK, there must be an arbitrary html Open dialog. BUT/AND here is the future? Mixing html&pd? That will be cool?</div>
<div><br>
</div>
<div>Of course this breaks vanilla comp. But anyone can still copy the .pd & save it to a new patch in standard .pd format.</div>
<div><br>
</div>
<div>4)</div>
<div>Why refactor? That is OK, I`m missing something?</div>
<div><br>
</div>
<div>More:</div>
<div>I can browse local files like any browser, but I cant browse online, it just crash the window whenever I request other page than which I loaded via:</div>
<div><br>
</div>
<div>window.open("http://www.lucarda.com.ar/pd-tutorial","_self")</div>
<div><br>
</div>
<div>on a new patch of course.</div>
<div><br>
</div>
<p></p>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p></p>
<div><i>>Try using devtools and the existing interface....</i></div>
<p></p>
</blockquote>
<p></p>
<div><br>
</div>
<div>devtools seems impossible for me, crashes when saving. </div>
<div><br>
</div>
<div><br>
</div>
<br>
<p></p>
<p>Salutti,</p>
<p>Lucarda</p>
<p><br>
</p>
<div id="Signature"><font face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br>
<br>
<div style="color: rgb(0, 0, 0);">
<hr tabindex="-1" style="display:inline-block; width:98%">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt"><b>From:</b> Jonathan Wilkes <jancsika@yahoo.com><br>
<b>Sent:</b> Monday, January 30, 2017 10:53 PM<br>
<b>To:</b> Lucas Cordiviola; Alexandre Torres Porres; pd-list@lists.iem.at<br>
<b>Subject:</b> Re: [PD] Purr Data rc4</font>
<div> </div>
</div>
<div>
<div style="color:#000; background-color:#fff; font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
> Or describe what has to be done.
<div class="qtdSeparateBR"><br>
<br>
</div>
<div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485816023218_7710" style="display:block">
<div id="yui_3_16_0_ym19_1_1485816023218_7709" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div id="yui_3_16_0_ym19_1_1485816023218_7708" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="y_msg_container" id="yui_3_16_0_ym19_1_1485816023218_7713">
<div id="yiv5267591027">
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7722">
<div dir="ltr" id="yiv5267591027divtagdefaultwrapper" style="font-size:12pt; color:#000000; font-family:Calibri,Arial,Helvetica,sans-serif">
<div><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485816023218_7961">
<div>> May be someone reading may want to participate.</div>
<div><br>
</div>
<div>One related area is Ivica's K12 module in Pd-l2ork.  That is something <br>
</div>
<div id="yui_3_16_0_ym19_1_1485816023218_7960">I haven't ported yet.</div>
<div><br>
</div>
<div dir="ltr">It could probably be implemented using data structures, but I'd bet it would
<br>
</div>
<div dir="ltr">be a lot easier to just use an HTML template to display a column with a menu
<br>
</div>
<div dir="ltr">next to the patch.</div>
<div dir="ltr"><br>
</div>
<div dir="ltr">So a solution to that probably looks a lot like the solution to your feature
<br>
</div>
<div dir="ltr">request:</div>
<div dir="ltr">1) How to add HTML above/below the Pd canvas SVG in a Pd patch.  This
<br>
</div>
<div dir="ltr">probably requires changing some code in the mouse event handlers which
<br>
</div>
<div dir="ltr">currently deal with pageX and pageY coordinates.  If arbitrary HTML is surrounding
<br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7963">the SVG then we'll have to use a different way to figure out the mouse coords
<br>
</div>
<div dir="ltr">relative to the SVG instead of the document.</div>
<div dir="ltr">2) How to use that template instead of the default pd_canvas.html template in
<br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7965">pd/nw.</div>
<div dir="ltr">3) How to create and open an arbitrary html template using the Open dialog</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7969">4) How to refactor anything that currently depends on the Pd canvas SVG being
<br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7986">the only visible element inside a patch window.<br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7967"><br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7997">That's probably a good start.<br>
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485816023218_7996"><br>
</div>
<div dir="ltr">-Jonathan<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>