Burella Juan M. | 1 Oct 23:57 2006
Picon

Re: Multiple style sheets

Philippe, thanks for your reply. I've downloaded the latest Seaside and tested your suggestion but the styles aren't swapped at all.
If you look carefully, there's two values of the "rel" property:

<link rel="stylesheet"  ...
<link rel="alternate stylesheet" ...

rel="stylesheet" it means to "default stylesheet"
So I've added the following:

addLinkToStyle: url titled: aString media: aMediaString

        self addHeadElement:
                (self addStyleElementWithHref: (self absoluteUrlForResource: url asString)
                      titled: aString
                      media: aMediaString)

addStyleElementWithHref: anUrlString titled: aTitleString media: aMediaString
        ^(self styleElementWithHref: anUrlString)
    attributeAt: 'rel' put: 'alternate stylesheet';
                attributeAt: 'title' put: aTitleString;
                attributeAt: 'media' put: aMediaString;
                yourself

and finally in my WATestComponent

updateRoot: aRoot
    "Configure the receiver's meta-data'"

  super updateRoot: aRoot.
  aRoot addHeadElement:
    ((WAHtmlElement named: 'meta')
        attributeAt: 'author' put: '-';
        attributeAt: 'description' put: '-';
        attributeAt: 'content-type' put: 'text/html; charset=UTF-8'
        yourself).
   aRoot linkToStyle: 'template\styles\bare.css' titled: 'Bare' media: 'screen, projection'.
   aRoot addLinkToStyle: 'template\styles\blue.css' titled: 'Blue' media: 'screen, projection'.
   aRoot linkToScript: 'template\styles\styleswitch.js'

It doesn't work. I've putted an alert() in the .js file and is showed when the page is rendered, but it seems the styles aren't read or parsed, although they both "<link rel=...>" specificationes appear in the head of the xhtml. Commenting out the super send doesn´t have any effect too. However, when I've defined the message #style

style
    | file |
    file := (FileStream readOnlyFileNamed: 'template\styles\blue.css') ascii.
    ^[file contents] ensure: [file close].

the page is rendered with the blue.css style. But nothing happens when I clicked the link to swap the style. Hence it seems to be like the style stuff is hardcoded to the #style message in the client class (my WATestComponent). Any ideas? Is this a bug?
I've tested with Squeak 3.8 and Firefox 1.5 and Opera 9. You can test with the attached .js

Greetings


On 9/20/06, Philippe Marschall < philippe.marschall <at> gmail.com> wrote:
2006/9/20, Philippe Marschall < philippe.marschall <at> gmail.com>:
> 2006/9/20, Burella Juan M. <juan.burella <at> gmail.com>:
> > I want my page to be able to alternate between two stylesheets. You can read
> > the technique here:
> > http://www.alistapart.com/stories/alternate/
> >
> > and examples here: http://www.csszengarden.com/
> >
> > I've written this using XHTML/CSS and a Javascript styleswitcher (so it's
> > client side switching)  in the following way:
> >
> > <link rel="stylesheet" href="styles/bare.css" type="text/css" title="Bare"
> > media="screen, projection" />
> > <link rel="alternate stylesheet" href="styles/blue.css" type="text/css"
> > title="Blue" media="screen, projection" />
> > <script type="text/javascript"
> > src="styles/styleswitch.js"></script>
> >
> > does anybody knows how can (or at least the easiest way) achieve this in
> > Seaside?
> >
> > (I´m using Squeak with Seaside 2.61-mb8. I've seen an e-mail from Avi Bryant
> > from may 2004 but haven't found anything in the SqueakMap and Cincom Public
> > Repository, any idea?).
>
> Try the following, add these methods to WAHtmlRoot
>
> styleElementWithHref: anUrlString titled: aTitleString media: aMediaString
>         ^(self styleElementWithHref: anUrlString)
>                 attributeAt: 'title' put: aTitleString;
>                 attributeAt: 'media' put: aMediaString;
>                 yourself
>
> linkToStyle: url titled: aString media: aMediaString
>         self addHeadElement:
>                 (self
>                         styleElementWithHref: (self absoluteUrlForResource: url asString)
>                         titled: aString
>                          media: aMediaString)
>
> then in your root component class:
>
> updateRoot: anHtmlRoot
>         super updateRoot: anHtmlRoot.
>         anHtmlRoot linkToStyle: 'styles/bare.css' titled: 'Bare' media:
> 'screen, projection'.
>         anHtmlRoot linkToStyle: 'styles/blue.css' titled: 'Blue' media:
> 'screen, projection'.
>         anHtmlRoot linkToStyle: 'styles/styleswitch.js'

The last line should of course read:

         anHtmlRoot linkToScript: 'styles/styleswitch.js'

Philippe
_______________________________________________
Seaside mailing list
Seaside <at> lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


Attachment (styleswitch.js): application/x-javascript, 3829 bytes
_______________________________________________
Seaside mailing list
Seaside <at> lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Philippe Marschall | 2 Oct 11:11 2006
Picon

Re: Multiple style sheets

2006/9/29, Burella Juan M. <juan.burella <at> gmail.com>:
> Philippe, thanks for your reply. I've downloaded the latest Seaside and
> tested your suggestion but the styles aren't swapped at all.
> If you look carefully, there's two values of the "rel" property:
>
> <link rel="stylesheet"  ...
> <link rel="alternate stylesheet" ...
>
> rel="stylesheet" it means to "default stylesheet"
> So I've added the following:
>
> addLinkToStyle: url titled: aString media: aMediaString
>
>         self addHeadElement:
>                 (self addStyleElementWithHref: (self absoluteUrlForResource:
> url asString)
>                       titled: aString
>                       media: aMediaString)
>
> addStyleElementWithHref: anUrlString titled: aTitleString media:
> aMediaString
>         ^(self styleElementWithHref: anUrlString)
>     attributeAt: 'rel' put: 'alternate stylesheet';
>                 attributeAt: 'title' put: aTitleString;
>                 attributeAt: 'media' put: aMediaString;
>                 yourself

What's the difference again between href and and url?

> and finally in my WATestComponent
>
> updateRoot: aRoot
>     "Configure the receiver's meta-data'"
>
>   super updateRoot: aRoot.
>   aRoot addHeadElement:
>     ((WAHtmlElement named: 'meta')
>         attributeAt: 'author' put: '-';
>         attributeAt: 'description' put: '-';
>         attributeAt: 'content-type' put: 'text/html; charset=UTF-8'
>         yourself).

Is ignored anyway.

>    aRoot linkToStyle: 'template\styles\bare.css' titled: 'Bare' media:
> 'screen, projection'.
>    aRoot addLinkToStyle: 'template\styles\blue.css' titled: 'Blue' media:
> 'screen, projection'.
>     aRoot linkToScript: 'template\styles\styleswitch.js'

Backward slashes? srsly?

> It doesn't work. I've putted an alert() in the .js file and is showed when
> the page is rendered, but it seems the styles aren't read or parsed,
> although they both "<link rel=...>" specificationes appear in the head of
> the xhtml.

So everything is rendered as it should it just doesn't work as
descripbed in the tutoriasl

> Commenting out the super send doesn´t have any effect too.

Sure, it only disables the #style method.

> However, when I've defined the message #style
>
> style
>     | file |
>     file := (FileStream readOnlyFileNamed: 'template\styles\blue.css')
> ascii.
>     ^[file contents] ensure: [file close].
>
> the page is rendered with the blue.css style. But nothing happens when I
> clicked the link to swap the style. Hence it seems to be like the style
> stuff is hardcoded to the #style message in the client class (my
> WATestComponent).

The code you posted above looks pretty hard coded to me.

> Any ideas? Is this a bug?
> I've tested with Squeak 3.8 and Firefox 1.5 and Opera 9. You can test with
> the attached .js

It would help if you could come up with a minimal demo of the problem.

> Greetings
>
>
> On 9/20/06, Philippe Marschall < philippe.marschall <at> gmail.com> wrote:
> >
> > 2006/9/20, Philippe Marschall < philippe.marschall <at> gmail.com>:
> > > 2006/9/20, Burella Juan M. <juan.burella <at> gmail.com>:
> > > > I want my page to be able to alternate between two stylesheets. You
> can read
> > > > the technique here:
> > > > http://www.alistapart.com/stories/alternate/
> > > >
> > > > and examples here: http://www.csszengarden.com/
> > > >
> > > > I've written this using XHTML/CSS and a Javascript styleswitcher (so
> it's
> > > > client side switching)  in the following way:
> > > >
> > > > <link rel="stylesheet" href="styles/bare.css" type="text/css"
> title="Bare"
> > > > media="screen, projection" />
> > > > <link rel="alternate stylesheet" href="styles/blue.css"
> type="text/css"
> > > > title="Blue" media="screen, projection" />
> > > > <script type="text/javascript"
> > > > src="styles/styleswitch.js"></script>
> > > >
> > > > does anybody knows how can (or at least the easiest way) achieve this
> in
> > > > Seaside?
> > > >
> > > > (I´m using Squeak with Seaside 2.61-mb8. I've seen an e-mail from Avi
> Bryant
> > > > from may 2004 but haven't found anything in the SqueakMap and Cincom
> Public
> > > > Repository, any idea?).
> > >
> > > Try the following, add these methods to WAHtmlRoot
> > >
> > > styleElementWithHref: anUrlString titled: aTitleString media:
> aMediaString
> > >         ^(self styleElementWithHref: anUrlString)
> > >                 attributeAt: 'title' put: aTitleString;
> > >                 attributeAt: 'media' put: aMediaString;
> > >                 yourself
> > >
> > > linkToStyle: url titled: aString media: aMediaString
> > >         self addHeadElement:
> > >                 (self
> > >                         styleElementWithHref: (self
> absoluteUrlForResource: url asString)
> > >                         titled: aString
> > >                          media: aMediaString)
> > >
> > > then in your root component class:
> > >
> > > updateRoot: anHtmlRoot
> > >         super updateRoot: anHtmlRoot.
> > >         anHtmlRoot linkToStyle: 'styles/bare.css' titled: 'Bare' media:
> > > 'screen, projection'.
> > >         anHtmlRoot linkToStyle: 'styles/blue.css' titled: 'Blue' media:
> > > 'screen, projection'.
> > >         anHtmlRoot linkToStyle: 'styles/styleswitch.js'
> >
> > The last line should of course read:
> >
> >          anHtmlRoot linkToScript: 'styles/styleswitch.js'
> >
> > Philippe
> > _______________________________________________
> > Seaside mailing list
> > 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
>
>
>
>
Philippe Marschall | 2 Oct 11:41 2006
Picon

about dispacher editor plugins

Hi

I saw the latest 2.6b1 have something calles dispatcher editor plugins.

Could you tell us what it is used for?

Cheers
Philippe
Philippe Marschall | 2 Oct 11:52 2006
Picon

Re: [ANN] Preview RSRSS

2006/9/27, David Shaffer <cdshaffer <at> acm.org>:
> Philippe Marschall wrote:
> >
> > This mail is basically to find out if there is any interest in this
> > kind of stuff.
> >
>
> Yes!  Cool stuff!

Now the complete RSS Documentation is added.
RRRssRenderCanvas has a class commet that outlines the structure of an
RSS document and each (ok almost) method in RRRssRenderCanvas that
creates a tag has as comment the documentation.

Also some missing options and tags were added.

Philippe
Philippe Marschall | 2 Oct 12:13 2006
Picon

Re: Multiple style sheets

Hi

See attached file for an example that works for me.

God damn WA(Rendered)HtmlRoot is such a piece of crap. Hack on top of
hack. Uglier than the night. Needs canvas now!

Philippe

2006/10/1, Burella Juan M. <juan.burella <at> gmail.com>:
> Philippe, thanks for your reply. I've downloaded the latest Seaside and
> tested your suggestion but the styles aren't swapped at all.
> If you look carefully, there's two values of the "rel" property:
>
> <link rel="stylesheet"  ...
> <link rel="alternate stylesheet" ...
>
> rel="stylesheet" it means to "default stylesheet"
> So I've added the following:
>
> addLinkToStyle: url titled: aString media: aMediaString
>
>         self addHeadElement:
>                 (self addStyleElementWithHref: (self absoluteUrlForResource:
> url asString)
>                       titled: aString
>                       media: aMediaString)
>
> addStyleElementWithHref: anUrlString titled: aTitleString media:
> aMediaString
>         ^(self styleElementWithHref: anUrlString)
>     attributeAt: 'rel' put: 'alternate stylesheet';
>                 attributeAt: 'title' put: aTitleString;
>                 attributeAt: 'media' put: aMediaString;
>                 yourself
>
> and finally in my WATestComponent
>
> updateRoot: aRoot
>     "Configure the receiver's meta-data'"
>
>    super updateRoot: aRoot.
>   aRoot addHeadElement:
>     ((WAHtmlElement named: 'meta')
>         attributeAt: 'author' put: '-';
>         attributeAt: 'description' put: '-';
>         attributeAt: 'content-type' put: 'text/html; charset=UTF-8'
>         yourself).
>    aRoot linkToStyle: 'template\styles\bare.css' titled: 'Bare' media:
> 'screen, projection'.
>    aRoot addLinkToStyle: 'template\styles\blue.css' titled: 'Blue' media:
> 'screen, projection'.
>     aRoot linkToScript: 'template\styles\styleswitch.js'
>
> It doesn't work. I've putted an alert() in the .js file and is showed when
> the page is rendered, but it seems the styles aren't read or parsed,
> although they both "<link rel=...>" specificationes appear in the head of
> the xhtml. Commenting out the super send doesn´t have any effect too.
> However, when I've defined the message #style
>
> style
>     | file |
>     file := (FileStream readOnlyFileNamed: 'template\styles\blue.css')
> ascii.
>     ^[file contents] ensure: [file close].
>
> the page is rendered with the blue.css style. But nothing happens when I
> clicked the link to swap the style. Hence it seems to be like the style
> stuff is hardcoded to the #style message in the client class (my
> WATestComponent). Any ideas? Is this a bug?
> I've tested with Squeak 3.8 and Firefox 1.5 and Opera 9. You can test with
> the attached .js
>
> Greetings
>
>
> On 9/20/06, Philippe Marschall < philippe.marschall <at> gmail.com> wrote:
> > 2006/9/20, Philippe Marschall < philippe.marschall <at> gmail.com>:
> > > 2006/9/20, Burella Juan M. <juan.burella <at> gmail.com>:
> > > > I want my page to be able to alternate between two stylesheets. You
> can read
> > > > the technique here:
> > > > http://www.alistapart.com/stories/alternate/
> > > >
> > > > and examples here: http://www.csszengarden.com/
> > > >
> > > > I've written this using XHTML/CSS and a Javascript styleswitcher (so
> it's
> > > > client side switching)  in the following way:
> > > >
> > > > <link rel="stylesheet" href="styles/bare.css" type="text/css"
> title="Bare"
> > > > media="screen, projection" />
> > > > <link rel="alternate stylesheet" href="styles/blue.css"
> type="text/css"
> > > > title="Blue" media="screen, projection" />
> > > > <script type="text/javascript"
> > > > src="styles/styleswitch.js"></script>
> > > >
> > > > does anybody knows how can (or at least the easiest way) achieve this
> in
> > > > Seaside?
> > > >
> > > > (I´m using Squeak with Seaside 2.61-mb8. I've seen an e-mail from Avi
> Bryant
> > > > from may 2004 but haven't found anything in the SqueakMap and Cincom
> Public
> > > > Repository, any idea?).
> > >
> > > Try the following, add these methods to WAHtmlRoot
> > >
> > > styleElementWithHref: anUrlString titled: aTitleString media:
> aMediaString
> > >         ^(self styleElementWithHref: anUrlString)
> > >                 attributeAt: 'title' put: aTitleString;
> > >                 attributeAt: 'media' put: aMediaString;
> > >                 yourself
> > >
> > > linkToStyle: url titled: aString media: aMediaString
> > >         self addHeadElement:
> > >                 (self
> > >                         styleElementWithHref: (self
> absoluteUrlForResource: url asString)
> > >                         titled: aString
> > >                          media: aMediaString)
> > >
> > > then in your root component class:
> > >
> > > updateRoot: anHtmlRoot
> > >         super updateRoot: anHtmlRoot.
> > >         anHtmlRoot linkToStyle: 'styles/bare.css' titled: 'Bare' media:
> > > 'screen, projection'.
> > >         anHtmlRoot linkToStyle: 'styles/blue.css' titled: 'Blue' media:
> > > 'screen, projection'.
> > >         anHtmlRoot linkToStyle: 'styles/styleswitch.js'
> >
> > The last line should of course read:
> >
> >          anHtmlRoot linkToScript: 'styles/styleswitch.js'
> >
> > Philippe
> > _______________________________________________
> > Seaside mailing list
> > 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
>
>
>
>
Attachment (StyleDemo-pmm.1.mcz): application/octet-stream, 2151 bytes
_______________________________________________
Seaside mailing list
Seaside <at> lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Bany, Michel | 2 Oct 12:20 2006

