Фильтр по:
  

Вопросы от пользователя “Solyt”, Табы. Как и почему. - Страница 2

Если вы пришли за помощью, то Вам сюда...

  • Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Вопросы от пользователя “Solyt”, Табы. Как и почему. (Вопросы от пользователя “Solyt”, на тему верстки и дизайна.)
Вопросы от пользователя “Solyt”, Табы. Как и почему.
Дата: Суббота, 18.02.2012, 13:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Quote (Solyt)
а здесь получается самогенерируемый код?

Допустим: вы кликаете на табе с номером 1.
У данной ссылки есть только один родительский блок с классом «section», а в родительском блоке только один блок с порядковым номером «1» и классом «box» - - их там три, но первый - только один, второй - будет уже вторым, второй не == первый и не == третий.
...
Таких блоков с классом «section» - сколько угодно.
И в каждом есть произвольное количество ссылок по которым нужно кликать. Количество ссылок == количеству блоков с контентом в данном блоке «section».
Клик по первой ссылке - открывает первый блок с контентом ТОЛЬКО в одном блоке с классом «section» - потому что он единственный прямой родитель ссылки по которой кликнули, а кликнуть вы можете только по одной ссылке единовременно.
...

Обозвать ссылку вы можете как угодно, от этого абсолютно ничего не изменится, первая ссылка по счету будет открывать всегда первый по счету блок с классом box, в общем для этих элементов блоке с классом section.
...

Quote (HTML)
<div class="section">
<ul class="tabs">
<li class="current">Квартира</li>
<li>Оборудование</li>
<li>Подробно</li>
</ul>
<div class="box visible">Квартира</div>
<div class="box">Оборудование</div>
<div class="box">Подробно</div>
</div>

<div class="section">
<ul class="tabs">
<li>Квартира2</li>
<li>Оборудование2</li>
<li class="current">Подробно2</li>
</ul>
<div class="box">Квартира2</div>
<div class="box">Оборудование2</div>
<div class="box visible">Подробно2</div>
</div>

 
Дата: Суббота, 18.02.2012, 14:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (Solyt)
я понял ))

Слава богу.
Класс «visible» - обозначает открытый изначально блок с контентом. Может быть любым - хоть первым, хоть последним - тот, куда пропишешь класс - тот и будет открытым (изначально).
...

 
Дата: Суббота, 18.02.2012, 14:27 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 Добавлено (18.02.2012, 14:27)
---------------------------------------------
все разобрался! Спасибо тебе за помощь, терпение и понимание!

Сообщение отредактировал Solyt - Суббота, 18.02.2012, 14:57
 
Дата: Суббота, 18.02.2012, 17:58 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Quote (Solyt)
все разобрался!

Да нифига не работает )
Включи в настройках сайта jQuery 1.6 - а то скрипт табов работать не будет ) ...

 
Дата: Воскресенье, 19.02.2012, 23:03 |
Группа: Гости
Quote (likbezz)
Да нифига не работает )
Включи в настройках сайта jQuery 1.6 - а то скрипт табов работать не будет ) ...

Доброго вечера! Настройку включил, это не проблема, проблема появилась другая.... в табах отказывается работать галерея изображений и воопще любые всплывающие окна.... отключаю 1.6.1 не работает таб, но работает галерея....

 
Дата: Воскресенье, 19.02.2012, 23:06 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 единственное что работает это зум картинок, причем не выводит даже стандартные аякс окна, мелькает и все.... галерея просто затемняется и ....

 
Дата: Воскресенье, 19.02.2012, 23:12 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Quote (Гость)
Доброго вечера! Настройку включил, это не проблема, проблема появилась другая.... в табах отказывается работать галерея изображений и воопще любые всплывающие окна.... отключаю 1.6.1 не работает таб, но работает галерея....

Ёпт. И сме и грех, как говорится.
Тогда поменяй скрипт табов на вот этот:
или пропиши ссылку (для пробы):
Code
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/_dimox.tabs.js"></script>

В шаблоне ничего, кроме скрипта, менять не нужно.
...

 
Дата: Воскресенье, 19.02.2012, 23:42 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 ок ))) сейчас..

Добавлено (19.02.2012, 23:26)
---------------------------------------------
увы все тоже самое..

Добавлено (19.02.2012, 23:35)
---------------------------------------------
но аякс уже появился!

Добавлено (19.02.2012, 23:42)
---------------------------------------------
правда исчез второй материал....

 
Дата: Воскресенье, 19.02.2012, 23:42 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
ППЦ, ты дизайнер.
Вот это исправляй:
Quote (HTML)
<script type="text/javascript">
$(function(){$('ul.tabs').delegate('li:not(.current)','click',function(){$(this).addClass('current').siblings().removeClass('current').paren ts('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150)})})
</script>

<script language="JavaScript" type="text/javascript">
function l_image (a) {
document.example_img.src=a
}
</script>
</div><div id="entryID23"><div style="width: 49%; height: 250px; float: left; margin: 1px;">
<!--Start()-->

И вот здесь:
Quote (Code)
<script language="JavaScript" type="text/javascript">
function l_image (a) {
document.example_img.src=a
}
</script>
</div></div>
<div style="text-align:center;"><span class="pagesBlockuz2"><b class="swchItemA1"><span>1-2</span></b> </span></div><!-- </body> -->
<!-- </middle> -->

Того что выделено у тебя нет, а должно быть.
... Или давай сюда целиком шаблон ...

 
Дата: Понедельник, 20.02.2012, 00:27 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 <div style="width: 49%; height: 250px; float: left; margin: 1px;">

<!--Start()-->
<div class="section">
<ul class="tabs"><li class="current">Фото</li><li>Подробно</li><li>Контакты</li><li>Описание</li></ul>
<div class="box visible">
<left>
<?if($IMG_URL1$)?>Смотреть:<br><a href="$IMG_URL1$?lightbox[width]=&lightbox[height]=" class="lightbox" rel="group1">
<img src="$IMG_URL1$" width="80" alt=""/></a><?endif?>
<?if($IMG_URL2$)?><a href="$IMG_URL2$?lightbox[width]=&lightbox[height]=" class="lightbox" rel="group1">
<img src="$IMG_URL2$" width="80" alt=""/></a><?endif?>
<?if($IMG_URL3$)?><a href="$IMG_URL3$?lightbox[width]=&lightbox[height]=" class="lightbox" rel="group1">
<img src="$IMG_URL3$" width="80" alt=""/></a><?endif?>
<?if($IMG_URL4$)?><a href="$IMG_URL4$?lightbox[width]=&lightbox[height]=" class="lightbox" rel="group1">
<img src="$IMG_URL4$" width="80" alt=""/></a><?endif?>
<?if($IMG_URL5$)?><a href="$IMG_URL5$?lightbox[width]=&lightbox[height]=" class="lightbox" rel="group1">
<img src="$IMG_URL5$" width="80" alt=""/></a><?endif?>

<link rel="stylesheet" type="text/css" href="/lightbox/jquery.lightbox.css" />
<script src="/lightbox/jquery.lightbox.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.lightbox').lightbox();
});
</script>

</left></div>
<div class="box"><table width="100%"><tr><td width="50%">Станция метро - $OTHER1$<br>Количество комнат - $OTHER2$<br>Спальных мест - $OTHER3$<br>Вид аренды - $OTHER4$<br>Время заселения - $OTHER5$</td><td width="50%">Список оборудования:$MESSAGE$</td></tr></table></div>
<div class="box">Контактное лицо: $AUTHOR_NAME$<br>Телефон: $AUTHOR_PHONE$</div>
<div class="box"></div>

</div>
<!--//End()-->

<script type="text/javascript">
$(function(){
$('ul.tabs').each(function(){
$(this).find('li').each(function(i){
$(this).click(function(){
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
});
});
});
})
</script>

Добавлено (20.02.2012, 00:27)
---------------------------------------------
ладно, мне главное что аякс начал работать, все остальное доделаю потиху! Спасибо большое извини что напряг своими проблемами!

Сообщение отредактировал Solyt - Понедельник, 20.02.2012, 00:08
 
Дата: Понедельник, 20.02.2012, 00:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Ну, этот код в принципе, верный ... Ща гляну что у тебя ...
Теперь ошибок нет, но галерея с 1,6 видимо работать не хочет.... Так что, ... ставь обратно 1,3 ...
...

 
Дата: Понедельник, 20.02.2012, 00:58 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 не хочет, в том и дело.... осталось только через аякс выводить.... хорошо хоть он заработал

Добавлено (20.02.2012, 00:57)
---------------------------------------------
ну вот сейчас все работает ))0 в 1.3

Добавлено (20.02.2012, 00:58)
---------------------------------------------
хм... причем и табы тоже )))

 
Дата: Понедельник, 20.02.2012, 01:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Quote (Solyt)
не хочет, в том и дело.... осталось только через аякс выводить.... хорошо хоть он заработал

Ну, аякс - это системная библиотека - ей грех не работать )
...

Quote (Solyt)
ну вот сейчас все работает ))0 в 1.3
Добавлено (20.02.2012, 00:58)
---------------------------------------------
хм... причем и табы тоже )))

Я ж тебе говорил )
... Подтверждаю, работает.
Ошибок не наблюдаю )
...

 
Дата: Понедельник, 20.02.2012, 01:08 |
Solyt
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


 да ))) Огромное спасибо! ))) Но почему табы заработали если они должны работать в библиотеке 1.6? В принципе изменился только код JS который ты сегодня редактировал, все остальное (за исключением </script> просто вырезал не аккуратно) тоже самое было, но работало то табы то галерея, а вместе ни как ))) Еще раз спасибо!

 
Дата: Понедельник, 20.02.2012, 01:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Solyt,
Quote (Solyt)
Но почему табы заработали если они должны работать в библиотеке 1.6?

Я ж тебе дал скрипт для 1,3. и ты его поставил - смотрю на него - по этому и работает ...
...
Quote (Solyt)
В принципе изменился только код JS который ты сегодня редактировал

Ну, вот это оно и есть )
...

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Вопросы от пользователя “Solyt”, Табы. Как и почему. (Вопросы от пользователя “Solyt”, на тему верстки и дизайна.)
  • Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Поиск:


Мобильная версия