VPF::Как реализовать такое меню? - Форум программистов

langolier

Дата 14.11.2008, 16:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 29.7.2008

Репутация: нет
Всего: нет

Такой вот ламерский вопрос:

есть менюшка типа:
* Пункт 1
* Пункт 2
* Пункт 3

Нужно что бы при нажатии на ссылку открывался список подпунктов и менялось изображение слева от пункта. Т.е. примерно так:

>> Пункт 1
-подпункт 1
-подпункт 2
* Пункт 2
* Пункт 3

comtat

Дата 14.11.2008, 17:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 7
Всего: 71

Код


<html>
<body>
<script>
var isIE = false;

if (document.all) isIE = true;

function showSub(elem) {
    elems = document.getElementById('basemenu').getElementsByTagName('table');
    submenu = document.getElementById('sub'+elem.id);
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].id == submenu.id) {
            style = (isIE) ? 'inline' : 'table';
            elems[i].style.display = style;
        } else
            elems[i].style.display = 'none';
    }
}

</script>
<style>
table.submenu { display:none;color:#737373;}
</style>
<table id='basemenu' class='menu'>
<tr>
<td>
 <span id='menu1' style="color:navy;" onclick='showSub(this);'>1</span>
                                <table id='submenu1' class='submenu'>
                                    <tr><td>&nbsp;<a class="submenu" href="#">111</a></td></tr>
                                    <tr><td>&nbsp;<a class="submenu" href="#">222</a></td></tr>    
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id='menu2' style="color:navy;" onclick='showSub(this);'>2</span>
                                <table id='submenu2' class='submenu'>
                                    <tr><td>&nbsp;<a class="submenu" href="#">777</a></td></tr>
                                    <tr><td>&nbsp;<a class="submenu" href="#">666</a></td></tr>
                                    <tr><td>&nbsp;<a class="submenu" href="#">666</a></td></tr>
                                    <tr><td>&nbsp;<a class="submenu" href="#">444</a></td></tr>
                                    <tr><td>&nbsp;<a class="submenu" href="#">333</a></td></tr>    
                                </table>
                            </td>
                        </tr>
</table>
</body>
</html>

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

langolier

Дата 14.11.2008, 19:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 29.7.2008

Репутация: нет
Всего: нет

спасибо, но немного не то.
рядом с пунктом есть картинка, её нужно менять при открытии данного пункта...
как это сделать??

примерно так:    была такая стрелка ->

            когда нажали стала |
                                             \/

            потом нажали другой пункт, эта опять стала ->

            а в том который нажали поменялась.. и т.д.

help!((

Это сообщение отредактировал(а) langolier - 14.11.2008, 19:53

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »