Databases
StackOverflow2013
Postsdbo
POHow to resize a div, within a parent-div, with parentdiv also resizing?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
    primarykey
    data
    text
    <p>I'm fairly new to jQuery, but I like it a lot! Thumbs up to the developers! :)</p> <p>My question is about the resizable function. The situation is as follows:</p> <p>I have a div (parent-div), and within I have 5 other divs (directly next to each other, let's call them div-a through div-e). The parent-div represents a timespan (the longer it is, the more time it represents), and the five childrendiv's represent the five stages within that timespan.</p> <p>Now, I want to be able to resize (let's say) child-div-c (the fase it represents takes more time). The div's D and E must shift to the left while i resize C, because their fases are just happening later, not shorter or longer. The parent-div must resize as well when i'm resizing C, because the total timespan will be longer.</p> <p>I hope this is clear. The questions are:</p> <p>How to move divs next to the resized div? How to resize the parent div?</p> <p>I am aware of the $(".selector).resizable ({}) event, and I got that working. But when I have 2 div's next to eachother, and I'm resizing one of them, it's not moving allong.</p> <p>Thanks in advance!</p> <p>EDIT: Despite this question was downvoted, I have the answer found and made a JSfiddle. See my comment on the accepted answer.</p> <p>The answer to my second question was this:</p> <pre><code>$(".selector").resizable( { resize: function(event, ui) { var widthTotal = 0; $(".travelcontainer &gt; .travelfase").each(function(index, element) { widthTotal = $(this).innerWidth() + widthTotal; }); }); </code></pre> <p>Hope this will help someone else as well :)</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDjerro Neth
    1. USDjerro Neth
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. This table or related slice is empty.
      1. VTDownMod
    3. VO
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI believe using `width:100%` might help.
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. USTarik
    2. COI think this was a pretty good question and was pretty complex for someone new to jQuery. He clearly demonstrated that he had thought this question through, was polite and thanked people for helping ahead of time, and, as he is new to jQuery, this is a pretty advanced project. I do not understand how or why people would give this question a downgrade, especially since this user is so new to SO.
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. USZachary Kniebel
    3. CO@DorianGray: Which div should have that property in their css?
      singulars
      1. POHow to resize a div, within a parent-div, with parentdiv also resizing?
      1. USDjerro Neth
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload