Finar.ru
web.finar.ru
video.finar.ru
Темы для BootstrapNew!

Кнопка-ссылка на JavaScript для скрытия/показа любого div страницы

Автор: Филипп Казаков, дата: 2011-04-29, просмотров 5607
Тэги

тип: Рецепты, темы: JavaScript

Примерно вот такая кнопка

этот первоначально скрытый блок может быть в любой части сайта

Код

<HTML>
  <HEAD>
     <TITLE></TITLE>
<script type="text/javascript"><!--
        function toggleObj(obj, tog, show, hide, swap, set, cname, button) {
            var e = document.getElementById(obj);
            if (hide && swap!='') var e2 = document.getElementById(swap);
            var text    = document.getElementById(obj + "-tog");
            if (set=='1') document.cookie=cname+'='+tog+'; path=/';
            if (tog=='show') {
                e.style.display = 'block';
                if(swap!='') e2.style.display = 'none';
                var label = hide;
                tog='hide';            
            }
            else {
                e.style.display = 'none';
                if(swap!='') e2.style.display = 'block';
                var label = show;
                tog='show';
            }
        var act = '"javascript:toggleObj(\''+obj+'\',\''+tog+'\',\''+show+'\',\''+hide+'\',\''+swap+'\',\''+set+'\',\''+cname+'\',\''+button+'\');"';
        if (button==1)
            copy = '<input type="button" class="inputbutton togglebutton" value="'+label+'" onclick='+act+' />';
        else
            var copy = '<a class="togglelink" href='+act+'>'+label+'</a>';
        text.innerHTML = copy;  
     }
  --></script>

  </HEAD>
<BODY>
<DIV>
    <p>
        <span id="box1-tog" class="toggle"><a class="togglelink" href="javascript:toggleObj('box1','show','показать','скрыть','','','','')">показать</a></span>
    </p>
    <div style='display:none;' id='box1'>
        <p>your text here</p>
    </div>

</DIV>


</BODY>
</HTML>



encrypting — 2012-01-04, 19:04

Спасибо наконецто нашел! автору респект!

Пожалуйста, всегда рад помочь! Заказывая сайты в нашей студии вы обеспечиваете нам возможность бесплатно делиться с миром полезной информацией.

Finar.

Оставить комментарий 


Ваше имя:
->