Placement In Page

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

Placement In Page

dirk newbold
Hi,

I've a simple question...

How do I get the top of the browser to start at some height (or div
ref) down the page.

Currently I've been using the following which is evoked upon some
condition being met.

html div
    script: html effect scroll;
    with: [ self renderContentOnPage: html ]

This works fine but for some instances I would simply like to go
straight to the point on the page without the delayed scroll effect.

Cheers,

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

Re: Placement In Page

Boris Popov, DeepCove Labs (SNN)
Re: [Seaside] Placement In Page

Hmm, usually animated functions have a variant that simply gets you to the final state without any intermediate transition... Maybe poke around the docs.

-Boris (via BlackBerry)

----- Original Message -----
From: [hidden email] <[hidden email]>
To: Seaside - general discussion <[hidden email]>
Sent: Fri Nov 06 13:18:50 2009
Subject: [Seaside] Placement In Page

Hi,

I've a simple question...

How do I get the top of the browser to start at some height (or div
ref) down the page.

Currently I've been using the following which is evoked upon some
condition being met.

html div       
    script: html effect scroll;
    with: [ self renderContentOnPage: html ]

This works fine but for some instances I would simply like to go
straight to the point on the page without the delayed scroll effect.

Cheers,

Dirk
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


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

Re: Placement In Page

Richard Durr-2
You could insert a named anchor an then put a hash followed by the name of that anchor in the url:


would jump to where this stands:
html anchor
  name: 'myDiv'.

what exactly do you want?



On Fri, Nov 6, 2009 at 10:25 PM, Boris Popov <[hidden email]> wrote:

Hmm, usually animated functions have a variant that simply gets you to the final state without any intermediate transition... Maybe poke around the docs.

-Boris (via BlackBerry)



----- Original Message -----
From: [hidden email] <[hidden email]>
To: Seaside - general discussion <[hidden email]>
Sent: Fri Nov 06 13:18:50 2009
Subject: [Seaside] Placement In Page

Hi,

I've a simple question...

How do I get the top of the browser to start at some height (or div
ref) down the page.

Currently I've been using the following which is evoked upon some
condition being met.

html div       
    script: html effect scroll;
    with: [ self renderContentOnPage: html ]

This works fine but for some instances I would simply like to go
straight to the point on the page without the delayed scroll effect.

Cheers,

Dirk
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside



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

Re: Placement In Page

dirk newbold
Sorry, I forgot to mention I'm a newbie of sorts (Smalltalk/Seaside is
my first and only language, and I ain't too bright).

Say I had the following

renderContentOn: html
   html div id: 'header'; with: [
      html div class: 'headerTitle'; with: 'Some Heading'.
      html anchor callback: []; with: 'Content 1'.
      html anchor callback: []; with: 'Content 2'  ].
   html div id: 'content1'; with: [
      html text: self content1 ].
   html div id: 'content2'; with: [
      html text: self content2 ]].

I have two scenarios I'd like to achieve.
1. when the anchor 'Content 1' or 'Content 2' is clicked the page
renders so that the top of the respective div is at the top of the
page.
2. when coming from another page (class) this page renders with the
top of a pre-selected 'Content 1' or 'Content 2' at the top of the
page.

Thanks for your patience.

Cheers,

Dirk



On Sun, Nov 8, 2009 at 6:53 AM, Richard Durr
<[hidden email]> wrote:

> You could insert a named anchor an then put a hash followed by the name of
> that anchor in the url:
> http://url/seaside/yourapp#myDiv
> would jump to where this stands:
> html anchor
>   name: 'myDiv'.
> what exactly do you want?
>
>
> On Fri, Nov 6, 2009 at 10:25 PM, Boris Popov <[hidden email]> wrote:
>>
>> Hmm, usually animated functions have a variant that simply gets you to the
>> final state without any intermediate transition... Maybe poke around the
>> docs.
>>
>> -Boris (via BlackBerry)
>>
>> ----- Original Message -----
>> From: [hidden email]
>> <[hidden email]>
>> To: Seaside - general discussion <[hidden email]>
>> Sent: Fri Nov 06 13:18:50 2009
>> Subject: [Seaside] Placement In Page
>>
>> Hi,
>>
>> I've a simple question...
>>
>> How do I get the top of the browser to start at some height (or div
>> ref) down the page.
>>
>> Currently I've been using the following which is evoked upon some
>> condition being met.
>>
>> html div
>>     script: html effect scroll;
>>     with: [ self renderContentOnPage: html ]
>>
>> This works fine but for some instances I would simply like to go
>> straight to the point on the page without the delayed scroll effect.
>>
>> Cheers,
>>
>> Dirk
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Placement In Page

Richard Durr-2
Shouldn't this work?


renderContentOn:html

  html div id: 'header'; with: [
     html div class: 'headerTitle'; with: 'Some Heading'.
     html anchor url: '#Content1'; with: 'Content 1'.
     html anchor url: '#Content2'; with: 'Content 2'.
  ]
  html div id: 'content1'; with: [
     html anchor name: 'Content1'.
     html text: self content1 
  ].

  html div id: 'content2'; with: [
     html anchor name: 'Content2'.  
     html text: self content2 
  ].


On Mon, Nov 9, 2009 at 11:16 AM, dirk newbold <[hidden email]> wrote:
Sorry, I forgot to mention I'm a newbie of sorts (Smalltalk/Seaside is
my first and only language, and I ain't too bright).

Say I had the following

renderContentOn: html
  html div id: 'header'; with: [
     html div class: 'headerTitle'; with: 'Some Heading'.
     html anchor callback: []; with: 'Content 1'.
     html anchor callback: []; with: 'Content 2'  ].
  html div id: 'content1'; with: [
     html text: self content1 ].
  html div id: 'content2'; with: [
     html text: self content2 ]].

I have two scenarios I'd like to achieve.
1. when the anchor 'Content 1' or 'Content 2' is clicked the page
renders so that the top of the respective div is at the top of the
page.
2. when coming from another page (class) this page renders with the
top of a pre-selected 'Content 1' or 'Content 2' at the top of the
page.

Thanks for your patience.

Cheers,

Dirk



On Sun, Nov 8, 2009 at 6:53 AM, Richard Durr
<[hidden email]> wrote:
> You could insert a named anchor an then put a hash followed by the name of
> that anchor in the url:
> http://url/seaside/yourapp#myDiv
> would jump to where this stands:
> html anchor
>   name: 'myDiv'.
> what exactly do you want?
>
>
> On Fri, Nov 6, 2009 at 10:25 PM, Boris Popov <[hidden email]> wrote:
>>
>> Hmm, usually animated functions have a variant that simply gets you to the
>> final state without any intermediate transition... Maybe poke around the
>> docs.
>>
>> -Boris (via BlackBerry)
>>
>> ----- Original Message -----
>> From: [hidden email]
>> <[hidden email]>
>> To: Seaside - general discussion <[hidden email]>
>> Sent: Fri Nov 06 13:18:50 2009
>> Subject: [Seaside] Placement In Page
>>
>> Hi,
>>
>> I've a simple question...
>>
>> How do I get the top of the browser to start at some height (or div
>> ref) down the page.
>>
>> Currently I've been using the following which is evoked upon some
>> condition being met.
>>
>> html div
>>     script: html effect scroll;
>>     with: [ self renderContentOnPage: html ]
>>
>> This works fine but for some instances I would simply like to go
>> straight to the point on the page without the delayed scroll effect.
>>
>> Cheers,
>>
>> Dirk
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


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

Re: Placement In Page

dirk newbold
Thanks


On Thu, Nov 12, 2009 at 7:56 AM, Richard Durr
<[hidden email]> wrote:

> Shouldn't this work?
>
> renderContentOn:html
>   html div id: 'header'; with: [
>      html div class: 'headerTitle'; with: 'Some Heading'.
>      html anchor url: '#Content1'; with: 'Content 1'.
>      html anchor url: '#Content2'; with: 'Content 2'.
>   ]
>   html div id: 'content1'; with: [
>      html anchor name: 'Content1'.
>      html text: self content1
>   ].
>
>   html div id: 'content2'; with: [
>      html anchor name: 'Content2'.
>      html text: self content2
>   ].
>
> On Mon, Nov 9, 2009 at 11:16 AM, dirk newbold <[hidden email]> wrote:
>>
>> Sorry, I forgot to mention I'm a newbie of sorts (Smalltalk/Seaside is
>> my first and only language, and I ain't too bright).
>>
>> Say I had the following
>>
>> renderContentOn: html
>>   html div id: 'header'; with: [
>>      html div class: 'headerTitle'; with: 'Some Heading'.
>>      html anchor callback: []; with: 'Content 1'.
>>      html anchor callback: []; with: 'Content 2'  ].
>>   html div id: 'content1'; with: [
>>      html text: self content1 ].
>>   html div id: 'content2'; with: [
>>      html text: self content2 ]].
>>
>> I have two scenarios I'd like to achieve.
>> 1. when the anchor 'Content 1' or 'Content 2' is clicked the page
>> renders so that the top of the respective div is at the top of the
>> page.
>> 2. when coming from another page (class) this page renders with the
>> top of a pre-selected 'Content 1' or 'Content 2' at the top of the
>> page.
>>
>> Thanks for your patience.
>>
>> Cheers,
>>
>> Dirk
>>
>>
>>
>> On Sun, Nov 8, 2009 at 6:53 AM, Richard Durr
>> <[hidden email]> wrote:
>> > You could insert a named anchor an then put a hash followed by the name
>> > of
>> > that anchor in the url:
>> > http://url/seaside/yourapp#myDiv
>> > would jump to where this stands:
>> > html anchor
>> >   name: 'myDiv'.
>> > what exactly do you want?
>> >
>> >
>> > On Fri, Nov 6, 2009 at 10:25 PM, Boris Popov <[hidden email]>
>> > wrote:
>> >>
>> >> Hmm, usually animated functions have a variant that simply gets you to
>> >> the
>> >> final state without any intermediate transition... Maybe poke around
>> >> the
>> >> docs.
>> >>
>> >> -Boris (via BlackBerry)
>> >>
>> >> ----- Original Message -----
>> >> From: [hidden email]
>> >> <[hidden email]>
>> >> To: Seaside - general discussion <[hidden email]>
>> >> Sent: Fri Nov 06 13:18:50 2009
>> >> Subject: [Seaside] Placement In Page
>> >>
>> >> Hi,
>> >>
>> >> I've a simple question...
>> >>
>> >> How do I get the top of the browser to start at some height (or div
>> >> ref) down the page.
>> >>
>> >> Currently I've been using the following which is evoked upon some
>> >> condition being met.
>> >>
>> >> html div
>> >>     script: html effect scroll;
>> >>     with: [ self renderContentOnPage: html ]
>> >>
>> >> This works fine but for some instances I would simply like to go
>> >> straight to the point on the page without the delayed scroll effect.
>> >>
>> >> Cheers,
>> >>
>> >> Dirk
>> >> _______________________________________________
>> >> seaside mailing list
>> >> [hidden email]
>> >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> >>
>> >> _______________________________________________
>> >> seaside mailing list
>> >> [hidden email]
>> >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> >>
>> >
>> >
>> > _______________________________________________
>> > seaside mailing list
>> > [hidden email]
>> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>> >
>> >
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside