I removed last message, cause it wasn't a right description of my problem!
Wow, that was a really simple solution! Costed me hours with no solution at all. Thank you Jorn, it works, at least, all the divs are resizing together now. but it is like sience now, solving a problem, returns a new problem..... The grid is set on 50, but this only counts for the resizing div, not for the alsoResizing divs? So the border structure becomes ugly, while it only should be resized with a grid of 50 too. I myself can't imagine how to solve this? So maybe you have another "Wow!" solution? On 19 aug, 09:35, Jörn Zaefferer <[email protected]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
