Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 30.09.2019, 11:03
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

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 узнать количество ячеек в строке и присвоить нужную ширину ячейкам
Ответить с цитированием
  #32 (permalink)  
Старый 30.09.2019, 11:19
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

А не проще ли использовать сетку, конечно если браузер ваш ее поддерживает.
Ответить с цитированием
  #33 (permalink)  
Старый 30.09.2019, 11:23
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

laimas,
флексбокс? всё равно будут какие-то пиксели прыгать, а тут всё высчитано до пиксели, всё идеально...
Ответить с цитированием
  #34 (permalink)  
Старый 30.09.2019, 11:56
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Блондинка
флексбокс?
Разве в ссылке о нем?
Ответить с цитированием
  #35 (permalink)  
Старый 30.09.2019, 13:10
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Сообщение от laimas Посмотреть сообщение
А не проще ли использовать сетку, конечно если браузер ваш ее поддерживает.
тут ключевая фраза 'если поддерживает', а решение на js будет работать во всех браузерах...
Ответить с цитированием
  #36 (permalink)  
Старый 30.09.2019, 13:34
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Блондинка
а решение на js будет работать во всех браузерах...
В таком случае описанные вами условия, это далеко не оптимальное решение.
Ответить с цитированием
  #37 (permalink)  
Старый 30.09.2019, 15:36
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Сообщение от laimas Посмотреть сообщение
В таком случае описанные вами условия, это далеко не оптимальное решение.
Тогда появляется вопрос, чего по твоему мнению тут не хватает?
Ответить с цитированием
  #38 (permalink)  
Старый 30.09.2019, 15:55
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Блондинка
чего по твоему мнению тут не хватает?
Браузер работает в системе, а это могут быть различные разрешения экрана и не факт, что ваши условия впишутся желаемым образом в их разнообразие.
Ответить с цитированием
  #39 (permalink)  
Старый 30.09.2019, 16:09
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

календарь не таких уж и больших размеров чтобы не вписаться, и в случае необходимости всегда можно посчитать размеры и изменить цифры, так что для меня такой вариант оптималем
Ответить с цитированием
  #40 (permalink)  
Старый 30.09.2019, 23:25
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Доработать скрипт добавив функцию Блондинка Общие вопросы Javascript 5 28.08.2019 05:43
Не получается доработать скрипт калькулятора последнего дня отпуска insider999 Общие вопросы Javascript 15 22.07.2016 15:35
Помогите доработать скрипт Kalashmet Ваши сайты и скрипты 2 02.09.2013 19:50
Помогите исправить скрипт fAmOus Элементы интерфейса 4 31.08.2012 01:02
Помогите Исправить элементарный скрипт! с location.searсh pp-vp Events/DOM/Window 5 12.08.2010 14:40