Read the DIV dimensions from the browser
Locked
Read the DIV dimensions from the browser
 
|
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 [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: Read the DIV dimensions from the browser
|
|
The resize event only works on the window [1].
How are you changing the size of that div? [1] http://api.jquery.com/resize/ On 04 Jan 2014, at 14:33, [hidden email] 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 > [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 |
Re: 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, [hidden email] 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 >> [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 _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: Read the DIV dimensions from the browser
|
|
Yes, this is where jQuery falls short.
jQuery++ [1] offers a solution. I'm using jQuery++ for delegated drag/drop events but I have no Seaside binding yet for this library. But is quite easy to include in your project. Johan [1] http://jquerypp.com/#resize On 04 Jan 2014, at 14:53, [hidden email] wrote: > 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, [hidden email] 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 >>> [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 > > _______________________________________________ > 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 |
Re: Read the DIV dimensions from the browser
|
|
In reply to this post by dtrussardi@tiscali.it
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 |
Re: Read the DIV dimensions from the browser
|
|
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 <[hidden email]> 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 : "[hidden email]" > > 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, [hidden email] 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 > > >> [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 > > > > _______________________________________________ > > 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 _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
«
Return to Seaside General
|
1 view|%1 views
| Free forum by Nabble | Edit this page |