Re: Multiple style sheets

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

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
>
>
>
>

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

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

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
>
>
>
>

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

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.

RE: Authentication in Seaside

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

Call javascript function from subClass of SUComponent

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

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

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