<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
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"
type="cite">
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
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="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:
'<a class="moz-txt-link-freetext" href="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js">https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js</a>'.</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>html
javascript url:
'<a class="moz-txt-link-freetext" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js">https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js</a>'.</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>html
stylesheet url:
'<a class="moz-txt-link-freetext" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css">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="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> <a class="moz-txt-link-freetext" href="http://www.seaside.st/about/examples">http://www.seaside.st/about/examples</a></div>
<div> <a class="moz-txt-link-freetext" href="http://demo.seaside.st/javascript/jquery-ui">http://demo.seaside.st/javascript/jquery-ui</a></div>
<div><br>
</div>
jQuery:</div>
<div> <a class="moz-txt-link-freetext" href="http://jquery.com/">http://jquery.com/</a></div>
<div> <a class="moz-txt-link-freetext" href="http://jqueryui.com/">http://jqueryui.com/</a></div>
<div><br>
</div>
<div>Seaside book:</div>
<div> <a class="moz-txt-link-freetext" href="http://book.seaside.st/book">http://book.seaside.st/book</a></div>
<div><br>
</div>
<div><span style="font-size: 10pt; ">RS</span></div>
<div>
<div>
<hr id="stopSpelling">From: <a class="moz-txt-link-abbreviated" href="mailto:malte.grunwald@googlemail.com">malte.grunwald@googlemail.com</a><br>
To: <a class="moz-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>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<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> </div>
<div style="background:#f5f5f5">
<div style="font-color:black"><b>From:</b> <a
moz-do-not-send="true"
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 moz-do-not-send="true"
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="moz-txt-link-abbreviated" href="mailto:malte.grunwald@googlemail.com">malte.grunwald@googlemail.com</a><br>
To: <a class="moz-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 moz-do-not-send="true"
class="ecxmoz-txt-link-abbreviated"
href="mailto:malte.grunwald@googlemail.com">malte.grunwald@googlemail.com</a><br>
> To: <a moz-do-not-send="true"
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 moz-do-not-send="true"
class="ecxmoz-txt-link-abbreviated"
href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>
> <a moz-do-not-send="true"
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 moz-do-not-send="true" class="ecxmoz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a moz-do-not-send="true" 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="moz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="moz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div>
</div>
<br>
<hr>
_______________________________________________<br>
seaside mailing list<br>
<a class="moz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>
<a class="moz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div>
</div>
</div>
<br>
_______________________________________________
seaside mailing list
<a class="moz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="moz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div>
</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
seaside mailing list
<a class="moz-txt-link-abbreviated" href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>
<a class="moz-txt-link-freetext" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a>
</pre>
</blockquote>
<br>
</body>
</html>