Показать сообщение отдельно
  #1 (permalink)  
Старый 02.05.2013, 17:01
Профессор
Отправить личное сообщение для Kvark Посмотреть профиль Найти все сообщения от Kvark
 
Регистрация: 02.04.2013
Сообщений: 225

10 плавающих уровней
Помогите сконструировать правильно страницу
Хочу сделать такое:

левый столбик - заполнен цветом градиентом а значения от 0 до 100

правый столбик - до 10 уровней выделения, изначально равен высоте левого столбика, если потянуть за границу - должен появиться второй уровень, третий и т.д. до 10, высота уровней может быть разной, но в сумме по высоте они должны быть равны левому. Минимальная высота 5% от высоты левого столбика

Приготовил такой скелет HTML:
jsfiddle.net

Кнопка адд - добавляет, делете - удаляет последний, клеар - удаляет все кроме первого, сет дефаулт - устанавливает по умолчанию 10 уровней, пытаюсь сделать чтоб ширина дива менялась от их количества - может посоветуете какой алгоритм а?

Последний раз редактировалось Kvark, 07.05.2013 в 20:49. Причина: обновил
Ответить с цитированием