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





Доброго времени суток! Подскажите пожалуйста мне решение вот такой задачи, мне надо чтобы вот в этом тексте

$(function () {

function makeTabs(contId) {
var tabContainers = $('#'+contId+' div.tabs > div');
tabContainers.hide().filter(':ID').show();

$('#'+contId+' div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('#'+contId+' div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':ID').click();
}

});

ID было не названием (сейчас ид (в JS) материала у меня работает как просто название) а конкретным, уникальным номером задающим, свое, уникальное название-номер для таба.
Если не сложно конечно...
Возможно ли вообще это сделать?

Добавлено (17.02.2012, 23:29)
---------------------------------------------
likbezz, помоги пожалуйста если возможно

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


Гость,
Quote (Гость)
Доброго времени суток!

Доброй ночи.
Quote (Гость)
Подскажите пожалуйста мне решение вот такой задачи, мне надо чтобы вот в этом тексте

А это вообще что такое?
Нет, понятно что это скрипт табов, но что вы хотите от него, мне не понятно.
Есть пример где это работает и не работает... или подробнее опишите что нужно ...
Лично я, ничего не понял,особенно вот это:
Quote (Гость)
ID было не названием (сейчас ид (в JS) материала у меня работает как просто название) а конкретным, уникальным номером задающим, свое, уникальное название-номер для таба.

...


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


это js файл для табов, но проблема в том, что класс ид, при желании сделать вывод материалов (доски объявлений) в тех же табах, приводит к слипанию класов ид и вместо нужного, одновременно открываются все, проблема решаема с помощью присвоения каждому классу ид материала, тогда номер материала служит уникальным названием и не возникает конфликта... но я не могу решить проблему, как сделать так, чтобы в этом самом файле js ид читалось как реальное ид материала в модуле, а не как простые буквы (имя класса) Ид...
наверно плохо объяснил...

Добавлено (17.02.2012, 23:55)
---------------------------------------------
работает здесь http://www.tominsk.com/board/kvartiry_na_sutki_v_minske/sutki_kvartira_minsk/2#third19-1

Добавлено (17.02.2012, 23:59)
---------------------------------------------
точнее здесь не работае ))

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


Solyt,
Quote (Solyt)
наверно плохо объяснил...

Вроде, начал догонять )
Quote (Solyt)
работает здесь http://www.tominsk.com/board/kvartiry_na_sutki_v_minske/sutki_kvartira_minsk/2#third19-1

Добавлено (17.02.2012, 23:59)
---------------------------------------------
точнее здесь не работае ))

А вот это - правильное решение - оставить ссылку)
А не проще ли поставить нормальный скрипт для табов - по классу? ... Чем мутить через операторы $ID$?
Неплохой скрипт табов: http://dimox.name/universal-jquery-tabs-script/ ...
...
Позже гляну - напишу.
...


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


В том-то и дело что не проще... заколебаешся создавать новые табы для новых материалов, а так ид поставил и при каждом добавлении свой уникальный класс получается.. ) Отпишись, спасибо тебе!

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


Solyt,
Quote (Solyt)
В том-то и дело что не проще... заколебаешся создавать новые табы для новых материалов, а так ид поставил и при каждом добавлении свой уникальный класс получается.. ) Отпишись, спасибо тебе!

Если привязку к ID не делать не заколебёшься ) Уже делал)
Вот смотри, не плохой скрипт: пример: http://dimox.name/examples/universal-jquery-tabs-script/
Привязка по калассу - открывает табы в блоке по которому кликнули - и никаких ID. Лепи хоть сто штук на страницу.
Скрипт лёгкий, простой как две копейки, ... и рабочий )
...


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


я то слеплю, а как быть с тем кто добавляет материал, ни сном не духо не подозревающий о табах? или выставлять предмодерацию и.....работать, работать, работать ))) я думаю должно быть какое-то решение например (как образный вариант) прежде всего фильтр должен указывать на модуль, а далее уже на ид, только вот как это сделать, если изначально фильтр подразумевает только элемент таба..бр... )))

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


Solyt,
Quote (Solyt)
я то слеплю, а как быть с тем кто добавляет материал, ни сном не духо не подозревающий о табах?

А это-то тут при чём?
Табы нужно формировать в шаблоне, а не в тексте материала.
...
Quote (Solyt)
прежде всего фильтр должен указывать на модуль, а далее уже на ид, только вот как это сделать, если изначально фильтр подразумевает только элемент таба..бр... )))

А при чём тут фильтр.
У тебя табы, как я понял, разделяют текст, изображения и дату ... никакой привязки к фильтру не вижу на твоей странице ...
..


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


Quote (likbezz)
Табы нужно формировать в шаблоне, а не в тексте материала.

так если их делать в шаблоне им необходимо дать уникальное имя для каждого класса (я хочу использовать ($ID$) иначе, при выводе на странице материалов категории больше одного материала, при клике на вкладку оборудование, будут открываться все вкладки оборудования, так как у них будет равный ид="#оборудование"...
фильтр я имею ввиду от эту часть кода tabContainers.hide().filter(':ID').show();

Добавлено (18.02.2012, 11:40)
---------------------------------------------
Либо, как вариант JS применять в самом шаблоне, тогда может сработать.... я плохо в этом разбираюсь, потому и прошу помочь...

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


Solyt,
Quote (Solyt)
так если их делать в шаблоне им необходимо дать уникальное имя для каждого класса

Зачем?
Классы не должны быть уникальными, это не ID.
...

Quote (Solyt)
иначе, при выводе на странице материалов категории больше одного материала, при клике на вкладку оборудование, будут открываться все вкладки оборудования, так как у них будет равный ид="#оборудование"...

Ты видимо не читаешь что я пишу, или не догоняешь смысла.
Quote (likbezz)
Привязка по калассу - открывает табы в блоке по которому кликнули - и никаких ID.

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

Quote (Solyt)
я плохо в этом разбираюсь, потому и прошу помочь...

Я пытаюсь, но ... видимо плохо получается.
Разберись сначала в том что такое класс и что такое ID.
Как вкуришь - посмотри ещё раз скрипт что по ссылке постом выше. Постарайся вникнуть о чём пишет автор скрипта.
Если появятся конкретные вопросы, спрашивай, помогу.
“Помогу” - это не означает, что я буду делать шаблон за тебя.
...


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


я и не просил делать за меня, в любом случае спасибо за помощь!
Что касается одновременного клика по группе вкладок, то здесь дело обстоит несколько иначе и не представляется затруднительным вообще!
например !
У тебя вид материалов является табом, где
....
<div class="tabs">

<ul class="tabNavigation">
<li><a href="#(любое название))">квартира</a></li>
<li><a href="#(любое название)">оборудование</a></li>
<li><a href="#(любое название)">Подробно</a></li>

</ul>

<div id="(любое совпадающее с первыми вариантами)" class="tab_content">
<div id="(любое совпадающее с первыми вариантами)" class="tab_content">
<div id="(любое совпадающее с первыми вариантами)" class="tab_content">

Но если на странице более 1 материала то значения у них будут одинаковые и при клике на <li><a href="#(любое название))">квартира</a></li> будет открываться столько вкладок квартир, сколько их будет на странице, при этом js (фильтр) согласно указаний файла остальные вкладки будет прятать... т.е.
получиться ужас что!

Добавлено (18.02.2012, 12:39)
---------------------------------------------
Все что мне хотелось узнать, это как прописать $ID$ в файле JS так, чтобы оно читалось как ид конкретного материала...большего не надо, если знаешь как, то помоги, в остальном же я просто рассуждал и заметь предлогал, но не ждал что ты мне сам разжуешь, в рот положишь и съешь за меня )) Если отвлекаю, просто скажи и напрягать не стану..мир большой...

Добавлено (18.02.2012, 12:44)
---------------------------------------------
ссылка выше не подходит....

(function($) {
$(function() {

$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
})

})
})(jQuery)

установлено фиксированное значениеcurrent, а это значит что проблема повторится...[/color]

