[Помогите] Нажимаешь на слово и появляется текст

Тема в разделе "DataLife Engine", создана пользователем ENt, 7 янв 2013.

  1. ENt

    ENt

    Регистрация:
    14 дек 2012
    Сообщения:
    36
    Симпатии:
    1
    Я хз как правильно назвать эту тему, но суть в чем... в стандартном шаблон в DLE есть такая плюшка... Открываем главную страницу и видим справа блок АРХИВ НОВОСТЕЙ, так вот там мы нажимаем на одну иконку и появляется календарь, нажимаем на другую и появляется архив в виде списка.

    Как можно сделать такую плюшку в полной новости? Мне нужен сам код как это реализовывается...
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    скорее всего там просто прикручен js можно посмотреть с помощью firebug'a и выдрать нужный кусок.
     
  3. ENt

    ENt

    Регистрация:
    14 дек 2012
    Сообщения:
    36
    Симпатии:
    1
    Что за firebug ??
     
  4. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.350
    Симпатии:
    1.378
    ENt, дополнение к firefox
     
  5. ENt

    ENt

    Регистрация:
    14 дек 2012
    Сообщения:
    36
    Симпатии:
    1
    А другими способами никак нельзя найти способ?))) А то у меня хром) не хочу комп говном засирать всяким))
     
  6. crashik

    crashik

    Регистрация:
    7 янв 2013
    Сообщения:
    1
    Симпатии:
    1
  7. Nikita505

    Nikita505

    Регистрация:
    28 дек 2012
    Сообщения:
    20
    Симпатии:
    6
    а где в дефолтовом шаблоне это увидел?????
     
  8. ENt

    ENt

    Регистрация:
    14 дек 2012
    Сообщения:
    36
    Симпатии:
    1
    Слева переключатель архив новостей в виде календаря или списком.
     
  9. Lion18

    Lion18

    Регистрация:
    3 дек 2012
    Сообщения:
    253
    Симпатии:
    30
    У прогеров стоят все возможные браузеры, слышали такое "кроссбраузерность?"
    Я им не пользовался еще, можно четко какой?А то их много мне в поиске выкинуло.)
     
  10. ifish

    ifish

    Регистрация:
    10 янв 2013
    Сообщения:
    22
    Симпатии:
    2
    Какой кошмар, firefox с firebig самый трушный набор для верстальщика... а хром, угшчка... единственное, ff становится все лучше и лучше... и может исправлять косяки верстальщика из-за этого их можно пропустить... и... хром будет как ie сейчас, попомните мои слова.
     
  11. maFFyoZZyk

    maFFyoZZyk DLE & IPB

    Регистрация:
    20 июн 2012
    Сообщения:
    202
    Симпатии:
    37
    правой кнопкой мыши, посмотреть код элемента
    либо в хроме f12
     
  12. sobakatochkaru

    sobakatochkaru

    Регистрация:
    12 янв 2013
    Сообщения:
    17
    Симпатии:
    1
    ENt, так вам просто переключатель нужен? если да то вот скрипт :
    Код:
    <script>
    var show;
    function hidetxt(type){
    	param=document.getElementById(type);
    	if(param.style.display == "none") {
    		if(show) show.style.display = "none";
    		param.style.display = "block";
    		show = param;
    	}else param.style.display = "none"
    }
    </script>
    в том месте где должна быть ссылка с выпадающим текстом размещаем следующий код:

    Код:
     
     
     
    <div>
     
    <a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">Ссылка 1</a>
     
    <div style="display:none;" id="div1">
     
    Много много много текста 1
     
    </div>
     
    </div>
     
    <div>
     
    <a onclick="hidetxt('div2'); return false;" href="#" rel="nofollow">Ссылка 2</a>
     
    <div style="display:none;" id="div2">
     
    Много много много текста 2
     
    </div>
     
    </div>
     
    <div>
     
    <a onclick="hidetxt('div3'); return false;" href="#" rel="nofollow">Ссылка 3</a>
     
    <div style="display:none;" id="div3">
     
    Много много много текста 3
     
    </div>
     
    </div>
    при нажатии на ссылку 2 текст этой ссылки откроется, а текст ссылки 1 закроется и т.д.
     
  13. GEN

    GEN

    Регистрация:
    22 сен 2012
    Сообщения:
    2
    Симпатии:
    0
    попробуй bootstrap, там очень много красивых и полезных плюшек для сайта
    http://twitter.github.com/bootstrap/ // ссылка на bootstrap