Помощь по WordPress

[ApocalypseХранитель]

Здесь вы можете задать любые вопросы по системе WordPress

[dicrosУчастник]

Всем привет!

Друзья подскажите пожалуйста как сделать, чтобы в таблице можно было скрывать строки. Есть таблица в ней много строк допустим 100 и выглядят они примерно так:

Цвета Зеленый Синий Желтый Оранжевый Черный и тд....

1 2 3 4 5 6 7

Цвета Зеленый Синий Желтый Оранжевый Черный и тд....

Так вот нужно эти пункты все объединить и спрятать под один «Цвета», но чтобы когда они понадобятся при нажатии на пункт «Цвета» они вновь появлялись. Можно это как-то организовать? желательно средствами css.

[ApocalypseХранитель]

dicros, всё зависит от структуры HTML кода, в которое это всё дело зашито. Есть образец страницы?

[dicrosУчастник]

в личку скинул

[ApocalypseХранитель]

dicros, адрес твоей страницы: http://win-linux.ru/gentoo-use-flags/

Решение — на этой странице в самый низ вставь:

<script> $ = jQuery; var a = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']; a.reverse(); for(i = 0; i < a.length; i++) { $('.entry-content table').prepend('<tr class="aposelector" id="apo' + a[i] + '" onclick="apotoggle(\'' + a[i] + a[i] + a[i] + '\')"><td colspan="2"><b>' + a[i].toUpperCase() + '</b></td>'); }; $('.entry-content table tr:not([class="aposelector"])').each(function() { var c = $(this).find('td:first').text().split('')[0]; $(this).css('display', 'none').addClass(c + c + c).REPLACEAfter('.aposelector#apo' + c); }); function apotoggle(b) { $('tr.' + b).fadeToggle(700); }; // Преобразование таблицы by Apocalypse - imapo.ru (c) 2017 </script>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<script> $ = jQuery; var a = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']; a.reverse(); for(i = 0; i < a.length; i++) { $('.entry-content table').prepend('<tr class="aposelector" id="apo' + a[i] + '" onclick="apotoggle(\'' + a[i] + a[i] + a[i] + '\')"><td colspan="2"><b>' + a[i].toUpperCase() + '</b></td>'); };   $('.entry-content table tr:not([class="aposelector"])').each(function() { var c = $(this).find('td:first').text().split('')[0]; $(this).css('display', 'none').addClass(c + c + c).REPLACEAfter('.aposelector#apo' + c); });   function apotoggle(b) { $('tr.' + b).fadeToggle(700); };   // Преобразование таблицы by Apocalypse - imapo.ru (c) 2017 </script>

• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.

[dicrosУчастник]

Под словами на этой странице имелось ввиду, прямо в саму новость в конце вставить? Если да то изменений никаких. пробовал делать вот по этой инструкции WordPress: Вставка javascript в запись или страницу

[ApocalypseХранитель]

dicros, у тебя должен быть включен режим HTML кодов при редактировании страницы

[dicrosУчастник]

я в нем и делал

[ApocalypseХранитель]

dicros, я проверял код у тебя в консоли и он прекрасно работал. Попробуй запихнуть код в page.php, используя условие только для нужной страницы. Вот накидал статью по условиям как раз: http://imapo.ru/учимся-использовать-условия-для-wordpress/

[dicrosУчастник]

А у меня не срабатывает видимо руки не от туда растут:)))

[ApocalypseХранитель]

dicros, так нельзя! Ты пишешь HTML код внутри PHP кода напрямую. Нужно делать так:

< ?php if(is_page(664)) { ?> <script> $ = jQuery; var a = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']; a.reverse(); for(i=0;i<a .length;i++) { $('.entry-content table').prepend('<tr class="aposelector" id="apo' + a[i] + '" onclick="apotoggle(\'' + a[i] + '\')"><td colspan="2"><b>' + a[i].toUpperCase() + '</b></td><tr colspan="2" class="apocontainer' + a[i] + '" style="display:none;"></tr>'); }; $('.entry-content table tr:not([class="aposelector"]), .entry-content table th').each(function() { var c = $(this).find('td:first').text().split('')[0]; if($(this).find('td:first').size() == 0) { c = $(this).find('th:first').text().split('')[0]; } $(this).addClass(c + c + c).appendTo('.apocontainer' + c); }); function apotoggle(b) { $('.apocontainer' + b).fadeToggle(0); // Скорость анимации. }; // Преобразование таблицы by Apocalypse - imapo.ru (c) 2017 </a></script> < ?php } ?>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

< ?php if(is_page(664)) { ?>   <script> $ = jQuery; var a = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']; a.reverse(); for(i=0;i<a .length;i++) {     $('.entry-content table').prepend('<tr class="aposelector" id="apo' + a[i] + '" onclick="apotoggle(\'' + a[i] + '\')"><td colspan="2"><b>' + a[i].toUpperCase() + '</b></td><tr colspan="2" class="apocontainer' + a[i] + '" style="display:none;"></tr>'); };   $('.entry-content table tr:not([class="aposelector"]), .entry-content table th').each(function() { var c = $(this).find('td:first').text().split('')[0]; if($(this).find('td:first').size() == 0) { c = $(this).find('th:first').text().split('')[0]; } $(this).addClass(c + c + c).appendTo('.apocontainer' + c); });   function apotoggle(b) { $('.apocontainer' + b).fadeToggle(0); // Скорость анимации. }; // Преобразование таблицы by Apocalypse - imapo.ru (c) 2017 </a></script>   < ?php } ?>

• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.
• Ответ изменён 1 год, 2 мес. назад пользователем  Apocalypse.

[dicrosУчастник]

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

[ApocalypseХранитель]

dicros, у тебя не стоят плагины кеширования? Дай свой тимвьювер в личку, если хочешь. Сам гляну

[dicrosУчастник]

Apocalypse, уже не в первый раз выручил. Все сделал теперь вообще красота стала. Спасибо тебе!

[ApocalypseХранитель]

dicros, не за что

[Автор]

Сообщения