Нужна помощь по jQuery и Scrollpane

Все, связанное с web-строительством.

Модератор: [mweb team]

Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Пт авг 14, 2009 12:12

Помогите плиз решить следующую задачку, у меня есть блок определенной высоты, который при ее превышении скролится, в этом блоке есть меню гармошкой. Косяк в том, что при открытии какого-либо пункта меню, половина ссылок уезжает за область прокрутки, в результате чего их не видно и прокрутить до них нельзя(
Вот то, что уже сделал http://alliancetravel.ru/index3.html.
Заранее спасибо!
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Padonak Пт авг 14, 2009 16:10

а что если в конце страницы добавить вот такую мысль:

<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>

не знаю сработает или нет
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Табачный магнат
 
Сообщения: 3856
Зарегистрирован: Вт дек 13, 2005 4:23
Откуда: Ростов-на-Дону

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Пт авг 14, 2009 16:27

Не помогло к сожалению(
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Muerto Пт авг 14, 2009 16:30

А если заменить в Падонковском скрипте
Код: Выделить всё
for(var i = 0; i < divs.lemgth; i++){
на for(var i = 0; i < divs.length; i++)
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3596
Зарегистрирован: Пн окт 11, 2004 20:09
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Padonak Пт авг 14, 2009 16:59

аписко дада :-)
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Табачный магнат
 
Сообщения: 3856
Зарегистрирован: Вт дек 13, 2005 4:23
Откуда: Ростов-на-Дону

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Пт авг 14, 2009 17:13

Поменял, все равно не работает...
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Padonak Пт авг 14, 2009 17:35

AtskiySOTONA писал(а):Поменял, все равно не работает...



а ошибки какиенить пишет?
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Табачный магнат
 
Сообщения: 3856
Зарегистрирован: Вт дек 13, 2005 4:23
Откуда: Ростов-на-Дону

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Padonak Пт авг 14, 2009 17:39

блин еще 1 описка

if(chlds[k].tagName == "A"){childs[k].onmouseup = function(){

должно быть if(chlds[k].tagName == "A"){chlds[k].onmouseup = function(){

наскоряк же писал. сам не видишь что там неправильно?
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Табачный магнат
 
Сообщения: 3856
Зарегистрирован: Вт дек 13, 2005 4:23
Откуда: Ростов-на-Дону

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Пт авг 14, 2009 17:40

Неа, вот вместе с Вашим кодом версия
http://alliancetravel.ru/index3.html
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Padonak Пт авг 14, 2009 17:58

хз. пускай Муерта глянет он намного лучше все это понимает
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Табачный магнат
 
Сообщения: 3856
Зарегистрирован: Вт дек 13, 2005 4:23
Откуда: Ростов-на-Дону

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Пт авг 14, 2009 18:05

Ага, ждемс его, спасибо за помощь!)
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Muerto Пн авг 17, 2009 13:28

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>

Ведёт себя несколько странно, но разбираться дальше - башка болит. Попробуй пока так, потом долижем.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3596
Зарегистрирован: Пн окт 11, 2004 20:09
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Muerto Ср авг 19, 2009 20:08

AtskiySOTONA
Ну чё как?
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3596
Зарегистрирован: Пн окт 11, 2004 20:09
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Чт авг 20, 2009 11:58

Извиняюсь, что так долго - болел.
Работает) Но как я понял, он пересчитывает высоту, только когда открывается какой нибудь пункт? Просто если сначала открыть все пункты, а потом закрыть, меню вниз скролится далеко. Можно сделать, чтоб при закрытии он тоже пересчитывал высоту?
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение Muerto Чт авг 20, 2009 12:32

По идее он пересчитывает в обоих случаях и при открытии и при закрытии. Функция-то одна за это отвечает. Но вот то, что такой бред творится, что ты описал - это пока моему разумению недоступно. Буду иметь думать.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3596
Зарегистрирован: Пн окт 11, 2004 20:09
Откуда: Москва

Re: Нужна помощь по jQuery и Scrollpane

Сообщение AtskiySOTONA Чт авг 20, 2009 15:45

Ок, в любом случае спасибо!))
Аватара пользователя
AtskiySOTONA
Прохожий
 
Сообщения: 40
Зарегистрирован: Пн фев 12, 2007 15:02
Откуда: Москва


Вернуться в Web-мастеринг

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron