loading...

Авторизация ...

Имя пользователя :
Пароль :
я всё забыл!

В помощь вебмастеру » JavaScriptРаздвижная навигация

Написал Medik18, 24 сентября 2007 | 61 комментарий | рейтинг новости не нравится   +127   нравится Версия для печати
Раздвижная навигация
CMS DLE набирает обороты, всё больше сайтов начинают использовать данный двиг. Иногда навигация начинает напоминать очень большой каталог. Этот скрипт поможет вам сократить ваше меню, сделать его раздвижным. Я не претендую на лавры скриптописателя, просто видел тут подобное, но там продавали за деньги. При наличии прямых рук у вас будет красивое меню, как на скриншоте. Пример использования меню вы можете увидеть тут: http://medikportal.ru/ Порядок создания меню: 1. Открываем файл main.tpl 2. В нужном месте (ваша навигация) вставляете следующий код (необходимо предварительно отредактировать код, поставив нужные ссылки):
<table><tr><td>
• <a href="/index.php" title="Главная страница сайта">Главная страница</a></td></tr>

<SCRIPT language=JavaScript type="text/javascript">
var browserName = '';
var browserNew = '';
function getIdProperty(id,property) {
        var styleObject = document.getElementById( id );
        if (styleObject != null) {
            styleObject = styleObject.style;
                if (styleObject[property]) {
                    return styleObject[ property ];
                }
            }
        return (styleObject != null) ?
        styleObject[property] :
        null;
    }
function setIdProperty(id,property,value) {
        var styleObject = document.getElementById( id );
        if (styleObject != null) {
            styleObject = styleObject.style;
            styleObject[ property ] = value;
        }
    }
function getDisplay(id) {
        if (browserNew) {
            return getIdProperty(id,"display");
        }
        else {
            if (browserName == "NS") {
                return document.layers[id].display;
            }
            else {
                return document.all[id].style.display;
            }
        }
    }
function switchDisplay(id,value) {
        if (browserNew) {
            setIdProperty(id,"display",value);
        }
        else {
            if (browserName == "NS") {
                document.layers[id].display = value;
            }
            else {
                document.all[id].style.display = value;
            }
        }
    }
function expandContent(id, param){
    if (getDisplay('t' + id) == 'none') {
        switchDisplay('t'+id,'block');
        setIdProperty('a'+id, 'color', '#000000')

    } else {
        switchDisplay('t'+id,'none');                          
        setIdProperty('a'+id, 'color', '#444444')
    }
}
</SCRIPT>

<tr><td>» <a href="#" onClick="expandContent('1'); return false;">1 раздел</a>
<br></td></tr><tr><td>
<div id="t1" style="border:0px; display:none;padding-left:10px;">
<a href="ссылка на раздел 1"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
</div></td></tr>

<tr><td>» <a href="#" onClick="expandContent('2'); return false;">2 раздел</a>
<br></td></tr><tr><td>
<div id="t2" style="border:0px; display:none;padding-left:10px;">
<a href="ссылка на раздел 2"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
</div></td></tr>

<tr><td>» <a href="#" onClick="expandContent('3'); return false;">3 раздел</a>
<br></td></tr><tr><td>
<div id="t3" style="border:0px; display:none;padding-left:10px;">
<a href="ссылка на раздел 3"><B>Все разделы</B></a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
• <a href="ссылка на подраздел">Подраздел</a><br>
</div></td></tr>

</table>
3. Обращаем внимание на: expandContent('1'), expandContent('2'), expandContent('3') - на каждое подменю своя переменная и на: div id="t1", div id="t2", div id="t3" - на каждое подменю своя переменная



Комментарии пользователей

  Экспорт комментариев в RSS
 Сортировать по рейтингу, по дате

Написал demzyk, 24 сентября 2007 в 14:37 плохой комментарий   0   хороший комментарий
Новостей: 30, комментариев: 1431, Пользователи
Карма: 22±
отлично !

Написал hooligano, 24 сентября 2007 в 14:39 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Молодчег :))
фторой нах ))

Написал mohammad_1ta, 24 сентября 2007 в 14:52 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 93, Пользователи
Карма:
What is this?

Написал Medik18, 24 сентября 2007 в 15:08 плохой комментарий   0   хороший комментарий
Новостей: 3, комментариев: 113, Пользователи
Карма:
Цитата: mohammad_1ta
What is this?

На большом (на заднем плане) скриншоте видно какое меню было до переделки (т.е. все категории были видны), на маленьком скриншоте (на переднем плане) показано какое стало меню после переделки. Оно стало раздвижным, т.е. надо кликнуть к примеру на "разделы" и вы увидите все разделы, повторный клик закроет подменю...

Написал demzyk, 24 сентября 2007 в 15:12 плохой комментарий   0   хороший комментарий
Новостей: 30, комментариев: 1431, Пользователи
Карма: 22±
mohammad_1ta,


is menu java navigation

demo _http://medikportal.ru/

Написал mPolr, 24 сентября 2007 в 15:21 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Кул, уже юзаю! victory

Написал Hamer, 24 сентября 2007 в 16:03 плохой комментарий   0   хороший комментарий
Новостей: 42, комментариев: 2186, Изгнанные
Карма: 50±
Красава, идейка нечего ;))

Написал kagorec, 24 сентября 2007 в 16:30 плохой комментарий   0   хороший комментарий
Новостей: 3, комментариев: 93, Пользователи
Карма:
красава, спасибо friends
воткну обезательно в майн.тпл

