Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 21.12.2015, 20:47
Кандидат Javascript-наук
Отправить личное сообщение для Samsam Посмотреть профиль Найти все сообщения от Samsam
 
Регистрация: 24.04.2014
Сообщений: 100

Вместо .ta{ height:100px; } мне надо max-height. что надо изменить в js
Ответить с цитированием
  #12 (permalink)  
Старый 21.12.2015, 20:48
Кандидат Javascript-наук
Отправить личное сообщение для Samsam Посмотреть профиль Найти все сообщения от Samsam
 
Регистрация: 24.04.2014
Сообщений: 100

.css({'max-height' : (h < max ? max : min)+'px'})
как и где это написать в js ?
Ответить с цитированием
  #13 (permalink)  
Старый 21.12.2015, 21:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Samsam,
непонимаю вас.
Ответить с цитированием
  #14 (permalink)  
Старый 21.12.2015, 22:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Samsam,
<style type="text/css">
.ta{
    max-height:100px;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<meta charset="utf-8">
<script>
  jQuery(function($) {
    var min = 100;
    $(".ta").each(function(indx, el) {
        var b = $(el),
            max = el.scrollHeight,
            a = b.next(".read-next");
        if (max <= 100) a.hide();
        else a.on("click", function(event) {
            var h = b.height();
            b.css({'max-height' : (h < max ? max : min)+'px'});
            $(this).text(h < max ? "Svernut" : "OPen all");
            return false
        })
    })
});
</script>

  <div style="height:100%">
    <div class="ta" style="overflow:hidden">
   text<br>text<br>text<br>texttexttexttext<br>text<br>text<br>texttexttext<br>text<br>text<br>texttext<br>text<br>text<br>
    </div><a class="read-next" href="#">OPen all</a>
  </div>
Ответить с цитированием
  #15 (permalink)  
Старый 21.12.2015, 23:14
Кандидат Javascript-наук
Отправить личное сообщение для Samsam Посмотреть профиль Найти все сообщения от Samsam
 
Регистрация: 24.04.2014
Сообщений: 100

Спасибо !! Именно то что я хотел !

Последний раз редактировалось Samsam, 21.12.2015 в 23:18.
Ответить с цитированием
  #16 (permalink)  
Старый 25.12.2015, 22:25
Кандидат Javascript-наук
Отправить личное сообщение для Samsam Посмотреть профиль Найти все сообщения от Samsam
 
Регистрация: 24.04.2014
Сообщений: 100

Рони, ещё раз извиняюсь. Этот код работает, но как его задействовать в нескольких блоках
например

<div class=ta>где Height = 90</div>
<div class=ta>где Height = 120</div>
<div class=ta>где Height = 233</div>
<div class=ta>где Height = 50</div>

как сделать что бы Open All выходила имена в том блоке где height>100px и при нажатие на ней этот блок раскрывался полностью.
Спасибо

Последний раз редактировалось Samsam, 26.12.2015 в 01:40.
Ответить с цитированием
  #17 (permalink)  
Старый 26.12.2015, 12:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Samsam,
а разве код выше этого не делает?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цыкл с массива juramaj Общие вопросы Javascript 2 25.01.2015 14:55
Преобразование в int sloyi Элементы интерфейса 46 25.10.2014 15:04
Processing to Java. Не работает в Опере, Мозиле, Хроме, Експлорере Шляпник Javascript под браузер 0 30.07.2012 21:09
Из int в string z700i Общие вопросы Javascript 2 11.09.2011 14:19
Смена картинки по нажатию на чебокс arahmanov Общие вопросы Javascript 50 02.02.2011 16:34