Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно решить такую проблему? / 9 сообщений из 9, страница 1 из 1
29.12.2009, 22:21
    #36392957
Esofter
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
Установил плагин LightBox. Он устанавливается на див, в котором есть ссылки на картинки и открывает эти картинки в окне джаваскрипт.
Код: plaintext
1.
2.
3.
4.
5.
<script type="text/javascript">
    $(function() {
        $('#divid a').lightBox();
    });
    </script>


Проблема в том, что эти ссылки мне нужно выводить в строках таблицы и в одном диве их разместить не получается. Каждую ссылку оборачивал в свой див с одинаковым айди(который указан в скрипте где инициализируется lightbox) но плагин тогда работает только с первой ссылкой.
Дайте пожалуйста совет как обойти эту проблему.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.12.2009, 22:23
    #36392958
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
Esofter,

попробуйте проставьте у таблицы, в которой находятся эти ссылки id="divid". При этом остальные дивы, которых вы понаставили, особенно с id="divid", уберите.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.12.2009, 22:36
    #36392971
Esofter
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
an0nymEsofter,

попробуйте проставьте у таблицы, в которой находятся эти ссылки id="divid". При этом остальные дивы, которых вы понаставили, особенно с id="divid", уберите.

Спасибо, заработало. Но теперь появилась новая проблема :). В этой таблице есть еще ссылки(они на другие страницы ведут) и теперь при нажатии на них опять это джаваскрипт окно вылазит. Может их завернуть в дивы с другим именем?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 00:24
    #36393038
Esofter
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
Ссылки на эти картинки у меня в самом крайнем столбце. Может сделать его как отдельную таблицу, завернуть ее в этот див?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 01:19
    #36393068
Elain
Elain
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
Собсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 01:38
    #36393076
Esofter
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
ElainСобсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>

Это ж не ссылка должна быть лайтбоксом. Лайтбокс - это див, и все ссылки в нем открывают картинку не на странице браузера, а в окне джаваскрипт. А вы предлагаете из ссылок лайтбоксы делать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 01:56
    #36393083
Esofter
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
ElainСобсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>

Извините, болтнул не проверя. Все работает. Большое спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 09:59
    #36393248
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
Esofter
Код: plaintext
1.
2.
3.
4.
5.
<script type="text/javascript">
    $(function() {
        $('#divid a').lightBox();
    });
    </script>

В приведенном фрагменте кода вы говорите, дословно, "все ссылки (тэг <a>) внутри любого тэга с id = divid вне зависимости от уровня вложенности должны стать лайтбоксовыми".

Изменением селектора '#divid a' (а именно он отвечает за "все ссылки (тэг <a>) внутри любого тэга с id = divid вне зависимости от уровня вложенности...") можно изменить элементы, к которым будет применен лайтбокс, что выше вам и продемонстрировали.

Дальше советую почитать про CSS 3.0 селекторы (вроде их поддерживает jQuery, некоторые эмулирует) и выбрать элементы для применения лайтбокса как вашей душе будет угодно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2009, 18:02
    #36394410
Frenzy
Frenzy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как правильно решить такую проблему?
просто подключите скрипт с лайтбоксом, подописывайте ссылкам аттрибут rel="lightbox" и поубирайте всю остальную ересь.

_______________________________________
2pro4U :: твиттер :: блог
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно решить такую проблему? / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 431ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453740]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 153ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 199ms
total:  431ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]