Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   resize содержимого div при его вырезании в другой div (https://javascript.ru/forum/misc/47733-resize-soderzhimogo-div-pri-ego-vyrezanii-v-drugojj-div.html)

yriiarutiunian 05.06.2014 10:58

resize содержимого div при его вырезании в другой div
 
Здравствуйте,
У меня такая проблема: надо вырезать содержимое некоторого div размерами 100х100 ( условно говоря ), и вставить его в другое место DOM в блок размерами 300х300 ( условно говоря ). Но мне надо вырезать и подогнать под новый размер содержимое вырезаемого div'а. Например в нем находилась таблица и мне её надо вырезав растянуть в новом блоке. Подскажите как сделать? Спасибо

BETEPAH 05.06.2014 11:11

div по своей натуре растягивается на всю ширину, если его искусственно не ограничивать.

Александр222 05.06.2014 11:14

Например добавить класс на
Цитата:

div размерами 100х100
, и на родителя блока в который вставляете див.
Написать в css стили на ширину/высоту от родителя на
Цитата:

div размерами 100х100
.
Этот вариант подходит?

yriiarutiunian 05.06.2014 14:22

По идее не подходит если я правильно понял, давайте я поясню подробнее:
Структура блока такая:
<div class="w" style="position: relative; float: left; width: 50%; height: 100%;">

  <div class="window" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;">

    <div class="head" style="position: relative; height: 27px;">
    </div>

    <div class="block" style="position: absolute; top: 27px;">
    </div>

  </div>

</div>


По клику на div.head я вырезаю все из div.w, тоесть делаю:
var buf = $( 'div.w' ).find( '.window' );
  $( 'div.w' ).find( '.window' ).remove();


После этого создаю блок div и пихаю его в body:
var FullScreen = $( '<div/>' );
FullScreen.attr( 'id', 'block-full-screen' );
FullScreen.css({
  position: 'absolute',
  left: '5px',
  top: '5px',
  right: '5px',
  bottom: '5px',
  zIndex: 1001,
  display: 'none'
});
FullScreen.html( bufHtml );
FullScreen.appendTo( $( document.body ) );


В bufHtml сохранено div.window. Отображаемое нужное содержимое лежит в div.block. Если там была таблица подогнанная скажем под размер div 50% х 100% то после вырезания и добавление в блок fullScreen она так и отображается на свою ширину и высоту. Если я скажем окно браузера слегка сверну и разверну, то таблица ресайзится на весь fullScreen.

BETEPAH 05.06.2014 16:12

http://learn.javascript.ru/play
сделайте пример

yriiarutiunian 06.06.2014 08:54

Пока готовил Вам пример, понял проблема была в используемых мною фреймворках, один из них рисовал таблицу в блоке задаваемом мною как резиновый таким образом что при отрисовки вычислял в пикселях ширину и высоту и вставлял её в блок. А так впринципи да если я вырезаю резиновый блок и вставляю в другой на весь экран то он растягивается. Спасибо!!!


Часовой пояс GMT +3, время: 09:48.