Страница 1 из 1
Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 11:12
AtskiySOTONA
Помогите плиз решить следующую задачку, у меня есть блок определенной высоты, который при ее превышении скролится, в этом блоке есть меню гармошкой. Косяк в том, что при открытии какого-либо пункта меню, половина ссылок уезжает за область прокрутки, в результате чего их не видно и прокрутить до них нельзя(
Вот то, что уже сделал
http://alliancetravel.ru/index3.html.
Заранее спасибо!
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 15:10
Padonak
а что если в конце страницы добавить вот такую мысль:
<script language="JavaScript" type="text/javascript">
var divs = document.getElementsByTagName("DIV");
for(var i = 0; i < divs.lemgth; i++){
if(divs[i].className == "accordion2"){
var chlds = divs[i].childNodes;
for(var k = 0; k < chlds.length; k++){
if(chlds[k].tagName == "A"){childs[k].onmouseup = function(){
divs[i].style.overflow = "auto";
}
}
else{continue;}
}
}
else{continue;}
}
</script>
не знаю сработает или нет
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 15:27
AtskiySOTONA
Не помогло к сожалению(
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 15:30
Muerto
А если заменить в Падонковском скрипте
- Код: Выделить всё
for(var i = 0; i < divs.lemgth; i++){
на for(var i = 0; i < divs.le
ngth; i++)
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 15:59
Padonak
аписко дада :-)
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 16:13
AtskiySOTONA
Поменял, все равно не работает...
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 16:35
Padonak
AtskiySOTONA писал(а):Поменял, все равно не работает...
а ошибки какиенить пишет?
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 16:39
Padonak
блин еще 1 описка
if(chlds[k].tagName == "A"){childs[k].onmouseup = function(){
должно быть if(chlds[k].tagName == "A"){chlds[k].onmouseup = function(){
наскоряк же писал. сам не видишь что там неправильно?
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 16:40
AtskiySOTONA
Неа, вот вместе с Вашим кодом версия
http://alliancetravel.ru/index3.html
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 16:58
Padonak
хз. пускай Муерта глянет он намного лучше все это понимает
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пт авг 14, 2009 17:05
AtskiySOTONA
Ага, ждемс его, спасибо за помощь!)
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Пн авг 17, 2009 12:28
Muerto
AtskiySOTONA- Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="http://alliancetravel.ru/css/style.css">
<script type="text/javascript" src="http://alliancetravel.ru/js/jquery.js"></script>
<script type="text/javascript" src="http://alliancetravel.ru/js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://alliancetravel.ru/js/jScrollPane.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".accordion2 h3").eq(2).addClass("active");
$(".accordion2 p").eq(2).show();
$(".accordion2 h3").click(function(){
$(this).next("p").slideToggle("slow").siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
var contentHeight = $(this).outerHeight();
$(".accordion2")[0].style.height = $(".accordion2")[0].offsetHeight + "px";
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:15, dragMaxHeight:13});
$('.scroll-pane2').jScrollPane({showArrows:true, scrollbarWidth:15, dragMaxHeight:13, scrollbarOnLeft:true});
});
});
</script>
<script type="text/javascript">
$(function()
{
$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth:15, dragMaxHeight:13});
$('.scroll-pane2').jScrollPane({showArrows:true, scrollbarWidth:15, dragMaxHeight:13, scrollbarOnLeft:true});
});
</script>
<style>
}
.accordion2 {
width: 480px;
border-bottom: solid 1px #c4c4c4;
}
.accordion2 h3 {
background: #e9e7e7 url(http://alliancetravel.ru/images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion2 h3:hover {
background-color: #e3e2e2;
}
.accordion2 h3.active {
background-position: right 5px;
}
.accordion2 p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
display: none;
}
</style>
</head>
<body>
<div class="scroll-wrap1">
<div class="scroll-pane">
<div class="accordion2">
<h3>links 1</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a>
</p>
<h3>links 2</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a><br />
<a href="1">link 4</a><br />
<a href="1">link 5</a>
</p>
<h3>links 3</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a>
</p>
<h3>links 4</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a><br />
<a href="1">link 4</a><br />
<a href="1">link 5</a>
</p>
<h3>links 5</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a><br />
<a href="1">link 4</a><br />
<a href="1">link 5</a>
</p>
<h3>links 6</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a>
</p>
<h3>links 7</h3>
<p>
<a href="1">link 1</a><br />
<a href="1">link 2</a><br />
<a href="1">link 3</a><br />
<a href="1">link 4</a><br />
<a href="1">link 5</a>
</p>
</div>
</div>
</div>
</body>
</html>
Ведёт себя несколько странно, но разбираться дальше - башка болит. Попробуй пока так, потом долижем.
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Ср авг 19, 2009 19:08
Muerto
AtskiySOTONA
Ну чё как?
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Чт авг 20, 2009 10:58
AtskiySOTONA
Извиняюсь, что так долго - болел.
Работает) Но как я понял, он пересчитывает высоту, только когда открывается какой нибудь пункт? Просто если сначала открыть все пункты, а потом закрыть, меню вниз скролится далеко. Можно сделать, чтоб при закрытии он тоже пересчитывал высоту?
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Чт авг 20, 2009 11:32
Muerto
По идее он пересчитывает в обоих случаях и при открытии и при закрытии. Функция-то одна за это отвечает. Но вот то, что такой бред творится, что ты описал - это пока моему разумению недоступно. Буду иметь думать.
Re: Нужна помощь по jQuery и Scrollpane
Добавлено:
Чт авг 20, 2009 14:45
AtskiySOTONA
Ок, в любом случае спасибо!))