|
Высчитывание ширины столбца
|
|
| neonweb | Дата: 14 Апреля 2010, 21:55 | Сообщение # 1 |  ● ● ● ● ● 352 сообщения Статус: Offline | как мне написать такое уравнение на js или jq: ширина id1(500px) = ширина id2(700px) - ширина id3(150px) - ширина id4(50px) ? В "(скобках)" написал просто для примера что должно с размерами получиться. | | |
|
| Severus | Отредактировал Severus - Среда, 14 Апреля 2010, 22:26 Дата: 14 Апреля 2010, 22:22 | Сообщение # 2 | ● ● ● ● ● 972 сообщения Статус: Offline | Если я правильно понял
Code document.getElementById('id1').style.width = parseInt(document.getElementById('id2').style.width) - parseInt(document.getElementById('id3').style.width) - parseInt(document.getElementById('id4').style.width) + "px"; | | |
|
| SawDustLedi | Дата: 14 Апреля 2010, 22:29 | Сообщение # 3 |  ● ● ● ● ● 367 сообщений Статус: Offline | neonweb, width  | | |
|
| SawDustLedi | Дата: 14 Апреля 2010, 22:50 | Сообщение # 4 | ● ● ● ● ● 367 сообщений Статус: Offline | neonweb, style.width | | |
|
| cucYa | Дата: 14 Апреля 2010, 22:56 | Сообщение # 5 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code <div id="id1"></div> <div id="id2" style="width:700px"></div> <div id="id3" style="width:150px"></div> <div id="id4" style="width:50px"></div> <script type="text/javascript"> for (var a = 0, i = 3; i < 5; i++) a += document.getElementById('id' + i).offsetWidth; document.getElementById('id1').style.width = document.getElementById('id2').offsetWidth - a + 'px'; </script> | | |
|
| neonweb | Дата: 14 Апреля 2010, 23:05 | Сообщение # 6 | ● ● ● ● ● 352 сообщения Статус: Offline | Code <div id="id1"></div> <div id="id2" style="width:700px"></div> <div id="id3" style="width:150px"></div> <div id="id4" style="width:50px"></div> <script type="text/javascript"> for (var a = 0, i = 3; i < 5; i++) a += document.getElementById('id' + i).offsetWidth; document.getElementById('id1').style.width = document.getElementById('id2').offsetWidth - a + 'px'; </script>
Все хорошо, но ширина у всех элементов не фиксированная а динамическая, Severus правильно в моем случае написал? | | |
|
| cucYa | Дата: 14 Апреля 2010, 23:11 | Сообщение # 7 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | neonweb, что показали в примере, то и получили.Добавлено (14 Апрель 2010, 23:11)
---------------------------------------------
К тому же разницы нет какая длина, хоть в % укажите. | | |
|
| Severus | Дата: 14 Апреля 2010, 23:14 | Сообщение # 8 | ● ● ● ● ● 972 сообщения Статус: Offline | Severus правильно в моем случае написал?
ну проверь... | | |
|
| cucYa | Отредактировал cucYa - Среда, 14 Апреля 2010, 23:20 Дата: 14 Апреля 2010, 23:16 | Сообщение # 9 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code for(var a=0,b='offsetWidth',c=document,i=3;i<5;i++){a+=c.getElementById("id"+i)[b]}c.getElementById("id1").style.width=c.getElementById("id2")[b]-a+"px";
Мой вариант оптимальней.
Code document.getElementById("id1").style.width=parseInt(document.getElementById("id2").style.width)-parseInt(document.getElementById("id3").styl e.width)-parseInt(document.getElementById("id4").style.width)+"px"; | | |
|
