Кнопка-ссылка на JavaScript для скрытия/показа любого div страницы
Примерно такая кнопка, открывающая блок внизу
этот первоначально скрытый блок может быть в любой части сайта.
update Имейте в виду, этот очень старая статья и код тут... нуу... странный и, вероятно, избыточный. Нынче немного по-другому уже все делается.
Итак, код
<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>
<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.
