Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Доработать и исправить скрипт (https://javascript.ru/forum/misc/78531-dorabotat-i-ispravit-skript.html)

Блондинка 30.09.2019 11:03

Rise,
вот решение 'на бумажке'
<!DOCTYPE html>
<head lang="ru">
<meta charset="utf-8">
<title></title>
<style>
td { border: 1px solid #000; height: 100px; margin: 1px; }
</style>
</head>
<body>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td></tr></table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td></tr></table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td></tr></table></div>
<br>
если в строке (tr) 5 ячеек, то td id=week-day 62px, остальные ячейки 62px<br>
если в строке (tr) 5 ячеек, то td id=week-day 62px, остальные ячейки 48px<br>
если в строке (tr) 7 ячеек, то td id=week-day 62px, остальные ячейки 39px
</body>
</html>


Надо на js узнать количество ячеек в строке и присвоить нужную ширину ячейкам

laimas 30.09.2019 11:19

А не проще ли использовать сетку, конечно если браузер ваш ее поддерживает.

Блондинка 30.09.2019 11:23

laimas,
флексбокс? всё равно будут какие-то пиксели прыгать, а тут всё высчитано до пиксели, всё идеально...

laimas 30.09.2019 11:56

Цитата:

Сообщение от Блондинка
флексбокс?

Разве в ссылке о нем?

Блондинка 30.09.2019 13:10

Цитата:

Сообщение от laimas (Сообщение 513338)
А не проще ли использовать сетку, конечно если браузер ваш ее поддерживает.

тут ключевая фраза 'если поддерживает', а решение на js будет работать во всех браузерах...

laimas 30.09.2019 13:34

Цитата:

Сообщение от Блондинка
а решение на js будет работать во всех браузерах...

В таком случае описанные вами условия, это далеко не оптимальное решение.

Блондинка 30.09.2019 15:36

Цитата:

Сообщение от laimas (Сообщение 513343)
В таком случае описанные вами условия, это далеко не оптимальное решение.

Тогда появляется вопрос, чего по твоему мнению тут не хватает?

laimas 30.09.2019 15:55

Цитата:

Сообщение от Блондинка
чего по твоему мнению тут не хватает?

Браузер работает в системе, а это могут быть различные разрешения экрана и не факт, что ваши условия впишутся желаемым образом в их разнообразие.

Блондинка 30.09.2019 16:09

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

Блондинка 30.09.2019 23:25

как на js посчитать количество ячеек в строке и задать ширину? при условии что ширина первой постоянна...


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