Написал zindi, 24 сентября 2007 в 16:31 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Хм...просто но.Уже давно есть тоже самое только ещо с админкой..тобеж руками не приходитса водить названия. blum

Написал ShakuR, 24 сентября 2007 в 16:33 плохой комментарий   -1   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Ништяк, наверное... Демо-сайт открывает уже полчаса! Видимо классная начинка на JS!!! angry_2

Написал djrafn, 24 сентября 2007 в 16:36 плохой комментарий   0   хороший комментарий
Новостей: 1, комментариев: 105, Пользователи
Карма:
Автору РЕСПеКТ))) ОГРОМНЕЙШИЙ...

Написал okras, 24 сентября 2007 в 17:05 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 19, Пользователи
Карма:
+ автору ( спасибо кликнул)

Я уже сам начинал что то подобное ваять, а то меню с бородой - банально ..

Опередил!!!!

friends

Написал CrazyFoolz, 24 сентября 2007 в 17:07 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Только вчера эту вишку увидел на мегахаварт и тут она сразу поевилась 59

Написал ORZ, 24 сентября 2007 в 17:07 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Thanks for sharing =] Mozet prikruciu sedebe friends

Написал fuzion, 24 сентября 2007 в 17:26 плохой комментарий   0   хороший комментарий
Новостей: 7, комментариев: 346, Пользователи
Карма:
классно, спосибо Медик

Написал Hamer, 24 сентября 2007 в 17:27 плохой комментарий   0   хороший комментарий
Новостей: 42, комментариев: 2186, Изгнанные
Карма: 50±
Ух и хостинг у вас? Это бесплатный что ли laughing

Написал guns, 24 сентября 2007 в 17:46 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Такой вопрос: Можно сделать, чтобы одно из меню было всегда раскрыто, а по желанию свернуть его. Если можно то что поправить в коде ?

Написал Duck_Kun, 24 сентября 2007 в 17:48 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
За инновационные технологии +5)) friends

Написал Tema23, 24 сентября 2007 в 17:53 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Спасибо +5

Написал PoMaH, 24 сентября 2007 в 18:00 плохой комментарий   0   хороший комментарий
Новостей: 2, комментариев: 215, Пользователи
Карма:
Цитата: guns
Такой вопрос: Можно сделать, чтобы одно из меню было всегда раскрыто, а по желанию свернуть его. Если можно то что поправить в коде ?


mozno zdelat toshto daze pri perehode, nuznaja podkotegorija ne budet priatatca

dlia reshenija ideji jest` 2 reshenija ;]

Ja liubliu Shokolad (c) Frimen

Написал guns, 24 сентября 2007 в 18:34 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Спасибо

Написал Fillosoff, 24 сентября 2007 в 18:39 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Меню на джаве для SEO - смертоубийство. smile
а кому это пофиг, то удобно. а платный, на сколько помню, предлагали не на джаве, а на html-тэгах, которые для SEO безопасны и даже полезны.

Написал kwin, 24 сентября 2007 в 18:42 плохой комментарий   +1   хороший комментарий
Новостей: 1, комментариев: 52, Изгнанные
Карма:
http://www.destroydrop.com/javascripts/tree/

Написал Medik18, 24 сентября 2007 в 19:03 плохой комментарий   0   хороший комментарий
Новостей: 3, комментариев: 113, Пользователи
Карма:
Брал скрипт вот отсюда http://www.info-link.ru/, я и не говорил что сам писал, есчо. Кому надо, юзайте, кому не надо, но много денег, покупайте на html-тэгах, ваще по барабану...
Цитата: Fillosoff
Меню на джаве для SEO - смертоубийство.

а продублировать разделы внизу страницы не судьба?

Цитата: ShakuR
Ништяк, наверное... Демо-сайт открывает уже полчаса! Видимо классная начинка на JS!!!

Траблы...

Написал warez-portal, 24 сентября 2007 в 19:13 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 124, Пользователи
Карма:
Норм. 4

Написал ORZ, 24 сентября 2007 в 19:59 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Fillosoff,

Ia chegoto neponel ? A zachem meniu optimizirovat ?
Zdelaj sitemap esle nuzno i vse , a na glavnoi spokoino polzujsia javoi.

Написал GwizZzzz, 24 сентября 2007 в 20:01 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
АВТОР те респекттт. Это реально круто.

Написал Legonavt, 24 сентября 2007 в 20:14 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Duck_Kun,Какие инновационные технологии.Это обыкновенный яваскрипт выдвижного меню.Я такую вещь у себя как полгода назад поставил на одном из шаблонов.Но у меня покрасивше будет и получше!Только то этот медик сайт не открывается говорит уже о многом(если конечно стоит не компе у чела) и об этом скрипте тоже!

Написал empty_, 24 сентября 2007 в 20:56 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
неплохо)

Написал guns, 24 сентября 2007 в 22:30 плохой комментарий   0   хороший комментарий
Новостей: 0, комментариев: 0, Гости
Карма: ±
Legonavt,
Выложи свой, заценим victory

Информация



Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Анализ Тиц и PR сайта

[removed][removed] [removed] (adsbygoogle = window.adsbygoogle || []).push({}); [removed] ,td { font-family: verdana, arial, sans-serif; color: #666; font-size: 80%; }

[removed][removed] [removed] (adsbygoogle = window.adsbygoogle || []).push({}); [removed]