Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   фиксированное положение (https://javascript.ru/forum/misc/12389-fiksirovannoe-polozhenie.html)

Angel_33_3 15.10.2010 13:58

фиксированное положение
 
на сайте http://nz-ua.com/ в разделе Услуги есть выпадающее меню. при нажатии на стрелку оно раскрывается, а при переходе на новую страницу, опять закрывается. Как зафиксировать положение меню или как сделать, чтобы оно по умолчанию было открыто, а не закрыто?
вот скрипт в html-странице:
<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-248px"
					}, 500 );
				$("#topMenuImage").html('<img src="design/images/open.png" alt="" />');
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 500 );
				$("#topMenuImage").html('<img src="design/images/close.png" alt="" />');
				$("#openCloseIdentifier").hide();
			}
		});  
	});
</script>

Вот css код меню:
Код:

#sliderWrap {
width: 242px;
}
#slider {
position: absolute;
background-image:url(linkList2.png);
background-repeat:no-repeat;
background-position: bottom;
width: 242px;
height: 279px;
margin-top: -249px;
}
#slider img {
border: 0;
}
#sliderContent {
position: absolute;
text-align:left;
}
#openCloseWrap {
position:absolute;
margin: 248px 0 0 0px;
font-size:12px;
font-weight:bold;
}

Вот ссылка на сам скрипт: http://nz-ua.com/design/scripts/jquery-1.2.6.min.js
Правда там код не красиво оформлен

DooMer 15.10.2010 14:23

сохраняй в куках или сессии состояние меню

Angel_33_3 15.10.2010 14:41

а как в js прописать сохранение в куках?

Kolyaj 15.10.2010 14:42

http://github.com/Kolyaj/CrossJS/blo...urce/cookie.js

Angel_33_3 15.10.2010 17:55

в css в margin-top изменил значение с -249px на 0px и теперь оно по умолчанию развернутое, но как сделать, чтобы вначале меню сворачивалось с первого раза кликая на стрелку, а не со второго, как сейчас. Потом оно сворачивается и разворачивается с первого раза.

Angel_33_3 18.10.2010 12:06

Цитата:

Сообщение от Kolyaj (Сообщение 74336)

подключил файл с этим кодом, но куки все равно не сохраняются. при переходе по страницам, меню все равно сворачивается

Kolyaj 18.10.2010 12:29

А как вы используете функции из этого файла?

Angel_33_3 18.10.2010 13:00

наверно я делаю что-то не правильно, но я просто сохранил код указанный по ссылке в файл cookie.js и подкличил его в html <script src="design/scripts/cookie.js" type="text/javascript"></script>

Kolyaj 18.10.2010 13:10

Angel_33_3,
для вас программирование, наверно, какое-то волшебство. Сделал несколько непонятных телодвижений, и всё само заработало как надо, даже если сам не знаешь, как надо :)

Angel_33_3 18.10.2010 13:15

да, в js я еще плохо разбираюсь, но очень нужно это меню сделать


Часовой пояс GMT +3, время: 19:19.