Tooltip in Seaside 2.8 Not Working

2007/8/24, Rajeev Lochan <[hidden email]>:

> Dear Seasiders,
> I am in need of Tooltip functionality. I went through the mailing list
>
> http://lists.squeakfoundation.org/pipermail/seaside/2006-June/007867.html
>
> and loaded tooltip demo made by Philippe Marschall.
> http://squeaksource.com/seachart/Tooltip-pmm.1.mcz
>
> This works well in Seaside 2.7. When I loaded the same demo in Seaside 2.8
> (Damien's image), I changed the superclass of TTScriptLibrary from
> WAScriptLibrary to WAFileLibrary as mentioned in Migration rules. Now it is
> not working in Seaside 2.8. Am I missing on anything.

Yes, migration from script to file library also means adopting the
method name conventions. Can you give Tooltip-pmm.2 a shot?

Cheers
Philippe

> In general, is there any blog or tutorial of integrating javascript with
> Seaside.
>
> Thanks in advance & anticipating help,
>
> --
> Rajeev Lochan
>
> Co-founder, AR-CAD.com
>
> http://www.ar-cad.com
> +91 9243468076 (Bangalore)
> 080 65355873
> _______________________________________________
> 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

2007/8/26, Rajeev Lochan <[hidden email]>:
> Thanks Philippe,
> I downloaded and checked it out. It works fine now. If my observations go
> right, you have made the following changes.
>
> TTLibrary >> selectorsToInclude
>     ^#(tooltipJs)
>
> Has been added.

Makes that tooltipJs is automatically added to the html head.

> TTLibrary >> aTooltip has been renamed TTLibrary >> tooltipJs

Method name convention for file libraries is filenameExtension

> TTLibrary class >> initialize
>     self register

This registers the file library under /seaside/files

> Has been added.
>
>
> If we want to port any other javascript, should we follow the above steps.

Yes, the process is more or less the same.

> I was wondering if Reflection-mb.8.mcz is also not portable to 2.8 . If I
> follow the above steps to reflection, is it possible to make it work with
> 2.8

Sure, you'd have to change RFReflectionLibrary in the same way. Also
RFReflectionDemo looks unneccesarily complex. Eg. RFDemoFileLibrary /
#attentionPng should be enough to create a link to the attention.png
image. You can also remove rendererClass and SeasidePlatformsupport >>
#seasideBanner is gone.
Note that the reflection stuff probably will never work on IE.

Cheers
Philippe

> Thanks again for timely help.
>
>
>
>
>
>
> Apart from changing superclass of TTLibrary from WAScriptLibrary to
> WAFileLibrary.
>
>
> On 8/26/07, Philippe Marschall <[hidden email]> wrote:
> > 2007/8/24, Rajeev Lochan <[hidden email]>:
> > > Dear Seasiders,
> > > I am in need of Tooltip functionality. I went through the mailing list
> > >
> > >
> http://lists.squeakfoundation.org/pipermail/seaside/2006-June/007867.html
> > >
> > > and loaded tooltip demo made by Philippe Marschall.
> > > http://squeaksource.com/seachart/Tooltip-pmm.1.mcz
> > >
> > > This works well in Seaside 2.7. When I loaded the same demo in Seaside
> 2.8
> > > (Damien's image), I changed the superclass of TTScriptLibrary from
> > > WAScriptLibrary to WAFileLibrary as mentioned in Migration rules. Now it
> is
> > > not working in Seaside 2.8. Am I missing on anything.
> >
> > Yes, migration from script to file library also means adopting the
> > method name conventions. Can you give Tooltip-pmm.2 a shot?
> >
> > Cheers
> > Philippe
> >
> > > In general, is there any blog or tutorial of integrating javascript with
> > > Seaside.
> > >
> > > Thanks in advance & anticipating help,
> > >
> > > --
> > > Rajeev Lochan
> > >
> > > Co-founder, AR-CAD.com
> > >
> > > http://www.ar-cad.com
> > > +91 9243468076 (Bangalore)
> > > 080 65355873
> > > _______________________________________________
> > > 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
> >

>

>
>
> --
>
> Rajeev Lochan
>
> Co-founder, AR-CAD.com
>
> http://www.ar-cad.com
> +91 9243468076 (Bangalore)
> 080 65355873
> _______________________________________________
> 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

2007/8/26, Rajeev Lochan <[hidden email]>:
> Thanks Philippe,
>
> I tweaked around and changed the mentioned methods. Now I have a working
> model. I have attached Reflection-raj.0.mcz with this mail. I tried to
> upload on Seachart, but couldn't as probably, I dont have permission to do
> so.

That's strange. The repository has public write access. Anyway I added
you as a developer. Contact me if you have any further problems.

> Anyways, you please upload it.

Done. I made some small changes.

> Why is it that IE behaves so different from Firefox. I am almost done with
> my new web app using Seaside. Now, CSS looks good with Firefox, but when I
> open in IE, everything is in a poor state. Can you suggest any reference
> material from where I can pick up hints on what changes I have to make in
> CSS for IE. I am thinking of using userAgent method to find out which
> browser it is and render the CSS accordingly.

Welcome to the real world. IE is the scourge of web development. It is
the browser with the worst standards support. With IE 7 things are a
bit less bad than in IE 6 but still worse than anywhere else. If you
consider doing specif stuff for IE consider conditional comments. They
work really reliably.

Cheers
Philippe

> Thanks again.
>
>
> On 8/26/07, Philippe Marschall < [hidden email]> wrote:
> > 2007/8/26, Rajeev Lochan < [hidden email]>:
> > > Thanks Philippe,
> > > I downloaded and checked it out. It works fine now. If my observations
> go
> > > right, you have made the following changes.
> > >
> > > TTLibrary >> selectorsToInclude
> > >     ^#(tooltipJs)
> > >
> > > Has been added.
> >
> > Makes that tooltipJs is automatically added to the html head.
> >
> > > TTLibrary >> aTooltip has been renamed TTLibrary >> tooltipJs
> >
> > Method name convention for file libraries is filenameExtension
> >
> > > TTLibrary class >> initialize
> > >     self register
> >
> > This registers the file library under /seaside/files
> >
> > > Has been added.
> > >
> > >
> > > If we want to port any other javascript, should we follow the above
> steps.
> >
> > Yes, the process is more or less the same.
> >
> > > I was wondering if Reflection-mb.8.mcz is also not portable to 2.8 . If
> I
> > > follow the above steps to reflection, is it possible to make it work
> with
> > > 2.8
> >
> > Sure, you'd have to change RFReflectionLibrary in the same way. Also
> > RFReflectionDemo looks unneccesarily complex. Eg. RFDemoFileLibrary /

> > #attentionPng should be enough to create a link to the attention.png

> > image. You can also remove rendererClass and SeasidePlatformsupport >>
> > #seasideBanner is gone.
> > Note that the reflection stuff probably will never work on IE.
> >
> > Cheers
> > Philippe
> >
> > > Thanks again for timely help.
> > >
> > >
> > >
> > >
> > >
> > >
> > > Apart from changing superclass of TTLibrary from WAScriptLibrary to
> > > WAFileLibrary.
> > >
> > >
> > > On 8/26/07, Philippe Marschall <[hidden email]> wrote:
> > > > 2007/8/24, Rajeev Lochan <[hidden email] >:
> > > > > Dear Seasiders,
> > > > > I am in need of Tooltip functionality. I went through the mailing
> list
> > > > >
> > > > >
> > >
> http://lists.squeakfoundation.org/pipermail/seaside/2006-June/007867.html
> > > > >
> > > > > and loaded tooltip demo made by Philippe Marschall.
> > > > > http://squeaksource.com/seachart/Tooltip-pmm.1.mcz
> > > > >
> > > > > This works well in Seaside 2.7. When I loaded the same demo in
> Seaside
> > > 2.8
> > > > > (Damien's image), I changed the superclass of TTScriptLibrary from
> > > > > WAScriptLibrary to WAFileLibrary as mentioned in Migration rules.
> Now it
> > > is
> > > > > not working in Seaside 2.8. Am I missing on anything.
> > > >
> > > > Yes, migration from script to file library also means adopting the
> > > > method name conventions. Can you give Tooltip-pmm.2 a shot?
> > > >
> > > > Cheers
> > > > Philippe
> > > >
> > > > > In general, is there any blog or tutorial of integrating javascript
> with
> > > > > Seaside.
> > > > >
> > > > > Thanks in advance & anticipating help,
> > > > >
> > > > > --
> > > > > Rajeev Lochan
> > > > >
> > > > > Co-founder, AR-CAD.com
> > > > >
> > > > > http://www.ar-cad.com
> > > > > +91 9243468076 (Bangalore)
> > > > > 080 65355873

> > > > > _______________________________________________

> > > > > 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
> > > >
> > >
> > >
> > >
> > > --
> > >
> > > Rajeev Lochan
> > >
> > > Co-founder, AR-CAD.com
> > >
> > > http://www.ar-cad.com
> > > +91 9243468076 (Bangalore)
> > > 080 65355873
> > > _______________________________________________
> > > 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
> >
>
>
>
> --
> Rajeev Lochan
>
> Co-founder, AR-CAD.com
>
> http://www.ar-cad.com
> +91 9243468076 (Bangalore)
> 080 65355873
> _______________________________________________
> 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

Hi Rajeev, you should try using the 'title' attribute on the anchor tag.  Please see the following reference:

<a href="http://www.w3schools.com/xhtml/xhtml_standardattributes.asp" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://www.w3schools.com/xhtml/xhtml_standardattributes.asp

Good luck,

-Conrad

 

On 8/26/07, Rajeev Lochan <[hidden email]> wrote:

Hi,
I went through Ramon's screencast to rectify the mistake I had committed yesterday while uploading. Now I have uploaded version 11.

In the tooltip package, you need to click on the paragraph or anchor for the tooltip to be displayed. I am now tweaking around to have tooltip on any element, when the mouse is hovered on it.

I figured out you have 2 ways of doing it.

a) Using CSS :

<a href="http://www.communitymx.com/content/article.cfm?page=1&amp;cid=4E2C0" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://www.communitymx.com/content/article.cfm?page=1&cid=4E2C0

But, I couldn't achieve this as this is done in pure html and I am not aware of equivalent smalltalk/seaside code for this. What is the equivalent of the following html

<p>
  Some filler text...
   <a href="#">Link text<span>Tooltip text!</span></a>
  ...Some more filler text...
 </p>


b) Using Javascripts.

one of the best google result is <a href="http://www.nickstakenburg.com/projects/prototip/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.nickstakenburg.com <a href="http://www.nickstakenburg.com/projects/prototip/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">/projects/prototip/

I tried to explore it. Since, my javascript background isn't that strong, I couldn't figure out on what would be equivalent seaside code.


Well, as a matter of fact, there is already tooltip used in one place. In inPlaceEditor, we have "clickAndEdit". I am presently going through controlsJs, but not much progress either.


Nowadays, almost all frameworks have a default tooltip attribute, cant we have one in Seaside. I can help out in this. Either using CSS or Javascript. Though Seaside website (<a href="http://www.seaside.st" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> www.seaside.st ) has tooltips on almost all anchors which display the anchor name itself which I think is mere redundancy.


Regards,
Rajeev

On 8/27/07, Philippe Marschall <[hidden email]> wrote:

2007/8/26, Rajeev Lochan <[hidden email]>:
> Thanks Philippe,
>
> I tweaked around and changed the mentioned methods. Now I have a working
> model. I have attached Reflection-raj.0.mcz with this mail. I tried to
> upload on Seachart, but couldn't as probably, I dont have permission to do
> so.

That's strange. The repository has public write access. Anyway I added
you as a developer. Contact me if you have any further problems.

> Anyways, you please upload it.

Done. I made some small changes.

> Why is it that IE behaves so different from Firefox. I am almost done with
> my new web app using Seaside. Now, CSS looks good with Firefox, but when I
> open in IE, everything is in a poor state. Can you suggest any reference
> material from where I can pick up hints on what changes I have to make in
> CSS for IE. I am thinking of using userAgent method to find out which
> browser it is and render the CSS accordingly.

Welcome to the real world. IE is the scourge of web development. It is
the browser with the worst standards support. With IE 7 things are a
bit less bad than in IE 6 but still worse than anywhere else. If you
consider doing specif stuff for IE consider conditional comments. They
work really reliably.

Cheers
Philippe

> Thanks again.
>
>
> On 8/26/07, Philippe Marschall < [hidden email]> wrote:
> > 2007/8/26, Rajeev Lochan < [hidden email]>:
> > > Thanks Philippe,
> > > I downloaded and checked it out. It works fine now. If my observations
> go
> > > right, you have made the following changes.
> > >
> > > TTLibrary >> selectorsToInclude
> > >     ^#(tooltipJs)
> > >
> > > Has been added.
> >
> > Makes that tooltipJs is automatically added to the html head.
> >
> > > TTLibrary >> aTooltip has been renamed TTLibrary >> tooltipJs
> >
> > Method name convention for file libraries is filenameExtension
> >
> > > TTLibrary class >> initialize
> > >     self register
> >
> > This registers the file library under /seaside/files
> >
> > > Has been added.
> > >
> > >
> > > If we want to port any other javascript, should we follow the above
> steps.
> >
> > Yes, the process is more or less the same.
> >
> > > I was wondering if Reflection-mb.8.mcz is also not portable to 2.8 . If
> I
> > > follow the above steps to reflection, is it possible to make it work
> with
> > > 2.8
> >
> > Sure, you'd have to change RFReflectionLibrary in the same way. Also
> > RFReflectionDemo looks unneccesarily complex. Eg. RFDemoFileLibrary /

> > #attentionPng should be enough to create a link to the attention.png

> > image. You can also remove rendererClass and SeasidePlatformsupport >>
> > #seasideBanner is gone.
> > Note that the reflection stuff probably will never work on IE.
> >
> > Cheers
> > Philippe
> >
> > > Thanks again for timely help.
> > >
> > >
> > >
> > >
> > >
> > >
> > > Apart from changing superclass of TTLibrary from WAScriptLibrary to
> > > WAFileLibrary.
> > >
> > >
> > > On 8/26/07, Philippe Marschall <[hidden email]> wrote:
> > > > 2007/8/24, Rajeev Lochan <[hidden email] >:
> > > > > Dear Seasiders,
> > > > > I am in need of Tooltip functionality. I went through the mailing
> list
> > > > >
> > > > >
> > >
> <a href="http://lists.squeakfoundation.org/pipermail/seaside/2006-June/007867.html" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://lists.squeakfoundation.org/pipermail/seaside/2006-June/007867.html
> > > > >
> > > > > and loaded tooltip demo made by Philippe Marschall.
> > > > > <a href="http://squeaksource.com/seachart/Tooltip-pmm.1.mcz" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://squeaksource.com<a href="http://squeaksource.com/seachart/Tooltip-pmm.1.mcz" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">/seachart/Tooltip-pmm.1.mcz
> > > > >
> > > > > This works well in Seaside 2.7. When I loaded the same demo in
> Seaside
> > > 2.8
> > > > > (Damien's image), I changed the superclass of TTScriptLibrary from
> > > > > WAScriptLibrary to WAFileLibrary as mentioned in Migration rules.
> Now it
> > > is
> > > > > not working in Seaside 2.8. Am I missing on anything.
> > > >
> > > > Yes, migration from script to file library also means adopting the
> > > > method name conventions. Can you give Tooltip-pmm.2 a shot?
> > > >
> > > > Cheers
> > > > Philippe
> > > >
> > > > > In general, is there any blog or tutorial of integrating javascript
> with
> > > > > Seaside.
> > > > >
> > > > > Thanks in advance & anticipating help,
> > > > >
> > > > > --
> > > > > Rajeev Lochan
> > > > >
> > > > > Co-founder, AR-CAD.com
> > > > >
> > > > > <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.ar-cad.com
> > > > > +91 9243468076 (Bangalore)
> > > > > 080 65355873

> > > > > _______________________________________________

> > > > > Seaside mailing list
> > > > > [hidden email][hidden email]
> > > > >
> > >
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://lists.squeakfoundation <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">.org/cgi-bin/mailman/listinfo/seaside
> > > > >
> > > > >
> > > > _______________________________________________
> > > > Seaside mailing list
> > > > [hidden email][hidden email]
> > > >
> > >
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://lists.squeakfoundation <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">.org/cgi-bin/mailman/listinfo/seaside
> > > >
> > >
> > >
> > >
> > > --
> > >
> > > Rajeev Lochan
> > >
> > > Co-founder, AR-CAD.com
> > >
> > > <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.ar-cad.com
> > > +91 9243468076 (Bangalore)
> > > 080 65355873
> > > ______________________________ _________________
> > > Seaside mailing list
> > > [hidden email][hidden email]
> > >
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://lists.squeakfoundation<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> .org/cgi-bin/mailman/listinfo/seaside
> > >
> > >
> > _______________________________________________
> > Seaside mailing list
> > [hidden email][hidden email]
> >
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://lists.squeakfoundation<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> .org/cgi-bin/mailman/listinfo/seaside
> >
>
>
>
> --
> Rajeev Lochan
>
> Co-founder, AR-CAD.com
>
> <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.ar-cad.com
> +91 9243468076 (Bangalore)
> 080 65355873
> _______________________________________________
> Seaside mailing list
> [hidden email][hidden email]
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://lists.squeakfoundation<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> .org/cgi-bin/mailman/listinfo/seaside
>
>

_______________________________________________
Seaside mailing list
[hidden email][hidden email]
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://lists.squeakfoundation<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">.org/cgi-bin/mailman/listinfo/seaside

--

Rajeev Lochan

Co-founder, AR-CAD.com

<a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://www.ar-cad.com
+91 9243468076 (Bangalore)
080 65355873

_______________________________________________
Seaside mailing list
[hidden email][hidden email]
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://lists.squeakfoundation<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">.org/cgi-bin/mailman/listinfo/seaside

 

_______________________________________________
Seaside mailing list
[hidden email]
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside