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

[Torawhite]

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

.middle

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

.right

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

.on()

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

[Igor Schnaider]

$(window).resize(function() {

// your code here

});

[Torawhite]

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

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

[Igor Schnaider]

 

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

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

 

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

 

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

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

[Torawhite]

 

 

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

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

 

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

 

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

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

 

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

[user89]

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

[Torawhite]

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

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

[Igor Schnaider]

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

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

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

[user89]

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

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

 

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

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

Edited November 13, 2015 by user89

[Torawhite]

 

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

 

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

 

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

[Sensei]

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

[Torawhite]

Так? 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]

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

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

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

[Sensei]

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

[Torawhite]

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

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

[Igor Schnaider]

 

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

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

 

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

[Torawhite]

 

 

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

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

 

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

 

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