jQuery-->jQTabs

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

jQuery-->jQTabs

Alexandre BP
Hi,

I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.
So at the end, the content of all my tabs are displayed on the webpage...

here is the code (which is exactly the same than the one in the example):

canvas div
      script: (canvas jQuery new tabs
         selected: selectedTab;
         onSelect: (canvas jQuery ajax 
            callbackTabs: [ :event | selectedTab := event at: #index.]));
      with: [
         canvas unorderedList: [
            self berries keysAndValuesDo: [ :name :description |
               canvas listItem: [
                  canvas anchor
                     url: (canvas jQuery ajax
                        html: [ :h | h text: description];
                        fullUrl);
                     with: name ] ] ] ].

Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...

Thank you in advance

alex


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

Re: jQuery-->jQTabs

Lukas Renggli
You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:

> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

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

Re: jQuery-->jQTabs

Alexandre BP
I have imported  JQDevelopmentLibrary and JQUIDevelopmentLibrary.
Isn't it enought? I checked on the link you gave me but I have all the packages recommended.
One exception I have the JQuery-UI instead of JQuery-UI-Core but I guess it is the same...
The jQuery works fine but the old content doesn't disapear...
Maybe I miss a part of css but I don't really get it...

2010/12/19 Lukas Renggli <[hidden email]>
You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:
> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

--
Lukas Renggli
www.lukas-renggli.ch
_______________________________________________
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: jQuery-->jQTabs

Alexandre BP
It seems I miss the file jquery-ui.css. However I don't see any html tag with the option class: '.ui-tabs' or class:'ui-tabs-nav'
How can I find them? I looked everywhere (in the browser, I even looked the source of the examples page) without success... :(

2010/12/19 alexandre bp <[hidden email]>
I have imported  JQDevelopmentLibrary and JQUIDevelopmentLibrary.
Isn't it enought? I checked on the link you gave me but I have all the packages recommended.
One exception I have the JQuery-UI instead of JQuery-UI-Core but I guess it is the same...
The jQuery works fine but the old content doesn't disapear...
Maybe I miss a part of css but I don't really get it...

2010/12/19 Lukas Renggli <[hidden email]>

You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:
> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

--
Lukas Renggli
www.lukas-renggli.ch
_______________________________________________
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: jQuery-->jQTabs

Johan Brichau-2
Alexandre,

you can find that on www.jqueryui.com

Johan

On 19 Dec 2010, at 21:34, alexandre bp wrote:

It seems I miss the file jquery-ui.css. However I don't see any html tag with the option class: '.ui-tabs' or class:'ui-tabs-nav'
How can I find them? I looked everywhere (in the browser, I even looked the source of the examples page) without success... :(

2010/12/19 alexandre bp <[hidden email]>
I have imported  JQDevelopmentLibrary and JQUIDevelopmentLibrary.
Isn't it enought? I checked on the link you gave me but I have all the packages recommended.
One exception I have the JQuery-UI instead of JQuery-UI-Core but I guess it is the same...
The jQuery works fine but the old content doesn't disapear...
Maybe I miss a part of css but I don't really get it...

2010/12/19 Lukas Renggli <[hidden email]>

You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:
> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

--
Lukas Renggli
www.lukas-renggli.ch
_______________________________________________
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: jQuery-->jQTabs

John McKeon
In reply to this post by Alexandre BP
alexandre
You must add one of the JQueryTheme libraries to your application. JQBaseTheme is the one in use by the example app. (For some reason, the example uses a roundabout way of including that theme, but in the end, adding to the config will get the same result)
HTH
John

On Sun, Dec 19, 2010 at 3:34 PM, alexandre bp <[hidden email]> wrote:
It seems I miss the file jquery-ui.css. However I don't see any html tag with the option class: '.ui-tabs' or class:'ui-tabs-nav'
How can I find them? I looked everywhere (in the browser, I even looked the source of the examples page) without success... :(

2010/12/19 alexandre bp <[hidden email]>

I have imported  JQDevelopmentLibrary and JQUIDevelopmentLibrary.
Isn't it enought? I checked on the link you gave me but I have all the packages recommended.
One exception I have the JQuery-UI instead of JQuery-UI-Core but I guess it is the same...
The jQuery works fine but the old content doesn't disapear...
Maybe I miss a part of css but I don't really get it...

2010/12/19 Lukas Renggli <[hidden email]>

You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:
> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

--
Lukas Renggli
www.lukas-renggli.ch
_______________________________________________
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




--
http://john-mckeon.us

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

Re: jQuery-->jQTabs

Alexandre BP
Yeah it works fine great :)
Thank you very much!
Johan Brichau: Thanks to your link I'll be able to understand a bit more how jQuery works I hope 
cheers
alex

2010/12/19 John McKeon <[hidden email]>
alexandre
You must add one of the JQueryTheme libraries to your application. JQBaseTheme is the one in use by the example app. (For some reason, the example uses a roundabout way of including that theme, but in the end, adding to the config will get the same result)
HTH
John


On Sun, Dec 19, 2010 at 3:34 PM, alexandre bp <[hidden email]> wrote:
It seems I miss the file jquery-ui.css. However I don't see any html tag with the option class: '.ui-tabs' or class:'ui-tabs-nav'
How can I find them? I looked everywhere (in the browser, I even looked the source of the examples page) without success... :(

2010/12/19 alexandre bp <[hidden email]>

I have imported  JQDevelopmentLibrary and JQUIDevelopmentLibrary.
Isn't it enought? I checked on the link you gave me but I have all the packages recommended.
One exception I have the JQuery-UI instead of JQuery-UI-Core but I guess it is the same...
The jQuery works fine but the old content doesn't disapear...
Maybe I miss a part of css but I don't really get it...

2010/12/19 Lukas Renggli <[hidden email]>

You are likely missing the JavaScript and CSS libraries, see
http://book.seaside.st/book/web-20/jquery/getting-ready.

Lukas

On Sunday, 19 December 2010, alexandre bp <[hidden email]> wrote:
> Hi,
> I have a little problème with the jQTabs, I tried the example code with the berries but the problem is that the content of the previous tab doesn't disapear when I click on a new one.So at the end, the content of all my tabs are displayed on the webpage...
>
>
> here is the code (which is exactly the same than the one in the example):
> canvas div      script: (canvas jQuery new tabs         selected: selectedTab;
>
>          onSelect: (canvas jQuery ajax             callbackTabs: [ :event | selectedTab := event at: #index.]));      with: [         canvas unorderedList: [            self berries keysAndValuesDo: [ :name :description |
>
>                canvas listItem: [                  canvas anchor                     url: (canvas jQuery ajax                        html: [ :h | h text: description];                        fullUrl);
>
>                      with: name ] ] ] ].
> Also, where can I find the css corresponding to the example? I have looked in the browser but without succes...
> Thank you in advance
>
>
> alex
>
>

--
Lukas Renggli
www.lukas-renggli.ch
_______________________________________________
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




--
http://john-mckeon.us

_______________________________________________
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: jQuery--&gt;jQTabs

mozillanerd
alexandre, would you mind summarizing?
Please include your source code, and what needs to be present in your
environement. Seaside users might find this very helpful.
Thanks

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