VPF::выпадающие слои - Форум программистов

Prince

Дата 16.8.2006, 10:57 (ссылка)

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

Загрузка ...

Новичок

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

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

Здраствуйте, уважаемые господа.
Мне очень нужен готовый скрипт примерно вот такаяштука smile

:
Если вас не затруднит выполните следующие действия:
Пуск->Программы->стандартные->Paint->Справка->Вызов справки-> Paint->Решение задач
Написание таких вкладок меня собственно и интересует.

Прошу прощения, если я обратился не по адресу или если в моём письме есть ошибки.

Это сообщение отредактировал(а) Prince - 16.8.2006, 12:17

Link90

Дата 16.8.2006, 19:23 (ссылка)

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

Загрузка ...

"Битый" пиксель

Профиль
Группа: Участник
Сообщений: 214
Регистрация: 25.11.2005
Где: Иркутск - середин а земли!

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

Попробуй так:

Код


<style>
.nevid{display: none; }
.vid{display: block; position: relative}
a {text-decoration: none; font-size: 12pt}
a:hover {text-decoration: underline;}
td {font-size: 13pt}

</style>

<script language="JavaScript">
function nevid2vid (obj) 
{
if (obj.className == "nevid")
obj.className = "vid"
else
obj.className = "nevid"
}
</script>

<li>
<a href="#" onclick="nevid2vid(podc)">Главный элемент</a>
<div id="podc" class="nevid">
<a href="#">
Дочерний элемент №1</a><br>
<a href="#">
Дочерний элемент №2</a><br>
<a href="#">
Дочерний элемент №3</a>
</div>
</li>

Prince

Дата 18.8.2006, 14:18 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо,что откликнулись на мою просьбу

Bester

Дата 8.6.2008, 19:42 (ссылка)

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

Загрузка ...

Шустрый

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

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

Этот скрипт я подредактировал так:

Код


<script language="JavaScript">
function nevid2vid (obj) 
{
if (obj.className == "nevid")
obj.className = "vid"
else
obj.className = "nevid"
}
</script>
<a href="/index.php">Главная</a>
<a href="./hard">Железо</a>
<a href="#" onClick="nevid2vid(soft)">Софт</a>
<div id="soft" class="nevid">
<a href="./soft">Все</a>
<a href="./soft/antiv">Антивирусы</a>
<a href="./soft/browsers">Браузеры</a>
<a href="./soft/speek">Общение</a>
</div>

<a href="./windows">OS Windows</a>
<a href="./linux">OS Linux</a>

<a href="#" onClick="nevid2vid(books)">E-books</a>
<div id="books" class="nevid">
<a href="./ebooks">Все</a>
<a href="#" onClick="nevid2vid(prog)">Программирование</a>
<div id="prog" class="nevid">
<a href="./ebooks/programing">Все</a>
<a href="./ebooks/programing/cpp">C++</a>
</div>
<a href="./ebooks/computers">Компьютеры</a>
</div>

<a href="./site">Наш сайт</a>

И во style.css пишет такое:

Код


.nevid    {display: none; }
.vid    {
    display: block;
    position: relative;
    background-color:#edecec;
    padding-left: 12px;    
}
.vid a    {font-size: 10px;}

Вопрос такой. Как сделать чтоб он работал в Opera и в Internet Explorer? Во втором работает нормально, а вот в Opera если я клацаю, например на "Софт", то выпадают остальные ссылки, но и вместе с тем перезагружается страница. Как сделать чтоб страница не перезагружалася? Посмотреть это можете на gl-it.com

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