<br><br>
<div class="gmail_quote">On Tue, Sep 21, 2010 at 10:00 AM, Tim Murray <span dir="ltr"><<a href="mailto:tmurray@ecsorl.com" target="_blank">tmurray@ecsorl.com</a>></span> wrote:<br>
<blockquote style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex" class="gmail_quote">
<div lang="EN-US" vlink="purple" link="blue">
<div>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">Posting this in the hope it helps somebody.</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">In our application's custom library we get access to the library</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">with the following two methods:</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">First:</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">MyCustomLibrary>>getFile: tuple</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">| f dir |</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">dir := FileDirectory default.</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">1 to: tuple size - 1 do: [ :i |</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> dir := dir directoryNamed: (tuple at: i)</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">].</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">f := StandardFileStream readOnlyFileNamed: (dir fullNameFor: tuple last).</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">^ f contentsOfEntireFile</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">MyCustomeLibrary>>jGChartsJs</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> ^self getFile: #('MyCustomLibrary' 'jGChart.js')</span></font></p></div></div></blockquote>
<div> </div>
<div>Not sure why you need to do this, it could be eliminated by loading the file into MyCustomLibrary at "design time" using MyCustomLibrary addFileAt:. Refer to WAFileLibrary's class comments for more information.</div>
<div> </div>
<div>The way you have it written, it *looks* like the js file will get loaded into the image from the disk file on every page hit. If so, that could have an adverse effect on server performance. </div>
<div> </div>
<div> </div>
<blockquote style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex" class="gmail_quote">
<div lang="EN-US" vlink="purple" link="blue">
<div>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">In my component I load the script </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">using the updateRoot:anHtmlRoot method...</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">MyComponent>>updateRoot: anHtmlRoot</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> anHtmlRoot</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> javascript url:(MyCustomLibrary / #jGChartsJs).</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">Then</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">MyComponent>>renderContentOn: html</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> html document addLoadScript:'</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> var api = new jGCharts.Api(); </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> var opt ={</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> axis_labels:["A","B","C"],</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> type: "p",</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> size:"400x200",</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> bg :"ffffff",</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> bg_type: "gradient",</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> bg_angle: 45,</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> bg_offset: "999999",</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> bg_width: 20</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> };</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> jQuery("<img>") </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> .attr("src", api.make(opt))</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> .appendTo("#p");'.</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> html div</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> id:'p'; </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> with:'pie'.</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">At this point, the string for addLoadScript is hackable and I can</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">modify it by putting in dynamic data.</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">More demos are here:</span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"><a href="http://maxb.net/scripts/jgcharts/include/demo/" target="_blank">http://maxb.net/scripts/jgcharts/include/demo/</a></span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt"> </span></font></p>
<p class="MsoNormal"><font size="2" face="Arial"><span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt">Hope it helps.</span></font></p></div></div><br>_______________________________________________<br>seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br><a href="http://john-mckeon.us/" target="_blank">http://john-mckeon.us</a><br>