[Seaside] Read the DIV dimensions from the browser

[Johan Brichau]

Maarten,

Very good suggestion, but Seaside has nothing to do with a css-tool like Stylizer.
The halos tool in Seaside is to show you where your Seaside components are. It's not about showing you which css is applied.

Before you buy this tool, you may also want to take a look at the developer tools in Chrome.

cheers
Johan

On 04 Jan 2014, at 16:19, Maarten MOSTERT <maarten.mostert at wanadoo.fr> wrote:

> I don't now about you guys, but I never managed to understand much from CSS and never liked the Halos tool.
> 
> Lately however I discovered Stylizer.  http://www.skybound.ca/ which seems good and very dynamic in evreything where Seaside is bad and totally static.
> 
> Allthough I am a dummy in webdevelopement, I actually managed to use a style sheet I bought on the web (http://www.4templates.com/website-templates/749699735-WT00897/#orange), understand how it works and simply use it (http://stakepoint.com/) . 
> 
> I would say try Stylizer if you don't use it yet, it will indicate you which div is used where and how, without overloading your neurons.
> 
>  
> My 2 cts,
> 
>  
> @+Maarten,
> 
>  
> > Message du 04/01/14 14:53
> > De : "dtrussardi at tiscali.it" 
> > A : "Seaside - general discussion" 
> > Copie à : 
> > Objet : Re: [Seaside] Read the DIV dimensions from the browser
> > 
> > Ciao,
> > 
> > > The resize event only works on the window [1].
> > > How are you changing the size of that div? 
> > 
> > For what DIV i define the CSS property resize:both;
> > 
> > With this setting the browser display a div with a 'down right anchor' for drag and change the div dimensions.
> > 
> > 
> > It work fine, in the sense what the dimension of the div change in the browser.
> > 
> > My problem is to read the new dimensions after change it with the div browser drag.
> > 
> > Dario
> > 
> > > 
> > > [1] http://api.jquery.com/resize/
> > > 
> > > On 04 Jan 2014, at 14:33, dtrussardi at tiscali.it wrote:
> > > 
> > >> Hi,
> > >> 
> > >> i need to read the dimensions of a specific div after change the size with the browser "anchor".
> > >> 
> > >> I define:
> > >> 
> > >> html div class: 'topSide';
> > >> onResize: (html jQuery ajax
> > >> callback: [ :x | x inspect ]
> > >> value: (html jQuery this width)); 
> > >> 
> > >> 
> > >> but no callback event is trigger when i 'drag' the div.
> > >> 
> > >> 
> > >> With onClick :
> > >> 
> > >> html div class: 'topSide';
> > >> onClick: (html jQuery ajax
> > >> callback: [ :x | x inspect ]
> > >> value: (html jQuery this width)); 
> > >> 
> > >> 
> > >> 
> > >> the callback is trigger and the right width is read.
> > >> 
> > >> 
> > >> Suggestion about it ?
> > >> 
> > >> 
> > >> Thanks, 
> > >> 
> > >> Dario
> > >> 
> > >> 
> > >> 
> > >> 
> > >> _______________________________________________
> > >> 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
> >
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside