JavaScript - Выдвигающееся и сдвигающееся при нажатии "что-то"

aliban, а вывозьмите код с этого самого бегуна ;)

Этим я слабо владею. Пытался для начала css файл скачать - не качается. Появляется пустой файл.

Жаваскрипты там тоже в отдельных файлах по ходу хранятся. Даже не пробовал скачивать. Не разбираюсь я в этом.

Да и в чужих скриптах копаться, это геморойно. Вот что-нибудь готовое бы...

Вот простой как апельсин пример :

<script language="javascript">

function hideandshow(obj)

{

 obj.style.display=(obj.style.display==""?"none":"");

}

</script>



<a href="#" onclick="hideandshow(block)">Кнопка</a>

<div id="block" style="display:none">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>содержимое</td>

  </tr>

</table>

</div>

<p>Что-то еще</p>

Скрипт меняет свойство стиля display.

Есть много других способов сделать то же самое. Данный способ хорош своей простотой, однако в данном случае придется подгружать контент в скрытые блоки сразу.

Если данных слишком много, можно не грузить сразу все, а применить технологию AJAX и "налету" подгружать необходимые фрагменты.

А если вам вообще что-то готовое надо - не стесняйтесь пользовать Яндекс. Он вам подскажет где лежат целые библиотеки готовых JavaScript

Leevoth добавил 01.02.2008 в 21:42

Глянул на Бегуне ради интереса, там точно так же сделано:

function showLogin(){

// document.getElementById('login').style.display=(document.getElementById('login').style.display != 'block' ? 'block' : 'none');

       var agt = navigator.userAgent.toLowerCase();

       var is_bsd   = (agt.indexOf("bsd") != -1);

       var is_x11   = (agt.indexOf("x11") != -1);

       var is_linux = (agt.indexOf("linux") != -1);

       var is_mac   = (agt.indexOf("mac") != -1);

       obj = document.getElementById('login').style;

       if ( is_bsd || is_x11 || is_linux || is_mac ) {

             obj.top = '20px';

       }

       obj.display = (obj.display != 'block' ? 'block' : 'none');

}

Спасибо. Вроде то что надо. предварительно протестил.

С данными проблем думаю не будет. Может php будет долго выполнятся но это уж можно подождать. Отошлём админу длинную страницу, а он уже путь с жаба скриптом раздвигает и сдвигает. Как надумает что-нибудь добавить - опят подождёт.

Leevoth, В вашем примере, при нажатии на кнопку, постоянно скидывает на верх страницы.. Это не удобно, не подскажете что прописать в "href" что бы такого не было?

daykkin добавил 02.02.2008 в 06:17

Проблему решил прописав ссылке name="" и тут же href="" на этот name.. Все равно скрипт к сожалению не работает в FF как таковой..

daykkin добавил 02.02.2008 в 06:40

Покопался в нете, нашел более удобное решение, работает на всех браузерах..

<div class="Ваш стиль" style="padding:0;margin:0;"><a href="javascript:ShowOrHide('nl')" style="padding:0;margin:0;">ЖМИ СЮДА</a></div><em style="font:13px verdana;"><i>*если нажмешь сюда - ТАКОЕ УВИДИШЬ!</i></em><br>

<div id="nl" style="display:none; padding-top: 10px;">
<div>Я КРУТОЙ БЛОК</div>
<div style="text-align:right; padding-top: 10px;">
                              <strong>А я ещё круче!</strong></div>
</div>
</div>

<a href="javascript:void(22)"> ... </a>

вместо «22» может быть любое число.

Сделал по коду который дал leevoth http://www.java-proba.narod.ru Это уже правда готовый обработанный через пхп код. Раскрываются разделы и подразделы.

Код daykkin-а у меня не работает ни на IE ни на мозиле. Сделал, как он написал

Мне ещё кое-что надо, спрошу у Яндекса, но надежд что что-то особо нету.

Как это не работает? Ни порядок, у меня, как ни странно, как раз везде он и работает)

Я уже и на опере проверил - не работает. Ничего не сдвигается. IE ещё сообщает об активном содержимом при нажатии, мозила и опера вобще не реагируют. Сам по себе этот код не работает у меня.

тогда почему он у меня работает на всех браузерах?) Вы можете привести полный код, который вы размещаете у себя?