<html><head></head><body><div style="color:#000; background-color:#fff; font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px"><div>Sorry, I missed this one.<br></div><div><br></div><div>> 1)</div><div class="qtdSeparateBR"><br><br></div><div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485982198553_3965" style="display: block;"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485982198553_3964"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485982198553_3963"><div class="y_msg_container" id="yui_3_16_0_ym19_1_1485982198553_3971"><div id="yiv3611736162"><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_3973"><div dir="ltr" id="yiv3611736162divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div id="yui_3_16_0_ym19_1_1485982198553_3974">> try adding this lines to “pd_canvas.html” overwriting the </head>:</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4043"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4015"></head></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4014"> <body class="patch_body"></div>
<div id="yui_3_16_0_ym19_1_1485982198553_3975"><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 id="yui_3_16_0_ym19_1_1485982198553_4149"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4044"><div id="yui_3_16_0_ym19_1_1485982198553_4148">> 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 <br></div><div id="yui_3_16_0_ym19_1_1485982198553_4147">> different cases, but surely no one will want a scrollable iframe with objects above it.</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4045"><div><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485982198553_4324" dir="ltr">Sorry, I don't think I was clear here. I meant HTML that flows above/below/around the patch SVG. Putting HTML directly on top of <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4445">or behind the SVG creates a complex relationship where it's difficult to predict the relationship among all the various event handlers. <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4711">It is also difficult to get pixel-accurate rendering across OSes. You may be able to get that with a lot of work/care, but pixel-accurate <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4726">rendering certainly isn't the strongsuit of HTML.<br></div><div id="yui_3_16_0_ym19_1_1485982198553_4727"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4080">> z-index on <div> is the ready-made [htmlcanvas]</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4081"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4082"><div id="yui_3_16_0_ym19_1_1485982198553_4632">> 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 id="yui_3_16_0_ym19_1_1485982198553_4672"><br></div><div id="yui_3_16_0_ym19_1_1485982198553_4667" dir="ltr">I don't, either. And that's the kind of complexity I'd like to avoid in general.<br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4708">Anyway, there is already [pddplink] which can open links (albeit in an external browser).<br></div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4241"><div id="yui_3_16_0_ym19_1_1485982198553_4668"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4669">2 & 3)</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4670">> 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 id="yui_3_16_0_ym19_1_1485982198553_4146"><div><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485982198553_4769">There's no need to save html to Pd files. An html file can instead specify the patch to be opened, in a variety of ways: (<code> tag as you <br></div><div id="yui_3_16_0_ym19_1_1485982198553_4853">mentioned, javascript API, etc.)<br></div><div id="yui_3_16_0_ym19_1_1485982198553_4770"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4145">> 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 id="yui_3_16_0_ym19_1_1485982198553_4144"><div id="yui_3_16_0_ym19_1_1485982198553_5129"><br clear="none"></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_5130">That is one of the reasons to keep a strict separation. Just thinking about it a little, one might have something like this in their <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_5131">directory:</div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_5132">fancy_view.html<br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_5133">guts.pd<br></div><div id="yui_3_16_0_ym19_1_1485982198553_5134"><br></div><div id="yui_3_16_0_ym19_1_1485982198553_5135">So the user would open fancy_view.html which renders a fancy web app that loads (and possibly displays) guts.pd. But you'd <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_5136">still be able to open guts.pd in Pd Vanilla, no problem.</div><div id="yui_3_16_0_ym19_1_1485982198553_5137"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4115">4)</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4114">> Why refactor? That is OK, I`m missing something?</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4707"><div id="yui_3_16_0_ym19_1_1485982198553_5185"><br clear="none"></div><div>Mouse event handling, for one. And probably many other things I haven't considered for a usable, maintainable interface <br></div><div id="yui_3_16_0_ym19_1_1485982198553_5186">for something like this.<br></div><div id="yui_3_16_0_ym19_1_1485982198553_5218"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4356">More:</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4706">> 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 id="yui_3_16_0_ym19_1_1485982198553_4705"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4704">> window.open("http://www.lucarda.com.ar/pd-tutorial","_self")</div>
<div><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_5221"><div>> on a new patch of course.<i><br></i></div><div><i><br></i></div><div id="yui_3_16_0_ym19_1_1485982198553_5220"><i id="yui_3_16_0_ym19_1_1485982198553_5219">>>Try using devtools and the existing interface....</i>
</div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px;"><div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>> devtools seems impossible for me, crashes when saving. </div>
<div><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_5223"><div>Did you remove the chromium args line in package.json?</div><div id="yui_3_16_0_ym19_1_1485982198553_5222"><br></div><div>-Jonathan<br></div></div>
<br clear="none">
<div></div>
<div id="yui_3_16_0_ym19_1_1485982198553_4355">> Salutti,</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4109">> Lucarda</div>
<div><br clear="none">
</div>
<div id="yiv3611736162Signature"><font id="yui_3_16_0_ym19_1_1485982198553_4346" face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<br clear="none">
<div class="yiv3611736162yqt3704463708" id="yiv3611736162yqt11116"><div style="color:rgb(0, 0, 0);" id="yui_3_16_0_ym19_1_1485982198553_4087">
<hr tabindex="-1" style="display:inline-block;width:98%;">
<div dir="ltr" id="yiv3611736162divRplyFwdMsg"><font style="font-size:11pt;" face="Calibri, sans-serif" color="#000000"><b>From:</b> Jonathan Wilkes <jancsika@yahoo.com><br clear="none">
<b>Sent:</b> Monday, January 30, 2017 10:53 PM<br clear="none">
<b>To:</b> Lucas Cordiviola; Alexandre Torres Porres; pd-list@lists.iem.at<br clear="none">
<b>Subject:</b> Re: [PD] Purr Data rc4</font>
<div id="yui_3_16_0_ym19_1_1485982198553_4354"> </div>
</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4092">
<div style="color:#000;background-color:#fff;font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;" id="yui_3_16_0_ym19_1_1485982198553_4091">
> Or describe what has to be done.
<div class="yiv3611736162qtdSeparateBR" id="yui_3_16_0_ym19_1_1485982198553_4348"><br clear="none">
<br clear="none">
</div>
<div class="yiv3611736162yahoo_quoted" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7710" style="display:block;">
<div id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7709" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7708" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv3611736162y_msg_container" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7713">
<div id="yiv3611736162">
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7722">
<div dir="ltr" id="yiv3611736162divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div><br clear="none">
</div>
<div id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7961">
<div id="yui_3_16_0_ym19_1_1485982198553_4090">> May be someone reading may want to participate.</div>
<div><br clear="none">
</div>
<div>One related area is Ivica's K12 module in Pd-l2ork. That is something <br clear="none">
</div>
<div id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7960">I haven't ported yet.</div>
<div id="yui_3_16_0_ym19_1_1485982198553_4350"><br clear="none">
</div>
<div dir="ltr">It could probably be implemented using data structures, but I'd bet it would
<br clear="none">
</div>
<div dir="ltr">be a lot easier to just use an HTML template to display a column with a menu
<br clear="none">
</div>
<div dir="ltr">next to the patch.</div>
<div dir="ltr"><br clear="none">
</div>
<div dir="ltr">So a solution to that probably looks a lot like the solution to your feature
<br clear="none">
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4094">request:</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4095">1) How to add HTML above/below the Pd canvas SVG in a Pd patch. This
<br clear="none">
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4096">probably requires changing some code in the mouse event handlers which
<br clear="none">
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4097">currently deal with pageX and pageY coordinates. If arbitrary HTML is surrounding
<br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_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 clear="none">
</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4102">relative to the SVG instead of the document.</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4103">2) How to use that template instead of the default pd_canvas.html template in
<br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7965">pd/nw.</div>
<div dir="ltr" id="yui_3_16_0_ym19_1_1485982198553_4104">3) How to create and open an arbitrary html template using the Open dialog</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7969">4) How to refactor anything that currently depends on the Pd canvas SVG being
<br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7986">the only visible element inside a patch window.<br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7967"><br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7997">That's probably a good start.<br clear="none">
</div>
<div dir="ltr" id="yiv3611736162yui_3_16_0_ym19_1_1485816023218_7996"><br clear="none">
</div>
<div dir="ltr">-Jonathan<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div><br><br></div> </div> </div> </div></div></body></html>