Форум Сайтостроение Веб-строительство

JavaScript

Snoopik
На сайте с 20.02.2009
Offline
29
Snoopik
555

Приветствую всех.

Ищу легкий скрипт.

Который будет делать следующее : по нажатию по ссылке прятать этот блок, и по той же ссылке его раскрывать.не обновляя страницу.

Собственно вот для какого блока.

public class SearchEngines
Таггу x_x
На сайте с 31.10.2005
Offline
445
Таггу x_x
#1 

<a href="#" onclick="toggle('divhide'); return false"> скрыть/открыть </a>

<script type="text/javascript">

function toggle(divid) {

if (document.getElementById(divid).style.display == 'none')

{

document.getElementById(divid).style.display = 'block';

//vis=true;

}

else

{

document.getElementById(divid).style.display = 'none';

}

}

</script>
☠️☠️☠️
Snoopik
На сайте с 20.02.2009
Offline
29
Snoopik
#2
Tarry:
<a href="#" onclick="toggle('divhide'); return false"> скрыть/открыть </a>

<script type="text/javascript">

function toggle(divid) {

if (document.getElementById(divid).style.display == 'none')

{

document.getElementById(divid).style.display = 'block';

//vis=true;

}

else

{

document.getElementById(divid).style.display = 'none';

}

}

</script>

а как это подцепить к этому?

<table width="220" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><div class="rand_bg"></div></td>

<td><div class="rand_hide"></div></td>

</tr>

</table>

Bdiang
На сайте с 19.07.2006
Offline
102
Bdiang
#3
Snoopik:
а как это подцепить к этому?

На <div class="rand_hide"> повесить событие onclick с обработчиком, например, как написали выше. Можно еще jquery поизучать и использовать для различных анимационных эффектов. Да и вообще использовать :)

ewg777
На сайте с 04.06.2007
Offline
225
ewg777
#4

Вот на jquery форма. Есть, что почерпнуть.

[Удален]
#5

Ну если просто показать и скрыть, то jquery слишком громоздко (-:

Хотя изучить стоит (-: потом переписать половину своего жаба-скрипта (-:

Snoopik
На сайте с 20.02.2009
Offline
29
Snoopik
#6

<table width="220" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><div class="rand_bg"></div></td>

<td><div class="rand_hide"></div></td>

</tr>

</table>

подцепи кто может.

и это в левую сторону должно закрывать, то есть горизонтально в левую сторону, как на шаблоне.

Snoopik добавил 27.05.2009 в 22:39

Решил проблему сам.

<script type="text/javascript">
function toggle(hide) {
if (document.getElementById(hide).style.display == 'none')
{
document.getElementById(hide).style.display = 'block';
//vis=true;
}
else
{
document.getElementById(hide).style.display = 'none';
}
}
</script>

<table width="220px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="hide"><div class="rand_bg"></div></div></td>
<td><a href="#"><div class="rand_hide" onclick="toggle('hide'); return false"></div></a></td>
</tr>
</table>
Возможности для брендинга в Google AdSense улучшил адаптивные Google: как сделать статические

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий