<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'>
Yea, gotta love programming for the little frustrations ;)<div><br></div><div>I think you can just do $('dialogID').dialog('open'); or in the Seaside jQuery API (html jQuery: #dialogID) dialog open.</div><div><br></div><div>Glad I could help!</div><div><br></div><div>RS</div><div><br></div><div>Oh, #autoOpen: should default to "true", I just put it in there to show it can be configured.<br><br><div><div id="SkyDrivePlaceholder"></div><hr id="stopSpelling">Date: Tue, 20 Mar 2012 11:47:31 +0100<br>From: malte.grunwald@googlemail.com<br>To: seaside@lists.squeakfoundation.org<br>Subject: Re: [Seaside] answer: and jQuery<br><br>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<meta name="Generator" content="Microsoft SafeHTML">
Hey,<br>
<br>
thank you for the hint, in common it was nothing new, but your
dialog uses #autoOpen: true. I used false. <br>
That is the reason why my accordion did not work correct. <br>
<br>
Kind Regards!<br>
<br>
malte<br>
<br>
Am 20.03.2012 02:09, schrieb Robert Sirois:
<blockquote cite="mid:BAY158-W3990E53CADCFF49EF30F1BA6430@phx.gbl">
<style>
.ExternalClass .ecxhmmessage P
{padding:0px;}
.ExternalClass body.ecxhmmessage
{font-size:10pt;font-family:Tahoma;}
</style>
<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="ecxApple-tab-span" style="white-space:pre"> </span>super
updateRoot: html.</div>
<div><br>
</div>
<div><span class="ecxApple-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="ecxApple-tab-span" style="white-space:pre"> </span>html
javascript url:
'<a class="ecxmoz-txt-link-freetext" href="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js" target="_blank">https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js</a>'.</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>html
javascript url:
'<a class="ecxmoz-txt-link-freetext" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js" target="_blank">https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js</a>'.</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>html
stylesheet url:
'<a class="ecxmoz-txt-link-freetext" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css" target="_blank">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css</a>'.</div>
<div><br>
</div>
<div>
<div>renderContentOn: html</div>
<div><br>
</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>html
div</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>script:
(html jQuery new dialog</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>title:
'Title';</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>modal:
false;</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>width:
500;</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>height:
400;</div>
<div><span class="ecxApple-tab-span" style="white-space:pre">
</span>autoOpen: true;</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>onClose:
html jQuery this remove</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>);</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>with:
[</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-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="ecxApple-tab-span" style="white-space:pre"> </span>html
div</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>script:
(html jQuery new accordion active: false);</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>with:
[</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>1
to: 10 do: [:n |</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>html
div: [ html anchor: 'Section ', n asString ].</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>html
div: [ html paragraph: 'Hello! I am in section ', n
asString, '! Cool!' ].</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>].</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span>].</div>
<div><span class="ecxApple-tab-span" style="white-space:pre"> </span></div>
<div><span class="ecxApple-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> <a class="ecxmoz-txt-link-freetext" href="http://www.seaside.st/about/examples" target="_blank">http://www.seaside.st/about/examples</a></div>
<div> <a class="ecxmoz-txt-link-freetext" href="http://demo.seaside.st/javascript/jquery-ui" target="_blank">http://demo.seaside.st/javascript/jquery-ui</a></div>
<div><br>
</div>
jQuery:</div>
<div> <a class="ecxmoz-txt-link-freetext" href="http://jquery.com/" target="_blank">http://jquery.com/</a></div>
<div> <a class="ecxmoz-txt-link-freetext" href="http://jqueryui.com/" target="_blank">http://jqueryui.com/</a></div>
<div><br>
</div>
<div>Seaside book:</div>
<div> <a class="ecxmoz-txt-link-freetext" href="http://book.seaside.st/book" target="_blank">http://book.seaside.st/book</a></div>
<div><br>
</div>
<div><span style="font-size:10pt">RS</span></div>
<div>
<div>
<hr id="ecxstopSpelling">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>
Date: Mon, 19 Mar 2012 18:51:08 +0100<br>
<br>
<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> </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>
<hr id="ecxstopSpelling">
Date: Mon, 19 Mar 2012 11:55:00 +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>
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
<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></div>
</div>
<br>
<hr>
_______________________________________________<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>
</div>
<br>
_______________________________________________
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></div>
</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>                                            </div></body>
</html>