I found this: http://dev.jqueryui.com/ticket/4666
but i do not know if this is applicable to my problem and..... i really do not understand this kind of code:( On 18 aug, 22:28, Terradon <[email protected]> wrote: > Hi, i have isolated the problem to 1 page now. > > http://www.helena-schaken.nl/V34/testbord.php > > When in a game, the red field in the middle is the place where the > game will be placed. (works) > because this is an isolated page, no game is visible now. > > The borderpart does not resize, rest should only resize with grid = 50 > and aspectratio = true. > Nevertheless, i can resize like aspectRatio = false? > > Thanks for taking a look at it. > > On 18 aug, 21:43, Jörn Zaefferer <[email protected]> > wrote: > > > Can you provide a testpage? Its a little to complex to debug with just > > the excerpt you posted. > > > Jörn > > > On Tue, Aug 18, 2009 at 8:36 PM, > > > [email protected]<[email protected]> wrote: > > > > Hi all, > > > i have several nested div sections, used for border effects for a > > > square game board. This game board is resizable. > > > The outer div is resizable, all others should resize too when resizing > > > the outer div. > > > But not all nested div's are resizing too? > > > > I have used the next code: > > > > <!-- > > > used divs in following order > > > <div id="bordwrapper"> > > > <div id="bordContainer"> > > > <div id="buitenrand"> > > > <div id="middenrand"> > > > <div id="binnenrand"> > > > <div id="bordframe"> > > > --> > > > <script type="text/javascript"> > > > $(function() { > > > $("#bordwrapper").resizable({ > > > alsoResize: '#bordContainer', > > > alsoResize: '#buitenrand', > > > alsoResize: '#middenrand', > > > alsoResize: '#binnenrand', > > > alsoResize: '#bordframe', > > > maxHeight: 550, > > > maxWidth: 550, > > > minHeight: 300, > > > minWidth: 300, > > > aspectRatio: true, > > > grid: 50, > > > stop: function(event, ui) { > > > // square image, so just one size needed > > > var newWidth = $(this).width(); > > > //use the image with right size, grid = > > > 50....; > > > $(this).css({'background-image' : > > > 'url(images/bord/bg' + newWidth > > > + '.png)'}); > > > //test: not working > > > //$("buitenrand") .css("width","385"); > > > > }// end event ui > > > }); > > > }); > > > > </script> > > > > First i was thinking to change the css of nested div's, but i cant get > > > that working too... > > > The only thing what really works, is changing the background image for > > > the right one, after resizing. > > > > Please, help is really appreciated! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
