X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> МЕНЮшка
x-line
x-line
Topic Starter сообщение 18.3.2010, 19:08; Ответить: x-line
Сообщение #1


ПОкажите плиз образец, как должна выглядеть такая вот менюшка :

что имеется...:
1 - ая картинка - это то что у меня в данный момент (все подпапки папок открыты)

нужно сделать:
2. - ая картинка - это спокойное состояние менюшки , т.е. отображены только главные папки
3. - яя картинка - это то что я хочу сделать , т.е. при клике на одну из главных папок выскакивают подпапки данной категории.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 18.3.2010, 19:24; Ответить: locky-yotu
Сообщение #2


Примерно вот так
<script type="text/javascript">
function $(obj){return document.getElementById(obj)}
function sh(obj){obj.style.display!='block'?obj.style.display='block':obj.style.display='none'}
</script>
<style type="text/css">
#java, #minij {display:none}
</style>
<ul>
<li>
<a href="javascript:sh($('java'))">Java</a>
<ul id="java">
<li><a href="#">First</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
</ul>
</li>
<li>
<a href="javascript:sh($('minij'))">MiniJ</a>
<ul id="minij">
<li><a href="#">First</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
</ul>
</li>
</ul>

Стили сами можете применить, какие захотите
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x-line
x-line
Topic Starter сообщение 18.3.2010, 20:08; Ответить: x-line
Сообщение #3


Ого ! они ещё и закрываются )) СПАСИБО!!!:goodpost::popcorn2:

а , ещё, если можно , как бы так сделать что бы при нажатии на папку она не только открывалась ., но и картинка менялась самой папки с закрытой на открытую и наабарот ..:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 19.3.2010, 12:38; Ответить: locky-yotu
Сообщение #4


Что-то типа того:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>SomeTitle</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function $(obj){return document.getElementById(obj)}
function sh(obj,lnk){
if (obj.style.display!='block')
{obj.style.display='block',lnk.style.background='#ccc'} else {obj.style.display='none';lnk.style.background='#555'}
}
</script>
<style type="text/css">a {background:#555} #java, #minij {display:none}</style>
</head>
<body>
<ul>
<li>
<a href="javascript:void(0)" onclick="sh($('java'),this)">Java</a>
<ul id="java">
<li><a href="#">First</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)" onclick="sh($('minij'),this)">MiniJ</a>
<ul id="minij">
<li><a href="#">First</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>

</ul>
</li>
</ul>
</body>
</html>

Здесь меняется бекграунд ссылок, можете вместо цвета менять картинку на бекграунде
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x-line
x-line
Topic Starter сообщение 21.3.2010, 16:15; Ответить: x-line
Сообщение #5


Спасибочки ещё разок . Только возникла проблемка. Сделал пока без замены картинок (по первому варианту) менюшка работает всё вроде бы ок , но заметил что вход перестал работать. Как оказалось в этом JS какая-то ошибка которая конфликтует с другими JS . Ошибка где-то именно здесь , т.к убирая данный кусок всё работает нормально...

function $(obj){return document.getElementById(obj)}


вот эту строчку как переделать ? (насколько я понял дело в "$")
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikolay63
Nikolay63
сообщение 5.4.2010, 15:05; Ответить: Nikolay63
Сообщение #6


Помогите пожалуйста!

Создал меню на базе java, совсем простенькую, необходима она мне была для того чтоб редактировать не 50 страниц вручную, а один файлик.

Всё работает, но мне нужно чтоб при переходе в раздел, ссылка загоралась другим цветом (становилась активной) чтоб человек понимал что он находится именно в этом разделе.

Вот мой сайт (меню слева): http://www.birdsmoscow.net.ru/

код явы находится в отдельном файле
document.write('<li><a href="info.html">Присоединяйтесь</a></li>');
document.write('<li><a href="proekt.html">Проекты</a></li>');
document.write('<li><a href="participants.html">Участники</a></li>');
document.write('<li><a href="news.html">Новости программы</a></li>');
document.write('<li><a href="birds-news.html">Птичьи новости</a></li>');
document.write('<li><a href="books.html">Публикации</a></li>');
document.write('<li><a href="interesmesta.html">Интересные  места</a></li>');
document.write('<li><a href="photoreport_bittern.html">Фоторепортажи</a></li>');
document.write('<li><a href="trips_vinogradovo.html">Наши выезды</a></li>');
document.write('<li><a href="qualifier.html">On-line определители</a></li>');
document.write('<li><a href="delivery.html">Рассылка</a></li>');
document.write('<li><a href="region-partner.html">Регионы-партнёры</a></li>');
document.write('<li><a href="partner.html">Партнеры</a></li>');
document.write('<li><a href="contacts.html">Контакты</a></li>');


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 19.3.2024, 12:31
Дизайн