Добавлено (18.02.2012, 12:51)
---------------------------------------------
одновременно будет прятать все вкладки current

Добавлено (18.02.2012, 12:53)
---------------------------------------------
но если сделать это значение current зависящим, равным, как угодно от уникального ид материала, то проблема исчезает

Добавлено (18.02.2012, 12:59)
---------------------------------------------

Quote (likbezz)
Классы не должны быть уникальными, это не ID.

но ведь могут же быть, зачем писать новые табы если уникальный ид это делает вместо тебя? какая разница, назовешь ты их курент или это будет цифра 18 или 19 или 25000...

Добавлено (18.02.2012, 13:04)
---------------------------------------------
по поводу классов ты прав,
<li><a href="#(любое название))">квартира</a></li> это не класс, я это имею ввиду

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


Quote (Solyt)
я и не просил делать за меня, в любом случае спасибо за помощь!

Это я так, на всякий)
...

Quote (Solyt)
установлено фиксированное значениеcurrent, а это значит что проблема повторится...

Да, видимо, вы совсем не понимаете меня. ...


... Надеюсь вы не думаете что прописывал руками 30 ID ? )
Попробуйте открыть все сразу....

Код этого примера в прикреплении - убедитесь сами - там все классы - одинаковые.
...

Quote (Solyt)
установлено фиксированное значение current, а это значит что проблема повторится...

current - значит - текущая, открытая вкладка. Это просто обозначение открытой в данный момент вкладки ...
...

Прикрепления: tabs_18-02-2011.txt (4.3 Kb)

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


Да я понимаю )), но эти табы ты сделал в ручную))) прописывая новые и новые значения... квартира1,2,3, и т.д., но речь идет о выводе материалов, которые будут добавлять пользователи в таб виде, для чего можно и нужно автоматическое прописывание этих самых квартира1,2,3,4,5...250 и т.д. вот глянь на моей страничке при клике на вкладку таба, в адресной строке прописывается автоматом ее уникальное значение , например имя квартира 1 (в твоем случае) равно 18-1 (в моем), но я это не сидел и не прописывал, а все сгенерировалось через уникальный ИД материала...)) согласись, это куда удобней чем вписывать

Добавлено (18.02.2012, 13:30)
---------------------------------------------
классы одинаковые, вопросов нет, но
вот это делано руками(копировалось и тд
<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, 13:31)
---------------------------------------------
http://www.tominsk.com/board/kvartiry_na_sutki_v_minske/sutki_kvartira_minsk/2#19-2 здесь

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


Solyt,
Quote (Solyt)
вот глянь на моей страничке при клике на вкладку таба, в адресной строке прописывается автоматом ее уникальное значение , например имя квартира 1 (в твоем случае) равно 18-1 (в моем), но я это не сидел и не прописывал, а все сгенерировалось через уникальный ИД материала...))

А какая разница что в адресной строке? Тебе это важно? ...
...
Quote (Solyt)
согласись, это куда удобней чем вписывать

Так, всё. Труба. Проехали.
...
Quote (Solyt)
http://www.tominsk.com/board/kvartiry_na_sutki_v_minske/sutki_kvartira_minsk/2#19-2 здесь

Ты скоро поймешь, что это совсем даже не хорошо. Как только появится вертикальная прокрутка, и после каждого клика страница будет дергаться.
...


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


Quote (likbezz)
current - значит - текущая, открытая вкладка. Это просто обозначение открытой в данный момент вкладки ...

В нашем конкретном примере это уникальное имя вкладки которая будет открыта сразу... хм... помоему начинаю догонять .... это в моем виде кода так было а здесь получается самогенерируемый код?

Добавлено (18.02.2012, 13:42)
---------------------------------------------
ты уж извини ))) что достаю тебя)

Добавлено (18.02.2012, 13:56)
---------------------------------------------
я понял ))достаточно лишь было прописать <li class="current">, т.е. то о чем ты мне твердил и всеже убедил biggrin ))) спасибо огромное, сам бы не догнал )))

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


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