Hi Torsten,<div><br></div><div>A great set of JQuery examples I particularly liked the fold sample.</div><div> </div><div>I've been experimenting with integrating JQuery widgets myself so it was instructive to see how you'd performed the Seaside integration. One question, is there a reason why you use explicit id's? For example:</div>
<div><br></div><div>JQSheetExample>>renderContentOn: html</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>|id|</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>id := html nextId.<span class="Apple-tab-span" style="white-space:pre">        </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span>html div</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>id: id.<span class="Apple-tab-span" style="white-space:pre">                </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span>html script: ((html jQuery id: id) sheet </div><div><span class="Apple-tab-span" style="white-space:pre">                        </span> buildSheetOfSize: 3@4;</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span> urlTheme: self themeURL)</div>
<div><br></div><div>can be rewritten as:</div><div><br></div><div><div>JQSheetExample>>renderContentOn: html</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>html div script: ((html jQuery this) sheet </div>
<div><span class="Apple-tab-span" style="white-space:pre">                        </span> buildSheetOfSize: 3@4;</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span> urlTheme: self themeURL).</div><div><br></div><div><br>
</div><div>The rewritten code seems neater, but perhaps there's a reason for preferring your original code?</div><div><br></div><div>Cheers</div><div><br></div><div>Nick</div><div><br></div><br><div class="gmail_quote">
2010/1/14 Torsten Bergmann <span dir="ltr"><<a href="mailto:astares@gmx.de">astares@gmx.de</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">Hi,<br>
<br>
the JQuery Widget box project now switched to Metacello:<br>
<br>
- there is now a "ConfigurationOfJQueryWidgetBox" project/class<br>
in htp://<a href="http://squeaksource.com/MetacelloRepository" target="_blank">squeaksource.com/MetacelloRepository</a><br>
- this configuration includes a baseline and a first version 1.0<br>
- the old "loader" project (JQWidgetBox-Loader) - in<br>
<a href="http://squeaksource.com/JQueryWidgetBox" target="_blank">http://squeaksource.com/JQueryWidgetBox</a> can be used<br>
as before - it now internally uses Metacello<br>
<br>
How to get started:<br>
===================<br>
We assume a clean image - for instance the latest pharo core<br>
(PharoCore-1.0-10506rc1.image) - without any Seaside here:<br>
<br>
A. THE OLD WAY<br>
--------------<br>
To get the old loader (which is now ALWAYS loading the latest version<br>
from the metacello configuration) evaluate:<br>
<br>
Gofer new<br>
squeaksource: 'JQueryWidgetBox';<br>
package: 'JQWidgetBox-Loader';<br>
load.<br>
<br>
<br>
Answer yes - and see how Seaside 3.0 and the widget project<br>
is loaded. When finished start a webserver through<br>
<br>
WAKom startOn: 9092<br>
<br>
and point browser to<br>
<br>
<a href="http://localhost:9092/browse/jquery-widgets" target="_blank">http://localhost:9092/browse/jquery-widgets</a><br>
<br>
This is working as before - but not as flexible as with Metacello.<br>
<br>
<br>
B. THE NEW (METACELLO) WAY<br>
--------------------------<br>
First you need to load the Metacello configuration for the project<br>
<br>
Gofer new<br>
squeaksource: 'MetacelloRepository';<br>
package: 'ConfigurationOfJQueryWidgetBox';<br>
load.<br>
<br>
You can now decide to get:<br>
==========================<br>
B.1. the latest version (including all tests, examples and widgets - similar to the old loader in A.)<br>
<br>
(Smalltalk at: #ConfigurationOfJQueryWidgetBox) loadLatestVersion<br>
<br>
B.2. a specific version (currently there is only one)<br>
<br>
((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project version: '1.0') load<br>
<br>
B.3. load a specific widget for your seaside project from Widget box version 1.0 (without tests and examples)<br>
<br>
((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project version: '1.0') load: 'JQWidgetBox-Growl-Core'<br>
<br>
B.4. load a specific widget for your seaside project from Widget box version 1.0 (including tests and examples)<br>
<br>
((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project version: '1.0') load: 'JQWidgetBox-Growl-Dev'<br>
<br>
B.5. load three widgets for your seaside project from Widget box version 1.0 (two with tests/examples and the first without tests/examples)<br>
<br>
((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project version: '1.0') load: #('JQWidgetBox-Growl-Core' 'JQWidgetBox-Calculator-Dev' 'JQWidgetBox-Calculator-Dev')<br>
<br>
B.6. load all the latest packages from the 1.0 baseline - with all widgets, respective tests and examples to do development<br>
<br>
((Smalltalk at: #ConfigurationOfJQueryWidgetBox) project version: '1.0-baseline') load<br>
<br>
<br>
If an example for a widget is loaded it will automatically appear at<br>
<a href="http://localhost:9092/browse/jquery-widgets" target="_blank">http://localhost:9092/browse/jquery-widgets</a><br>
<br>
<br>
Things to note:<br>
===============<br>
If one wraps and adds new jquery widgets to the widget box project he must<br>
now add it in the metacello configuration. The old loader project should<br>
stay unchanged and remains for compatibility reasons.<br>
<br>
Have fun,<br>
T.<br>
<font color="#888888"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
--<br>
GRATIS für alle GMX-Mitglieder: Die maxdome Movie-FLAT!<br>
Jetzt freischalten unter <a href="http://portal.gmx.net/de/go/maxdome01" target="_blank">http://portal.gmx.net/de/go/maxdome01</a><br>
_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org">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>
</font></blockquote></div><br></div>