<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 69.6pt 2.0cm 69.6pt;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=IT link=blue vlink=purple>
<div class=Section1>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>Hi Johan,<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>I have seen that you have a long line of requests; I feel
less alone!<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>So, I try to explain what I would test:<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>what I am trying is to understand how to port a SVG
part into a <b><font color=red><span style='color:red;font-weight:bold'>UILayout</span></font></b>
pane; this is the path I followed:<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- I have created a class (<b><font color=red><span
style='color:red;font-weight:bold'>JQSVGFunctionalTest</span></font></b>) that
is a subclass of <b><font color=red><span style='color:red;font-weight:bold'>SVGExample</span></font></b>
(the example of items available in <b><font color=red><span style='color:red;
font-weight:bold'>SeasideDinamicsSVG-Examples</span></font></b>)<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- I have created a class <b><font color=red><span
style='color:red;font-weight:bold'>JQSVGXFunctionalTest</span></font></b> that
is a subclass of <b><font color=red><span style='color:red;font-weight:bold'>JQFormFunctionalTest</span></font></b>,
which I have seen is working in <b><font color=red><span style='color:red;
font-weight:bold'>UILayout</span></font></b><o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- I have added the following snippet to <i><span
style='font-style:italic'>renderDemosOn:</span></i> in <b><font color=red><span
style='color:red;font-weight:bold'>JQUILayoutExample<o:p></o:p></span></font></b></span></font></p>
<p class=MsoPlainText><b><font size=2 color=red face="Courier New"><span
lang=EN-GB style='font-size:10.0pt;color:red;font-weight:bold'><o:p> </o:p></span></font></b></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'> <i><span style='font-style:italic'>html anchor<o:p></o:p></span></i></span></font></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> url: '#';<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> onClick: (html jQuery
ajax script: [:s |<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> s << (s
jQuery: #center) html: JQSVGXFunctionalTest new.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'> <o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- I have loaded <b><font color=red><span
style='color:red;font-weight:bold'>JQSVGXFunctionalTest</span></font></b> on <b><font
color=red><span style='color:red;font-weight:bold'>JQUILayoutExample</span></font></b>
with these two snippets:<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span
style='font-size:10.0pt;font-style:italic'>renderContentOn: html<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span
style='font-size:10.0pt;font-style:italic'>self renderSVGOn: html.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span
style='font-size:10.0pt;font-style:italic'> </span></font></i><i><span
lang=EN-GB style='font-style:italic'>html anchor<o:p></o:p></span></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> with: 'svg';<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> url: self url;<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> onClick: (html jQuery
ajax script: [:s | <o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> s <<
(s jQuery: #center) html: JQSVGXFunctionalTest new.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> self
updateHistoryOn: s with: 'SVG demo' ]);<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> with: 'SVG demo'.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'><o:p> </o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'>renderSVGOn: html<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'>JQSVGFunctionalTest new
renderContentOn: html<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> self
updateHistoryOn: s with: 'SVG demo' ]);<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> with: 'SVG demo'.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'><o:p> </o:p></span></font></i></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- the standard presentation of <b><font color=red><span
style='color:red;font-weight:bold'>SVGXExample</span></font></b> is working in
my pane.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- of course, my problem is the callback of <i><span
style='font-style:italic'>renderContentOn:<o:p></o:p></span></i></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'> <i><span style='font-style:italic'>html anchor<o:p></o:p></span></i></span></font></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> with: 'svg';<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> url: self url;<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> onClick: (html jQuery
ajax script: [:s | <o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> s <<
(s jQuery: #center) html: JQSVGXFunctionalTest new.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> self updateHistoryOn:
s with: 'SVG demo' ]);<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'> with: 'SVG demo'.<o:p></o:p></span></font></i></p>
<p class=MsoPlainText><i><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt;font-style:italic'><o:p> </o:p></span></font></i></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>- I am not familiar with it (yet) and I got it from a
very shallow browsing of other callbacks.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>Can you give me some hints for creating a working one?
(i.e. that is able to display the next choice of SVGDemo, as in the original one)<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>Please, consider that I would like to become quite
good in managing this kind of problem, so I will appreciate any suggestion that
I will be very happy to deepen myself.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>(My secret dream is to become as good as you)<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>Many thanks<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>Ciao<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'>Lorenzo<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'> <o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span lang=EN-GB
style='font-size:10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>-----Messaggio originale-----<br>
Da: seaside-bounces@lists.squeakfoundation.org
[mailto:seaside-bounces@lists.squeakfoundation.org] Per conto di Johan Brichau<br>
Inviato: luned́ 30 luglio 2012 9.23<br>
A: Seaside - general discussion<br>
Oggetto: Re: [Seaside] [Seaside-dev] Inserting JQuerySVG plug in</span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>Hi Lorenzo,<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>On 29 Jul 2012, at 17:38, Lorenzo Schiavina wrote:<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> I have already inserted into a JQUilayout pane the SVG standard
example and<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> everything is ok: the display is correct, but I am not able to set
up a<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> callback action.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> I suppose I have to change the standard callback of SVG example
but I am not<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> able to do it.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>What kind of callback on which element?<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>It's better if you send actual code snippets of the parts that do not
work so we can understand what you are doing.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> Beside that specific problem, I would like to become able to
create and<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> manage plugin set up and maintain them along Seaside standard, as
I have lot<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> of Smalltalk applications that I would like to update porting them
in Web<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>> 2.0 and that (I hope) could be of interest for someone.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>What kind of plugins are you referring to? Maybe it's best if you take
a look at how the jQueryWidget library is organized and implemented. For now,
still on squeaksource:http://www.squeaksource.com/JQueryWidgetBox.html (but I
promised I will move it to ss3 asap). I'm sure if you browse around in that
library and the implementation of the existing bindings, that you can learn how
to implement other bindings. <o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>But send us some code about your problem, so we can understand the
actual problem.<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'><o:p> </o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>best,<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>Johan_______________________________________________<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>seaside mailing list<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>seaside@lists.squeakfoundation.org<o:p></o:p></span></font></p>
<p class=MsoPlainText><font size=2 face="Courier New"><span style='font-size:
10.0pt'>http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<o:p></o:p></span></font></p>
</div>
</body>
</html>