1. Domain - 09 Апреля, 2010 - 16:21:50 - перейти к сообщению
Подскажите пожайлуста JS для изменения одного блока относительно другого
2. Тоха - 09 Апреля, 2010 - 16:31:51 - перейти к сообщению
например?
3. JustUserR - 09 Апреля, 2010 - 17:12:11 - перейти к сообщению
Domain пишет:
Если вы имеете в виду позиционирование - то если они позиционированы абсолютно то просто поменять местами их координаты - если относительно то еще проставить соответствующие float и отступы друг от другаПодскажите пожайлуста JS для изменения одного блока относительно другого
В общем можно поменять блоки местами за счет их вырезки из родительского блока за счет копирования и removeChild и последующей вставки в обработном порядке appendChild
4. Domain - 09 Апреля, 2010 - 17:15:42 - перейти к сообщению
Извеняюсь, очень туманно написал.
Я хотел сказать при высоте блока класса content, блок класса bg меняет свою высоту как height(bg) = height(content) - 400px;
Я хотел сказать при высоте блока класса content, блок класса bg меняет свою высоту как height(bg) = height(content) - 400px;
5. JustUserR - 09 Апреля, 2010 - 19:39:32 - перейти к сообщению
Domain пишет:
Если один находится внутри другого и позиционирование относительное то он сам будет менят свою высоту при правильной привязке Иначе просто с помощью JS рассчитываете текущую высоту блока и для него меняете высоту соответсвующего блока - это можно автоматизировать с помощью CSS-функции expression
Извеняюсь, очень туманно написал.
Я хотел сказать при высоте блока класса content, блок класса bg меняет свою высоту как height(bg) = height(content) - 400px;
Я хотел сказать при высоте блока класса content, блок класса bg меняет свою высоту как height(bg) = height(content) - 400px;
6. Domain - 09 Апреля, 2010 - 19:51:36 - перейти к сообщению
Да нет они не находятся друг в друге.
Мне нужен JS.
Дайте пример как это пишется.
Пытался мудрить чтото вроде этого
function bgcontent(){
var nodes = document.getElementById("content");
document.getElementByClass("bg").style.height = nodes.offsetHeight- 400 + "px";
}
bgcontent();
неработает
Мне нужен JS.
Дайте пример как это пишется.
Пытался мудрить чтото вроде этого
function bgcontent(){
var nodes = document.getElementById("content");
document.getElementByClass("bg").style.height = nodes.offsetHeight- 400 + "px";
}
bgcontent();
неработает
7. Domain - 10 Апреля, 2010 - 12:05:27 - перейти к сообщению
Domain пишет:
Да нет они не находятся друг в друге.
Мне нужен JS.
Дайте пример как это пишется.
Пытался мудрить чтото вроде этого
function bgcontent(){
var nodes = document.getElementById("content");
document.getElementByClass("bg").style.height = nodes.offsetHeight- 400 + "px";
}
bgcontent();
неработает
Мне нужен JS.
Дайте пример как это пишется.
Пытался мудрить чтото вроде этого
function bgcontent(){
var nodes = document.getElementById("content");
document.getElementByClass("bg").style.height = nodes.offsetHeight- 400 + "px";
}
bgcontent();
неработает
Необходимый скрипт:
document.getElementById('bg-repeat-content').style.height = document.getElementById('content').offsetHeight - 1082 + "px";
п.с. Я так понял, чтолибо спрашивать на этом форуме уже бесполезно.
8. JustUserR - 10 Апреля, 2010 - 14:21:23 - перейти к сообщению
Domain пишет:
Тут не особенно принципиально находятся ли они друг в друге или нет - это было бы принципиально при решении данной задачи в чистом CSS Как я понял у вас есть два div-блока и надо чтобы при изменении высоты одного (Например вставки в него текста) изменялся размер и другого блока - для этого в CSS-стиль второго блока можете вставить метод expresion который будет выполнять необходимый пересчет - только лучше использовать currentStyle и runtimeStyle чтобы не выполнялись лишнее операции
Да нет они не находятся друг в друге. Мне нужен JS.
9. Domain - 10 Апреля, 2010 - 22:52:07 - перейти к сообщению
Всетаки в большей мере решилось в CSS
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <style type="text/css">
- .carrier {
- position: relative;
- background: aliceblue;
- font: normal normal normal 18px/normal 'Myriad Pro', 'Trebuchet MS', sans-serif;
- }
- .bg {
- position: absolute;
- top: 20px;
- right: 20px;
- left: 20px;
- bottom: 20px;
- background: yellow;
- }
- .cnt {
- position: relative;
- }
- </style>
- <div class="carrier">
- <div class="bg"></div>
- <div class="cnt">
- <p>Do the impossible See the invisible Row-row, fight the powah!</p>
- <p>Touch the untouchable Break the unbreakable Row-row, fight the powah!</p>
- </div>
- </div>
Неработает только в И6, для него JS
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- document.getElementById('bg-repeat-content').style.height = document.getElementById('content').offsetHeight - 1082 + "px";