RE: about dispacher editor plugins

> I saw the latest 2.6b1 have something calles dispatcher 
> editor plugins.
> 
> Could you tell us what it is used for?

This is used to easily integrate David Shaffer's SeasideTesting
extensions without overriding any Seaside code. (one additional
icon in the halo and one additional link in the config app).

HTH
Michel.
Bany, Michel | 2 Oct 12:25 2006

RE: Authentication in Seaside

Hi Humber,

Hi Seasiders! I have a little question about a way  to do some authentication in Seaside. I looked the configuration page and I found an Auth decoration. I give it a try but it gave me ´an all or nothing´ solution. To access the whole application I have to enter the user name and password just like the Seaside configuration.

I need to give some access to, for example, an admin user type and restrict others (student users). Lets say the application needs to have three types of users. Admins with all the privileges, students with some privileges but restrict others, and a normal user as a simple viewer (he/she can't change a thing).

Is there a recipe or some guidelines to make this in a simple and elegant way, perhaps with decoration I think? I´m a little lost here. 

We have done that by subclassing the root component. The root component is for the admin user. One of the subclass is for the teachers, another subclass for the students, etc. This allows us to provide differences in behavior for different user types.

HTH

Michel.

_______________________________________________
Seaside mailing list
Seaside <at> lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Dario Trussardi | 2 Oct 14:37 2006
Picon

Call javascript function from subClass of SUComponent

Hi All,
 
i have one file named  utility.js with  this javascript function:
 
function tableruler() {
  if (document.getElementById && document.createTextNode) {
    var tables=document.getElementsByTagName('table');
    for (var i=0;i<tables.length;i++)
    {
      if(tables[i].className=='ruler') {
        var trs=tables[i].getElementsByTagName('tr');
        for(var j=0;j<trs.length;j++)
        {
          if(trs[j].parentNode.nodeName=='TBODY') {
            trs[j].onmouseover=function(){this.className='ruled';return false}
            trs[j].onmouseout=function(){this.className='';return false}
          }
        }
      }
    }
  }
}
window.onload=function(){tableruler();}
 
 
 This function mark the row of one table when onmouseover on the row.
 
When is call the function from html file esempio.html all work fine.
 
esempio.html is :
 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
 
 <title>Tabelle con onmouseover - Esempio JavaScript scaricato da HTML.it</title>
 
 <script type="text/javascript" src="utility.js"><!--// ajax utility //--></script>
 
<style type="text/css">
<!--
#demo tr.ruled {
  background:#9cf;
}
-->
</style>

</head>
<body >
<br /><br />
<div align="center">

Passa con il mouse sulla tabella<br><br>
 
<table id="demo" class="ruler" cellpadding="5" style="border:solid 1px #000">
<tr>
<td>Testo 1</td><td>Testo 2</td>
</tr>
<tr>
<td>Testo 3</td><td>Testo 4</td>
</tr>
<tr>
<td>Testo 5</td><td>Testo 6</td>
</tr>
</table>
</div>
<br /><br /><br /><br /><br /><br />
</body>
</html>
 
 
I'm interesting to do it from SUComponent subClass TabellaTest where i'have defined the method:
 
updateRoot: aHtmlRoot
 super updateRoot: aHtmlRoot.
 
     aHtmlRoot
      title: 'dtr';
      linkToStyle: (self resources addToPath: 'cursor.css').
 
     aHtmlRoot  linkToScript: (self resources addToPath: 'utility.js' ).
 
and where  the renderContentOn: t1 method is:
 
renderContentOn: t1
 t1 heading: 'My friends' level: 1.
 
  t1 table id: 'demo';  class: 'ruler'; style: 'border:solid 5px #000'; attributeAt: #cellpadding put:'15';  with:[
          self renderDatabaseRowsOn: t1].
         
   t1 horizontalRule.
  
The rendering work fine but the selection row when onmouseover d'ont work.
 
 
What i'have wrong ?
 

Any pointers would be greatly appreciated!

Thanks!

Dario Trussardi
 
 
_______________________________________________
Seaside mailing list
Seaside <at> lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Lukas Renggli | 2 Oct 15:02 2006
Picon

Re: Call javascript function from subClass of SUComponent

> What i'have wrong ?
>
> Any pointers would be greatly appreciated!

Are you using FireFox with the FireBug extension loaded? What does it say?

Lukas

--

-- 
Lukas Renggli
http://www.lukas-renggli.ch
Philippe Marschall | 2 Oct 15:14 2006
Picon

Re: Call javascript function from subClass of SUComponent

2006/10/2, Dario Trussardi <dtrussardi <at> tiscali.it>:
>
>
>
>
> Hi All,
>
> i have one file named  utility.js with  this javascript function:
>
> function tableruler() {
>   if (document.getElementById && document.createTextNode) {
>     var tables=document.getElementsByTagName('table');
>     for (var i=0;i<tables.length;i++)
>     {
>       if(tables[i].className=='ruler') {
>         var trs=tables[i].getElementsByTagName('tr');
>         for(var j=0;j<trs.length;j++)
>         {
>           if(trs[j].parentNode.nodeName=='TBODY') {
>             trs[j].onmouseover=function(){this.className='ruled';return
> false}
>             trs[j].onmouseout=function(){this.className='';return false}
>           }
>         }
>       }
>     }
>   }
> }
> window.onload=function(){tableruler();}
>
>
>  This function mark the row of one table when onmouseover on the row.
>
> When is call the function from html file esempio.html all work fine.
>
> esempio.html is :
>
>     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
> <head>
>
>  <title>Tabelle con onmouseover - Esempio JavaScript scaricato da
> HTML.it</title>
>
>  <script type="text/javascript" src="utility.js"><!--// ajax utility
> //--></script>
>
> <style type="text/css">
> <!--
> #demo tr.ruled {
>   background:#9cf;
> }
> -->
> </style>
>
> </head>
> <body >
> <br /><br />
> <div align="center">
>
> Passa con il mouse sulla tabella<br><br>
>
> <table id="demo" class="ruler" cellpadding="5" style="border:solid 1px
> #000">
> <tr>
> <td>Testo 1</td><td>Testo 2</td>
> </tr>
> <tr>
> <td>Testo 3</td><td>Testo 4</td>
> </tr>
> <tr>
> <td>Testo 5</td><td>Testo 6</td>
> </tr>
> </table>
> </div>
> <br /><br /><br /><br /><br /><br />
> </body>
> </html>
>
>
> I'm interesting to do it from SUComponent subClass TabellaTest where i'have
> defined the method:
>
> updateRoot: aHtmlRoot
>  super updateRoot: aHtmlRoot.
>
>      aHtmlRoot
>       title: 'dtr';
>       linkToStyle: (self resources addToPath: 'cursor.css').
>
>      aHtmlRoot  linkToScript: (self resources addToPath: 'utility.js' ).
>
> and where  the renderContentOn: t1 method is:
>
> renderContentOn: t1
>  t1 heading: 'My friends' level: 1.
>
>   t1 table id: 'demo';  class: 'ruler'; style: 'border:solid 5px #000';
> attributeAt: #cellpadding put:'15';  with:[
>           self renderDatabaseRowsOn: t1].
>
>    t1 horizontalRule.
>
> The rendering work fine but the selection row when onmouseover d'ont work.
>
>
> What i'have wrong ?
>
>
>
> Any pointers would be greatly appreciated!

You said it's a sublcass of of SUComponent? Does this mean that it's
inserted with some kind of liveUpdate/ajax functionality and not
present on the initial page load?

If so this is you problem because you call tableruler() only on page
load and not when something is added after that with JavaScript.

A hack for that would be to add
html script: 'tableruler()'
after you render the table. A better way you probably be the use of CSS.

Is there a reason you name the canvas argument t1? This looks very wrong.

And please stop using html in mails.

Philippe

Gmane