Scriptaculous - using the #toggleAppear effect

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Scriptaculous - using the #toggleAppear effect

squeakman
Hello All,

I would like to use the Scriptaculous effect #toggleAppear but I want to
have the object to be toggled to be initially not visible. Then when the
user clicks on the link, the toggle appears.

The code is have looks like this:

html anchor
    onClick: (html effect id: 'artistInfo';
               perform: #toggleAppear);
    with: 'Artist Info'.
                                                       
html div
    id: 'artistInfo';
    with: [html render: self artistView].



Is there a way to have the 'artistInfo' be initially not visible?

Thanks for your help,
Frank

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Scriptaculous - using the #toggleAppear effect

SainTiss
Hi,

It's something along the lines of:

html div
     id: 'artistInfo'; style: 'display:none';
     with: [html render: self artistView].

i.e. some inline CSS code. I'm not sure whether it would still work if you
would add the display:none to your global CSS file, as that might prevent it
from ever showing.

Cheers,

Hans

On Thursday 10 July 2008 16:53:26 Squeaker wrote:

> Hello All,
>
> I would like to use the Scriptaculous effect #toggleAppear but I want to
> have the object to be toggled to be initially not visible. Then when the
> user clicks on the link, the toggle appears.
>
> The code is have looks like this:
>
> html anchor
>     onClick: (html effect id: 'artistInfo';
>                perform: #toggleAppear);
>     with: 'Artist Info'.
>
> html div
>     id: 'artistInfo';
>     with: [html render: self artistView].
>
>
>
> Is there a way to have the 'artistInfo' be initially not visible?
>
> Thanks for your help,
> Frank
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



--
A liberal is a person whose interests aren't at stake at the moment
  -- Willis Player

Hans Schippers
Research Assistant of the Research Foundation - Flanders (FWO - Vlaanderen)
http://www.win.ua.ac.be/~hschipp/
Formal Techniques in Software Engineering (FoTS)
University of Antwerp
Middelheimlaan 1
2020 Antwerpen - Belgium
Phone: +32 3 265 37 88
Fax: +32 3 265 37 77
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Scriptaculous - using the #toggleAppear effect

John Thornborrow
In reply to this post by squeakman
Hi,

it's very easy..

html anchor
   onClick: (html effect id: 'artistInfo';
              perform: #toggleAppear);
   style: 'display:none';
   with: 'Artist Info'.  
                           
html div
   id: 'artistInfo';
   with: [html render: self artistView].


John

> Hello All,
>
> I would like to use the Scriptaculous effect #toggleAppear but I want
> to have the object to be toggled to be initially not visible. Then
> when the user clicks on the link, the toggle appears.
>
> The code is have looks like this:
>
> html anchor
>    onClick: (html effect id: 'artistInfo';
>               perform: #toggleAppear);
>    with: 'Artist Info'.  
>                            
> html div
>    id: 'artistInfo';
>    with: [html render: self artistView].
>
>
>
> Is there a way to have the 'artistInfo' be initially not visible?
>
> Thanks for your help,
> Frank
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>


******************************************************************************************************************************************
This email is from Pinesoft Limited. Its contents are confidential to the intended recipient(s) at the email address(es) to which it has been addressed. It may not be disclosed to or used by anyone other than the addressee(s), nor may it be copied in anyway. If received in error, please contact the sender, then delete it from your system. Although this email and attachments are believed to be free of virus, or any other defect which might affect any computer or IT system into which they are received and opened, it is the responsibility of the recipient to ensure that they are virus free and no responsibility is accepted by Pinesoft for any loss or damage arising in any way from receipt or use thereof. *******************************************************************************************************************************************


Pinesoft Limited are registered in England, Registered number: 2914825. Registered office: 266-268 High Street, Waltham Cross, Herts, EN8 7EA
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Scriptaculous - using the #toggleAppear effect

John Thornborrow
whoops.. that didn't come out right:


html anchor
   onClick: (html effect id: 'artistInfo';
              perform: #toggleAppear);
   with: 'Artist Info'.  
                           
html div
   id: 'artistInfo';
   style: 'display:none';
   with: [html render: self artistView].



John Thornborrow wrote:

> Hi,
>
> it's very easy..
>
> html anchor
>   onClick: (html effect id: 'artistInfo';
>              perform: #toggleAppear);
>   style: 'display:none';
>   with: 'Artist Info'.                             html div
>   id: 'artistInfo';
>   with: [html render: self artistView].
>
>
> John
>> Hello All,
>>
>> I would like to use the Scriptaculous effect #toggleAppear but I want
>> to have the object to be toggled to be initially not visible. Then
>> when the user clicks on the link, the toggle appears.
>>
>> The code is have looks like this:
>>
>> html anchor
>>    onClick: (html effect id: 'artistInfo';
>>               perform: #toggleAppear);
>>    with: 'Artist Info'.                              html div
>>    id: 'artistInfo';
>>    with: [html render: self artistView].
>>
>>
>>
>> Is there a way to have the 'artistInfo' be initially not visible?
>>
>> Thanks for your help,
>> Frank
>>
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>


******************************************************************************************************************************************
This email is from Pinesoft Limited. Its contents are confidential to the intended recipient(s) at the email address(es) to which it has been addressed. It may not be disclosed to or used by anyone other than the addressee(s), nor may it be copied in anyway. If received in error, please contact the sender, then delete it from your system. Although this email and attachments are believed to be free of virus, or any other defect which might affect any computer or IT system into which they are received and opened, it is the responsibility of the recipient to ensure that they are virus free and no responsibility is accepted by Pinesoft for any loss or damage arising in any way from receipt or use thereof. *******************************************************************************************************************************************


Pinesoft Limited are registered in England, Registered number: 2914825. Registered office: 266-268 High Street, Waltham Cross, Herts, EN8 7EA
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside