26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
1 | |
Скрывать и показывать строки таблицы08.07.2013, 10:27. Показов 14501. Ответов 25
Метки нет (Все метки)
Формирую циклом строки таблицы. Количество строк равно количеству дней месяца. Но иногда на один день может быть несколько стрлк. Нужно показывать только по одной, но ставить ссылку по нажатию накоторую таблица должна раздвинуться и появиться скрытые строки. И обратная операция по скрытию строк. Подскажите, как сделать.
0
|
08.07.2013, 10:27 | |
Ответы с готовыми решениями:
25
Правильно показывать и скрывать содержимое Показывать и скрывать элемент при нажатии Показывать/скрывать элементы для touch устройств При нажатии на кнопку показывать\скрывать парные объекты |
54 / 52 / 10
Регистрация: 28.09.2012
Сообщений: 97
|
||||||
08.07.2013, 11:39 | 2 | |||||
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
||||||
08.07.2013, 11:45 [ТС] | 3 | |||||
я не могу пока проверить код, но по-моему это немного не то. тут добавляются строки, а мне нужно что бы они уже были добавлены, но не видны, а после клика по ссылка они показывались бы. т.е. php-файл генерит циклов код типа
0
|
54 / 52 / 10
Регистрация: 28.09.2012
Сообщений: 97
|
||||||
08.07.2013, 12:04 | 4 | |||||
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
08.07.2013, 14:33 [ТС] | 5 |
Вопрос. Данный код откроет все строки у которых есть пробел одновременно? Если да то как привязать скрытые стрлки к определенной строке со ссылкой?
0
|
54 / 52 / 10
Регистрация: 28.09.2012
Сообщений: 97
|
||||||
08.07.2013, 15:14 | 6 | |||||
pixel, принцип такой: щелкаете на строке, за которой следуют строки с пробелом. Строки с пробелом становятся видимыми вплоть до следующей строки с цифрой. Попробуйте потестить, должно нормально работать.
В принципе, якорные элементы можно и в ссылочки обернуть для наглядности
ну что, разобрались?
1
|
Develo0per
|
|||||||||||
09.07.2013, 16:15 | 7 | ||||||||||
pixel, Если бы показали пример таблицы (её код) было бы намного проще...
Добавлено через 16 минут Недоглядел... Увидил это то бишь отталкичаться только от наличия пробелов ( ) ? Добавлено через 12 минут Как вариант: добавить 2 типа атрибутов... это много упростит задачу... html Кликните здесь для просмотра всего текста
JS Кликните здесь для просмотра всего текста
рабочий пример
1
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
09.07.2013, 16:58 [ТС] | 8 |
только что вернулся. сейчас буду пробовать. кстати, сразу наводящий вопрос. подгружаю таблицу я аяксом, тогда как $(document).ready(function() срабатывает (как я понимаю) только при первой полной загрузке страницы (последующие вызовы на подмену данных в определенном div уже не будут вызывать данную функцию)
0
|
Develo0per
|
|||||||||||
09.07.2013, 17:08 | 9 | ||||||||||
pixel, можно добавить в css правило:
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
09.07.2013, 17:09 [ТС] | 10 |
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
13.07.2013, 17:56 [ТС] | 12 |
ну подскажите как мне переключение из этого кода повесить на ссылку? у меня вообще какая то хрень неработающая получается. Обрисую: в строку, у которой есть скрытые строки добавляю ссылку с текстом "Есть еще х событий ...". Открываться скрытые строки должны при клике на ссылку (а не на строку), после чего текст ссылки должен поменяться на "Скрыть" и при нажатии на эту ссылку дополнительные строки должны скрываться с заменой текста ссылки на первоначальный. Я даже не могу понять как поставить обработчик на <a href="#"> потому что если ссылка не одна и она где то внизу страницы, то при ее нажатии страница обновляется и переносится наверх.
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
15.07.2013, 20:13 [ТС] | 14 |
попробую, но мне кажется не все так просто
Добавлено через 2 часа 44 минуты Дело в том, что как я и писал выше, если ссылка находится внизу страницы (за гранью видимости), то при использовании <a href="#" страница перегружается и соответственно раскрытый список получается ниже видимости. Можно ли как то убрать действие перезапуска страницы? Добавлено через 2 минуты Опять же нужно как то перерабатывать обработчик скрытия строк на ту же ссылку, т.к. сейчас скрытие происходит при клике на строку. но получается что нужно подменять ссылке не только текст но и группу.
0
|
Develo0per
|
|||||||||||
16.07.2013, 10:39 | 15 | ||||||||||
Там всего 10 строк, проанализируй код и поймёшь то что эта ссылка многофункциональная, их может быть много... она как много дистанционных пультов от телевизора...
поставь внутрь строк хоть на каждой :
Анализ кода
бинд функции на объект страницы содержащий аттрибут 'data-child' по действию 'click' Скрипт: задать переменной id значение аттрибута 'data-child', значение атрибута объекта по которому был произведён клик далее: выбрать элементы 'tr' с аттрибутом 'data-child' который будет равен id и выполнить на элементах .slideToggle() .slideToggle() - функция которая скрывает/раскрывает элемент по переменно... со второй всё похоже...
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|||||||||||
16.07.2013, 15:19 [ТС] | 16 | ||||||||||
Да это все понятно. Но если там 300 строк и в трехсотойстроке есть подстроки то для того что бы добраться до этой стрлки надо скроллить страницу и после клика по ссылке придется заново скролить. Я что непонятно объясняю проюлему?
Добавлено через 4 часа 1 минуту все что я пытался узнать разрешил посредством замены ссылки на вот это:
0
|
Develo0per
|
|||||||||||
16.07.2013, 15:32 | 17 | ||||||||||
pixel,
так же у него есть брат но более жестокий....
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
|
16.07.2013, 15:34 [ТС] | 18 |
не, координальные меры мне ни к чему. теперь другой вопрос, после клика на ссылке (спане) у меня подменяется текст на "Скрыть" - а при обратной операции как мне вернуть именно старое значение данного спана? оно же везде разное.
0
|
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,269
|
||||||
16.07.2013, 15:43 [ТС] | 20 | |||||
0
|
16.07.2013, 15:43 | |
16.07.2013, 15:43 | |
Помогаю со студенческими работами здесь
20
Как правильно показывать один див и скрывать другой? При наведении/уводе мыши с элемента показывать/скрывать кнопку На сайте добавить код html, который при нажатии строчки в radio списке будет скрывать одну картинку и показывать другую. Скрывать или показывать элементы по клику Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |