За последние 24 часа нас посетил 17841 программист и 1719 роботов. Сейчас ищут 950 программистов ...

Скрывающийся текст

Тема в разделе "JavaScript и AJAX", создана пользователем Dragomaster, 2 окт 2014.

  1. Dragomaster

    Dragomaster Активный пользователь

    С нами с:
    2 июн 2012
    Сообщения:
    26
    Симпатии:
    0
    Всем привет! Может у кого есть или где-нить видели такой скрипт постепенно сверху вниз скрывающий часть текста (не во времени а по вертикали), другая же часть скрывается вообще (с помощью стиля display: none) и ее можно развернуть нажав на ссылку "подробнее" ?
     
  2. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    То - есть вы полагаете, что за вас сделают?
     
  3. Ke1eth

    Ke1eth Активный пользователь

    С нами с:
    16 мар 2012
    Сообщения:
    1.073
    Симпатии:
    11
    Адрес:
    заблудилса
    Блин, надо срочно учиться скрывать текст во времени, все только в пространстве получалось.
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Через opacity это делается конечно и транзишены можно заюзать. Но проще через jQuery.
     
  5. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    или через overflow

    Добавлено спустя 39 секунд:
    и height
     
  6. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    точно, я невнимательно прочел.
     
  7. Dragomaster

    Dragomaster Активный пользователь

    С нами с:
    2 июн 2012
    Сообщения:
    26
    Симпатии:
    0
    а готовые решения есть?
     
  8. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    От кого он скрывается? что он натворил на этот раз?

    Код (PHP):
    1. function spoiler($text)
    2. {
    3.     $js = "if(this.parentNode.getElementsByTagName('div')[0].hidden==true){this.parentNode.getElementsByTagName('div')[0].hidden=false;this.value='Скрыть';}else{this.parentNode.getElementsByTagName('div')[0].hidden=true;this.value='Показать';}";
    4.     $button = "<input type=\"button\" value=\"Показать\" onclick=\"{$js}\" />";
    5.     return "<div>{$button}<div hidden ><hr><div>{$text}</div></div><hr></div>";
    6. } 
     
  9. Dragomaster

    Dragomaster Активный пользователь

    С нами с:
    2 июн 2012
    Сообщения:
    26
    Симпатии:
    0