Форумы портала PHP.SU

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Форумы портала PHP.SU » Список сообщений, автором которых является twodogs

Страниц (1): [1]

Найдено сообщений: 4

twodogs

Отправлено: 13 Мая, 2023 - 21:15:02 • Тема: Объединить два кода • Форум: Напишите за меня, пожалуйста

Ответов: 2
Просмотров: 1441

Есть два кода, которые должны делать одно и тоже - отбирать нужные блоки. Первый код фильтрует с помощью кнопок, второй выпадающим списком.

CODE (html):
скопировать код в буфер обмена

    <div style="margin:10px 5px 20px 0;">
    <!-- Кнопки отдельно -->
    <a href="javascript:;" class="filterA activeA" data-filter="all">View all</a>
    <a href="javascript:;" class="filterA" data-filter="o">black</a>
    <a href="javascript:;" class="filterA" data-filter="a">white</a>
    <a href="javascript:;" class="filterA" data-filter="p">green</a>
    </div>
 
    <div class='Luxexe'>
    <!-- Выпадающий список -->
    <select id='Jueyci'>
         <option value='ci'>View all</option>
         <option value="o">black</option>
         <option value="a">white</option>
    </select>
    </div>
  <div class='container'   id='Rupymi'>
 
    <div class=" a1 ci filter-item o show"> <a data-fancybox='aq' href="http://ipic.su/7z1pOc"><img src='http://ipic.su/7z1pOc'> </a></div>
    <div class=" a1 ci filter-item p show"> <a data-fancybox='aq' href="http://ipic.su/7z1qJw"><img src='http://ipic.su/7z1qJw'> </a></div>
    <div class=" a1 ci filter-item a show"> <a data-fancybox='aq' href="http://ipic.su/7z1qJw"><img src='http://ipic.su/7z1qJw'> </a></div>
</div>

CODE (javascript):
скопировать код в буфер обмена

$(document).ready(function() {
  $(".a1").children('a').fancybox({
    loop: false
  });
  $('.filterA').click(function() {
    if( $(this).hasClass('activeA') ) {
      console.log('already activeA');
    }
    else {
      console.log('new activeA');
      $('.filterA').removeClass('activeA');
      $(this).addClass('activeA');<a> Tag bekommt die Klasse "selected" hinzugefьgt
 
      var $dataFilter = $(this).data('filter');
 
      if( $dataFilter == 'all') {
        console.log('add show to all');
        $('.filter-item:not(.show)').fadeIn(500);
        $('.filter-item').addClass('show');
        $('.a1').children('a').attr('data-fancybox', $dataFilter).data("fancybox", $dataFilter);
      }
      else {
        console.log('delete show ' + $dataFilter);
        $('.filter-item:not(.' + $dataFilter + ')').fadeOut(0);
        $('.filter-item:not(.' + $dataFilter + ')').removeClass('show');
        $('.filter-item.' + $dataFilter).fadeIn(500);
        $('.filter-item.' + $dataFilter).addClass('show');
        $('.a1.' + $dataFilter).children('a').attr('data-fancybox', $dataFilter).data("fancybox", $dataFilter);
      }
    };
  });
});
 
 
  $(document).ready(function () { 
    var filter_select_el = document.getElementById("Jueyci"); 
    var items_el = document.getElementById("Rupymi"); 
    filter_select_el.onchange = function () { console.log(this.value); 
    var items = items_el.getElementsByClassName("ci"); 
    for (var i = 0; i < items.length; i++) { 
    if (items[i].classList.contains(this.value)) { items[i].style.display = "block"; } 
    else { items[i].style.display = "none"; } } }; });
 

twodogs

Отправлено: 12 Мая, 2023 - 17:20:08 • Тема: Помочь поправить js код fancybox с фильтром контента • Форум: JavaScript & VBScript

Ответов: 0
Просмотров: 895

ситуация такая: есть галерея картинок fancybox, которая должна от фильтроваться при нажатии на кнопки фильтра или выбором пункта из выпадающего списка.

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

Если в коде js указать непосредственно div, то фильтр не работает. Если указать вложенный в div тег "a", то работает.

Разместил весь код для наглядности тут

Вопрос можно закрыть, помогли на другом форуме

twodogs	Отправлено: 25 Ноября, 2021 - 14:34:36 • Тема: Помогите написать код • Форум: Напишите за меня, пожалуйста
Ответов: 2 Просмотров: 76	Vladimir Kheifets Спасибо за подробный ответ, теперь все стало ясно как строить взаимодействие между документами.

twodogs

Отправлено: 23 Ноября, 2021 - 14:51:08 • Тема: Помогите написать код • Форум: Напишите за меня, пожалуйста

Ответов: 2
Просмотров: 76

В этом всем только начинаю разбираться, по этому если можно, то объясните пожалуйста более понятней как это можно реализовать.

Есть две страницы - "A" и "B", на "B" подсчитывается количество div блоков и полученный результат нужно передать в тег p на странице "A"

CODE (html):
скопировать код в буфер обмена

 
<!-- Страница "В"-->
 
<section class="content">
        <div>1a<div>1.1</div><div>1.1</div></div>
        <div>2a</div>
        <div>3a</div>
</section>
 
<script>
        var div_count = $('.content > div').length;
        $('p.result').text(div_count + " divs.");
</script>

В данном примере долно быть число - 3

CODE (html):
скопировать код в буфер обмена

 
<!-- Страница "A"-->
 
<div><p class="result">Вот тут должна выводиться цифра 3</p></div>

Страниц (1): [1]