Сообщения Вам не доступны.
Так как Вы входите в группу ГОСТИ (менее возможностей).
Нажмите для регистрации или войдите с помощью uNet
Обсуждения Музыка Радио
Тысячи радиостанций мира
Видео добавленное пользователями с
yotube
mail.ru
smotri.com
Комедии
Боевики
Фантастика
Клипы
Приколы
и многое другое...
Скачать файлы
Скачивание бесплатное
Выход Вход Регистрация



   

Оповещения!

У нас появилось телевидение!

(Нажмите ESC либо закрыть.)

























   

Оповещения!

  • Вам сообщение. Читать
  • Вы не зарегистрированы.

    (Нажмите ESC либо закрыть.)




  • Регистрация
  • --> Вход <--
  • Поиск
    Категории
    JavaScript [13]
    Jquery [0]
    HTML & DHTML [1]
    CSS [4]
    Оцените мой сайт
    Всего ответов: 126
    Реклама


    BannerFans.com
     

    Вы не зарегистрированы! Просим Вас пройти быструю регистрацию для увеличения возможностей пользования сайтом.
    Обсужд.
    Гостям запрещены обсуждения. Войдите на сайт в режиме "Пользователь".


    Чат
    200
    Сейчас слушают
    Радио 21

    Aquarelle-FM-90.7 (Молдова)

    Радио Maximum

    Радио Шансон

    Радио Шансон






    Посоветуй друзьям!




    Смотрите ТНТ онлайн

    Все о вине! Для тех кто его делает и любителей побаловать себя приятным напитком!

    Курсы английского языка.
    Главная » Файлы » Скрипты » JavaScript
    Название программы: Открывающийся блок с сохранением после обновления
    Оцените файл: Категория: JavaScript
    Добавил: Maliw
    Просмотров: 745

    Рейтинг: 5.0/1

    Дата загрузки: 27.02.2011, 01:57

    Пример:

    Нажми меня

    Привет! Я открывающийся блок!

    И меня нажми

    Я еще могу сохраняться после обновления страницы...

    А потом и меня)))

    Я иногда так нужен, что меня трудно найти!

    Скрипт:


    <script type="text/javascript">
    var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
    var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)
    if (document.getElementById){
    document.write('<style type="text/css">')
    document.write('.switchcontent{display:none;}')
    document.write('</style>')
    }
    function getElementbyClass(classname){
    ccollect=new Array()
    var inc=0
    var alltags=document.all? document.all : document.getElementsByTagName("*")
    for (i=0; i<alltags.length; i++){
    if (alltags[i].className==classname)
    ccollect[inc++]=alltags[i]
    }
    }
    function contractcontent(omit){
    var inc=0
    while (ccollect[inc]){
    if (ccollect[inc].id!=omit)
    ccollect[inc].style.display="none"
    inc++
    }
    }
    function expandcontent(cid){
    if (typeof ccollect!="undefined"){
    if (collapseprevious=="yes")
    contractcontent(cid)
    document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
    }
    }
    function revivecontent(){
    contractcontent("omitnothing")
    selectedItem=getselectedItem()
    selectedComponents=selectedItem.split("|")
    for (i=0; i<selectedComponents.length-1; i++)
    document.getElementById(selectedComponents[i]).style.display="block"
    }
    function get_cookie(Name) { 
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { 
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function getselectedItem(){
    if (get_cookie(window.location.pathname) != ""){
    selectedItem=get_cookie(window.location.pathname)
    return selectedItem
    }
    else
    return ""
    }
    function saveswitchstate(){
    var inc=0, selectedItem=""
    while (ccollect[inc]){
    if (ccollect[inc].style.display=="block")
    selectedItem+=ccollect[inc].id+"|"
    inc++
    }

    document.cookie=window.location.pathname+"="+selectedItem
    }
    function do_onload(){
    uniqueidn=window.location.pathname+"firsttimeload"
    getElementbyClass("switchcontent")
    if (enablepersist=="on" && typeof ccollect!="undefined"){
    document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" 
    firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
    if (!firsttimeload)
    revivecontent()
    }
    }
    if (window.addEventListener)
    window.addEventListener("load", do_onload, false)
    else if (window.attachEvent)
    window.attachEvent("onload", do_onload)
    else if (document.getElementById)
    window.onload=do_onload
    if (enablepersist=="on" && document.getElementById)
    window.onunload=saveswitchstate
    </script>



    <h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">Нажми меня</h3>
    <div id="sc1" class="switchcontent">
    Привет! Я открывающийся блок!
    </div>

    <h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">И меня нажми</h3>
    <div id="sc2" class="switchcontent">
    Я еще могу сохраняться после обновления страницы...
    </div>

    <h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">А потом и меня)))</h3>
    <div id="sc3" class="switchcontent">
    Я иногда так нужен, что меня трудно найти! 
    </div>


    0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]


    Обратная связь Быстрый поиск по youtube.com Ваша реклама
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0