Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.89/74: Рейтинг темы: голосов - 74, средняя оценка - 4.89
 Аватар для pixel
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,290

Скрывать и показывать строки таблицы

08.07.2013, 10:27. Показов 15331. Ответов 25
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Формирую циклом строки таблицы. Количество строк равно количеству дней месяца. Но иногда на один день может быть несколько стрлк. Нужно показывать только по одной, но ставить ссылку по нажатию накоторую таблица должна раздвинуться и появиться скрытые строки. И обратная операция по скрытию строк. Подскажите, как сделать.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.07.2013, 10:27
Ответы с готовыми решениями:

Правильно показывать и скрывать содержимое
Всем здрасте, подскажите как правильно скрывать и показывать содержимое блока. <article class="post-entry clr">...

Показывать и скрывать элемент при нажатии
поскольку toggle() больше нет в jq, приходится писать что-то такое: var s=0; if(s==0){ ...

Показывать/скрывать элементы для touch устройств
Здравствуйте уважаемые форумчане. У меня к вам такой вопрос. Делаю на сайте опцию просмотра видеороликов с разных хостингов. Но при...

25
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
16.07.2013, 16:49
Студворк — интернет-сервис помощи студентам
pixel,
так работает ?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(document).on('click', '[data-mine]', function() {
    $('tr[data-child=' + $(this).data('mine') + ']').slideToggle();
    var id = '[data-mine='+$(this).data('mine') + ']' ;
    $( id ).toggle(
        function(){
            $( id ).text('Показать')
        },
        function(){
            $( id ).text('Скрыть')
        }
    )
});
0
 Аватар для pixel
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,290
16.07.2013, 17:12  [ТС]
не работает, при клике надпись вообще пропадает. но один момент вы мне подсказали - действительно, можно количество скрытых строк показывать не в ссылке а текстом, а уже в качестве текста ссылки указывать только Показать и Скрыть. сейчас набросаю и покажу, по-моему там что то не так

Добавлено через 7 минут
мне кажется что условие либо не выполняется, либо как то коряво выполняется. Но работает. Хотелось бы правильный код на основе вот этого:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
    $(document).on('click', '[data-mine]', function() {
     if ($('[data-mine='+$(this).data('mine') + ']').text() == "Скрыть") 
     {
        var id = $(this).data('mine') ;
        $('tr[data-child=' + id + ']').slideToggle();
        $('[data-mine='+$(this).data('mine') + ']').text("Показать");     
     }
     else
     {
        $('tr[data-child=' + $(this).data('mine') + ']').slideToggle();
        $('[data-mine='+$(this).data('mine') + ']').text("Скрыть");
     }   
    });
0
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
16.07.2013, 17:29
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).on('click', '[data-mine]', function() {
 
    var id = $(this).data('mine') ,
        mine = $('[data-mine='+ id + ']') ,
        childs = $('tr[data-child=' + id + ']') ;
 
    if ( mine.text() == "Скрыть") {
        mine.text("Показать");
    } else {
        mine.text("Скрыть");
    }
    childs.slideToggle();
});
1
 Аватар для pixel
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,290
16.07.2013, 18:06  [ТС]
работает, но опять вопрос возник. при нажатии, сначала меняется текст, а потом происходит скрытие/раскрытие. можно ли как то сделать, что бы текст менялся после завершения действия? опять же, какой нить прогресс бар что ли повесить что б было видно что выборка производится.
0
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
17.07.2013, 10:55
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    $(document).on('click', '[data-mine]', function() {
 
        var id = $(this).data('mine') ,
                mine = $('[data-mine='+ id + ']') ,
                childs = $('tr[data-child=' + id + ']') ;
 
 
        childs.slideToggle(200,function(){
            if ( mine.text() == "Скрыть") {
                mine.text("Показать");
            } else {
                mine.text("Скрыть");
            }
        });
        
    });
0
 Аватар для pixel
26 / 19 / 5
Регистрация: 19.05.2009
Сообщений: 2,290
17.07.2013, 14:57  [ТС]
что то не работает - Показать не меняется. опять же 200 - это наверное время, после которого произойдет сработка - если да, то это немного не то. надо отслеживать именно момент старта задания и момент его завершения, после которого и менять текст.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.07.2013, 14:57
Помогаю со студенческими работами здесь

При нажатии на кнопку показывать\скрывать парные объекты
Подскажите, что я делаю не так (может есть упрощенный вариант), ато писал на сколько хватает знаний. При нажати на кнопку должны...

Как правильно показывать один див и скрывать другой?
Привет! В своих проектах всегда использую плавное открытие блока div через fadeIn. Делаю так - проверяю есть ли класс актив. Если нет -...

При наведении/уводе мыши с элемента показывать/скрывать кнопку
Здравствуйте, есть картинки у всех одинаковые идентификаторы (они из базы выводятся), хотелось бы с помощью JQuery сделать так чтоб при...

На сайте добавить код html, который при нажатии строчки в radio списке будет скрывать одну картинку и показывать другую.
Здравствуйте, форумчане. Необходимо на сайте ucalc (конструктор калькуляторов) добавить код html, который позволит при нажатие определенной...

Скрывать или показывать элементы по клику
Здравствуйте. Есть такая проблема: есть 6 картинок, три показываются изначально. Необходимо чтобы при нажатии на первую появлялась...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
26
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru