<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>
Alrighty, here you are (two methods on a WAComponent). Hopefully the email wont mutilate my spacing too bad so it's readable hehe.<div><br></div><div><div>updateRoot: html</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>super updateRoot: html.</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">        </span>html title: 'Testing jQuery UI accordion widget inside a ui dialog'.</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">        </span>html javascript url: 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js'.</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>html javascript url: 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js'.</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>html stylesheet url: 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css'.</div><div><br></div><div><div>renderContentOn: html</div><div><br></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>script: (html jQuery new dialog</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>title: 'Title';</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>modal: false;</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>width: 500;</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>height: 400;</div><div><span class="Apple-tab-span" style="white-space: pre; ">                        </span>autoOpen: true;</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>onClose: html jQuery this remove</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>);</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>with: [</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span></div><div><span class="Apple-tab-span" style="white-space: pre; ">                        </span>" this section could be replaced with a component doing the same work via: html render: aComponent "</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>script: (html jQuery new accordion active: false);</div><div><span class="Apple-tab-span" style="white-space:pre">                                </span>with: [</div><div><span class="Apple-tab-span" style="white-space:pre">                                        </span></div><div><span class="Apple-tab-span" style="white-space:pre">                                        </span>1 to: 10 do: [:n |</div><div><span class="Apple-tab-span" style="white-space:pre">                                        </span></div><div><span class="Apple-tab-span" style="white-space:pre">                                                </span>html div: [ html anchor: 'Section ', n asString ].</div><div><span class="Apple-tab-span" style="white-space:pre">                                                </span>html div: [ html paragraph: 'Hello! I am in section ', n asString, '! Cool!' ].</div><div><span class="Apple-tab-span" style="white-space:pre">                                                </span></div><div><span class="Apple-tab-span" style="white-space:pre">                                        </span>].</div><div><span class="Apple-tab-span" style="white-space:pre">                                </span></div><div><span class="Apple-tab-span" style="white-space:pre">                                </span>].</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span></div><div><span class="Apple-tab-span" style="white-space:pre">                </span>].</div></div><div><br></div><div>I hope this helps. As always, the built in examples are the best place for help, as well as the jQuery website and the Seaside book.</div><div><br></div><div>Examples:</div><div> http://www.seaside.st/about/examples</div><div> http://demo.seaside.st/javascript/jquery-ui</div><div><br></div>jQuery:</div><div> http://jquery.com/</div><div> http://jqueryui.com/</div><div><br></div><div>Seaside book:</div><div> http://book.seaside.st/book</div><div><br></div><div><span style="font-size: 10pt; ">RS</span></div><div><div><div id="SkyDrivePlaceholder"></div><hr id="stopSpelling">From: malte.grunwald@googlemail.com<br>To: seaside@lists.squeakfoundation.org<br>Subject: Re: [Seaside] answer: and jQuery<br>Date: Mon, 19 Mar 2012 18:51:08 +0100<br><br>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<meta name="Generator" content="Microsoft SafeHTML">
<style>
.ExternalClass .ecxhmmessage P
{padding:0px;}
.ExternalClass body.ecxhmmessage
{font-size:10pt;font-family:Tahoma;}
</style>
<div dir="ltr">
<div style="font-family:'Calibri';color:#000000;font-size:12pt">
<div>That would too kind... I tried both, in the #with: [] and I created a
own component. But the effects are still blocked.</div>
<div> </div>
<div>Kind Regards</div>
<div style="font-style:normal;display:inline;font-family:'Calibri';color:#000000;font-size:small;font-weight:normal;text-decoration:none">
<div style="font:10pt tahoma">
<div><font size="3" face="Calibri"></font> </div>
<div style="background:#f5f5f5">
<div style="font-color:black"><b>From:</b> <a title="watchlala@hotmail.com" href="mailto:watchlala@hotmail.com">Robert Sirois</a> </div>
<div><b>Sent:</b> Monday, March 19, 2012 5:47 PM</div>
<div><b>To:</b> <a title="seaside@lists.squeakfoundation.org" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
</div>
<div><b>Subject:</b> RE: [Seaside] answer: and jQuery</div></div></div>
<div> </div></div>
<div style="font-style:normal;display:inline;font-family:'Calibri';color:#000000;font-size:small;font-weight:normal;text-decoration:none">
<div dir="ltr">Gah, sorry I was gonna give you some code! I'm putting a reminder
in my phone right now for when I get home...<br><br>RS<br><br>
<div>
<div id="ecxSkyDrivePlaceholder"></div>
<hr id="ecxstopSpelling">
Date: Mon, 19 Mar 2012 11:55:00 +0100<br>From:
malte.grunwald@googlemail.com<br>To:
seaside@lists.squeakfoundation.org<br>Subject: Re: [Seaside] answer: and
jQuery<br><br>
Thank you Robert,<br><br>I
tried it the way you described, but still - it does not work.<br>The Accordion
will be shown, but if you click a header, no sub menu slides down. <br>This is a
really strange behaviour and I have no clue what I did
wrong.<br><br>Regards<br><br>Malte<br><br><br>Am 16.03.2012 15:24, schrieb
Robert Sirois:
<blockquote cite="mid:BAY158-W435A41352AD27A2980C192A65F0@phx.gbl">
<style>
.ExternalClass .ecxexternalclass .ecxecxhmmessage p
{padding:0px;}
.ExternalClass .ecxexternalclass body.ecxecxhmmessage
{font-size:10pt;font-family:tahoma;}
</style>
<div dir="ltr">Should be as simple as sticking the accordion into the #with:
block or popping in a component containing the accordion. I have some code (at
home) I can send you tonight.<br><br>(from memory)<br>html
div<br> script: (html jQuery dialog
new<br>
...options...<br>
with:
[<br>
html div script: (html jQuery accordion new
...options...).<br>
" or
alternately:<br>
html render:
anAccordionComponent.<br>
"<br>
]<br> ). "end dialog div"<br><br>Yea... something like that
lol<br><br>RS<br><br>
<div>> Date: Fri, 16 Mar 2012 11:51:27 +0100<br>> From: <a class="ecxmoz-txt-link-abbreviated" href="mailto:malte.grunwald@googlemail.com">malte.grunwald@googlemail.com</a><br>>
To: <a class="ecxmoz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>>
Subject: Re: [Seaside] answer: and jQuery<br>> <br>> Hello,<br>>
<br>> there is no need any more to think about it... I fixed my problem
with a <br>> workaround.<br>> <br>> Has anybody a jQAccordion
inherited into a jQDialog, if somebody did, <br>> did it work?<br>>
<br>> Thank your for your help!<br>> <br>> Regards.<br>>
_______________________________________________<br>> seaside mailing
list<br>> <a class="ecxmoz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>>
<a class="ecxmoz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></div><br>
<fieldset class="ecxmimeAttachmentHeader"></fieldset> <br><pre>_______________________________________________
seaside mailing list
<a class="ecxmoz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="ecxmoz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a>
</pre></blockquote><br><br>_______________________________________________
seaside mailing list seaside@lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</div></div>
<BR><hr>
_______________________________________________<br>seaside mailing
list<br>seaside@lists.squeakfoundation.org<br>http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br></div></div></div>
<br>_______________________________________________
seaside mailing list
seaside@lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</div></div>                                            </div></body>
</html>