[Seaside] JQueryUI Tabs not working

[Joachim Tuchel]

HI Alejandro,

welcome, and don't worry about asking questions: most uf us here have 
mroe questions than answers ;-)

The first things to check are:

* Did you add the jquery libraries to your application in the method 
that calls #register:asApplicationAt: ?
* Can you see the jquery.js and other files in your browser's debugging 
tools (like Firebug)?
* Does the html page contain links to your local image for the jquery 
code or some location like google API's and is the machine connected to 
the internet? (Don't laugh, I had a problem on my notebook on the train 
and it took a while to find out why ... ;-) )
* Can you put a breaktpoint into the javascript code in your web browser 
and does it fire? Again, Safari/Chrome's web tools or Firebug are an 
important recommendation here.

I guess once you are through this list you either solved the problem or 
at least found it and can ask more specific questions about it ;-)

Joachim



Am 24.07.12 09:02, schrieb CHRIS BAILEY:
> Have you included a theme in your updateRoot: e.g. JQSmoothnessTheme 
> new updateRoot: anHtmlRoot
>
> --- On *Tue, 24/7/12, Alejandro Zuzek /<a.zuzek at gmail.com>/* wrote:
>
>
>     From: Alejandro Zuzek <a.zuzek at gmail.com>
>     Subject: [Seaside] JQueryUI Tabs not working
>     To: seaside at lists.squeakfoundation.org
>     Date: Tuesday, 24 July, 2012, 3:29
>
>     Hi everyone,
>
>     This is my first post to this list and I am hoping to get some
>     help. Also I hope in the future I will be able to answer some
>     questions to others. I am developing a web app in a Pharo 1.1
>     one-click distribution so it comes with Seaside 3.0. I am not able
>     to make the JQueryUI tabs work in my app. I have added the
>     JQDeploymentLibrary and JQUiDeploymentLibrary to this app and
>     basically copied and pasted the tabswidget example
>     (http://localhost:8080/tests/jquery-ui/tabswidget -
>     JQTabsFunctionalTest class) into my app, but all I get is the
>     unordered list with hiperlinks to the values of the
>     'tabNamesAndValues' dictionary. The value of the last link is
>     displayed below the list and the other two are displayed as soon
>     as I click on the corresponding link. There are no Javascript
>     errors when loading the page. Hopefully you will be able to see
>     what I get below, but most probably the unordered list and
>     hyperlinks will be lost in conversion to ASCII:
>
>     AZJQTabsTest
>
>       * Three <http://localhost:8080/AZJQTabsTest#ui-tabs-5>
>       * Two <http://localhost:8080/AZJQTabsTest#ui-tabs-9>
>       * One <http://localhost:8080/AZJQTabsTest#ui-tabs-11>
>
>     Third tab value
>
>
>     What am I missing here? By the way, the tabswidget example works
>     perfectly fine and I have developed another application in the
>     same image which also uses JQueryUI tabs and those are working
>     fine too.
>
>     The two methods that are used in my example are:
>
>     AZJQTabsTest>>renderContentOn: html
>     html text: 'AZJQTabsTest'.
>     html div
>     script: html jQuery new tabs;
>     with: [
>     html unorderedList: [
>     self tabNamesAndValues keysAndValuesDo: [ :name :description |
>     html listItem: [
>     html anchor
>     url: (html jQuery ajax
>     html: [ :h | h text: description ];
>     fullUrl);
>     with: name ] ] ] ]
>
>     AZJQTabsTest>>tabNamesAndValues
>     ^Dictionary new
>     at: 'One' put: 'First tab value';
>     at: 'Two' put: 'Second tab value';
>     at: 'Three' put: 'Third tab value';
>     yourself
>
>     AZJQTabsTest is a subclass of WAComponent and answers 'true' to
>     canBeRoot.
>
>     Any ideas?
>
>     Thanks,
>
>     Alejandro
>
>     -----Inline Attachment Follows-----
>
>     _______________________________________________
>     seaside mailing list
>     seaside at lists.squeakfoundation.org
>     </mc/compose?to=seaside at lists.squeakfoundation.org>
>     http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

-- 
-- 
----------------------------------------------------------------------- 
Objektfabrik Joachim Tuchel          mailto:jtuchel at objektfabrik.de 
Fliederweg 1                         http://www.objektfabrik.de
D-71640 Ludwigsburg 		     http://joachimtuchel.wordpress.com
Telefon: +49 7141 56 10 86 0         Fax: +49 7141 56 10 86 1




-------------- next part --------------
A non-text attachment was scrubbed...
Name: smime.p7s
Type: application/pkcs7-signature
Size: 5586 bytes
Desc: S/MIME Kryptografische Unterschrift
Url : http://lists.squeakfoundation.org/pipermail/seaside/attachments/20120724/32bd2b1b/smime.bin