Менять ширину одного блока при изменении другого

[Torawhite]

Нужно менять ширину блока 

.middle

в зависимости от ширины блока 

.right

. Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно (отслеживал ширину правого блока и менял ширину среднего блока). Не могу понять, как сюда

.on()

прикрутить. Вот пример

[Igor Schnaider]

$(window).resize(function() {

// your code here

});

[Torawhite]

  On 11/13/2015 at 12:59 PM, Igor Schnaider said:

$(window).resize(function() {    // your code here});

Спасибо, но это выполнение кода при изменении окна браузера, а мне нужно при изменении ширины правого блока

[Igor Schnaider]

  On 11/13/2015 at 1:05 PM, Torawhite said:

 

  On 11/13/2015 at 12:59 PM, Igor Schnaider said:

$(window).resize(function() {    // your code here});

Спасибо, но это выполнение кода при изменении окна браузера, а мне нужно при изменении ширины правого блока

 

Вы в первом сообщении написали просто

  Quote

 

Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно

Тогда не совсем понятно, что вы хотите.

[Torawhite]

  On 11/13/2015 at 1:18 PM, Igor Schnaider said:

 

  On 11/13/2015 at 1:05 PM, Torawhite said:

 

  On 11/13/2015 at 12:59 PM, Igor Schnaider said:

$(window).resize(function() {    // your code here});

Спасибо, но это выполнение кода при изменении окна браузера, а мне нужно при изменении ширины правого блока

 

Вы в первом сообщении написали просто

  Quote

 

Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно

Тогда не совсем понятно, что вы хотите.

 

Есть три блока. Ширина левого не меняется. Ширина среднего по умолчанию фиксированная. Ширина правого меняется. Нужно, чтобы правый блок при расширении сжимал (изменял ширину) средний блок. Вот и всё

[user89]

А может табличная вёрстка или div c display = tabel/table-cell ?

[Torawhite]

  On 11/13/2015 at 1:32 PM, user89 said:

А может табличная вёрстка или div c display = tabel/table-cell ?

Табличная не подходит

[Igor Schnaider]

  On 11/13/2015 at 1:28 PM, Torawhite said:

Есть три блока. Ширина левого не меняется. Ширина среднего по умолчанию фиксированная. Ширина правого меняется. Нужно, чтобы правый блок при расширении сжимал (изменял ширину) средний блок. Вот и всё

А, то есть он динамически меняется. Тогда, если вариант с таблицами не подходит (или flexbox), нужен именно JS, можно попробовать периодически отслеживать размер (setInterval). А если вы контролируете сам процесс изменения размера правого блока, тогда на него и вешайте обработчик.

Но лучше, конечно, таблицами/флэксами сделать.

[user89]

  On 11/13/2015 at 1:44 PM, Torawhite said:

Табличная не подходит

А почему нельзя div c display = tabel/table-cell ?  Препод не разрешает? 

 

Можно на правый блок повесить обработчик

rightDiv.addEventListener("resize", функцияМеняющаяРазмерЦентральногоБлока);

Edited November 13, 2015 by user89

[Torawhite]

  On 11/13/2015 at 2:18 PM, user89 said:

 

  On 11/13/2015 at 1:44 PM, Torawhite said:

Табличная не подходит

 

А почему нельзя div c display = tabel/table-cell ?

 

Тогда блоки будут постоянно прилипшие друг к другу, а мне нужно чтобы правый блок прилипал к центральному и толкал его только при определенной ширине. Вот рисунок

[Sensei]

Так? http://jsfiddle.net/rgv9n1k4/

[Torawhite]

  On 11/13/2015 at 3:26 PM, Sensei said:

Так? http://jsfiddle.net/rgv9n1k4/

Спасибо, смахивает на правду. Только у меня не выходит - выставляет ширину блока среднего 690рх. Может, из-за фиксированной обёртки

[user89]

Да вроде нормально с фиксированной обёрткой http://jsfiddle.net/rgv9n1k4/5/

На весь экран https://jsfiddle.net/rgv9n1k4/5/embedded/result/

Edited November 13, 2015 by user89

[Torawhite]

  On 11/13/2015 at 4:03 PM, user89 said:

Да вроде нормально с фиксированной обёрткой http://jsfiddle.net/rgv9n1k4/5/

На весь экран https://jsfiddle.net/rgv9n1k4/5/embedded/result/

Верно. Но у меня вытесняет правый блок и всё тут. Не могу понять, почему. Он как-то интересно встаёт - float: right, но он стоит с отступом в один пиксель от правого края, а отступом никаких не выставлено

[Sensei]

Покажите ваш код.

[Torawhite]

  On 11/13/2015 at 4:32 PM, Sensei said:

Покажите ваш код.

Проще будет дать ссылку и фаербагом посмотреть - в хедере блок с меню и поиском. Правый блок не влазит. Ссылка

[Igor Schnaider]

  On 11/13/2015 at 4:40 PM, Torawhite said:

 

  On 11/13/2015 at 4:32 PM, Sensei said:

Покажите ваш код.

Проще будет дать ссылку и фаербагом посмотреть - в хедере блок с меню и поиском. Правый блок не влазит. Ссылка

 

Местами поменяйте: сначала .right_menu_wrap, потом .search_box

[Torawhite]

  On 11/13/2015 at 4:45 PM, Igor Schnaider said:

 

  On 11/13/2015 at 4:40 PM, Torawhite said:

 

  On 11/13/2015 at 4:32 PM, Sensei said:

Покажите ваш код.

Проще будет дать ссылку и фаербагом посмотреть - в хедере блок с меню и поиском. Правый блок не влазит. Ссылка

 

Местами поменяйте: сначала .right_menu_wrap, потом .search_box

 

Igor Schnaider, Sensei, спасибо Вам огромное! Таких простых вещей и не знаю... Всё работает!