The problem is that you specify alosResize multiple times, resulting only the last one to be resized. You have to put those into one selector: alsoResize: "#id, #id2, #idn"
Jörn On Wed, Aug 19, 2009 at 1:31 AM, Terradon<[email protected]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
