Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подскажите как сделать (https://javascript.ru/forum/jquery/59914-podskazhite-kak-sdelat.html)

newperson 02.12.2015 22:12

Подскажите как сделать
 
Здравствуйте! Столкнулся со скриптом, не представляю даже как он должен работать .Итак у меня есть 10 элементов (<a>). Когда человек нажимает на один из них, блок скрывается, и если человек нажал на 3 элемента, то должна всплывать форма. Получается, что если человек не нажал на элементы, то форма не всплывает, а если он нажал на 3 элемента с 10 то форма всплывает. Очень нужна помощь, я новичок в JS!)

рони 02.12.2015 22:20

newperson,
клик на ссылку -- ссылке меняется добавляется класс -- идёт подсчёт всех ссылок с данным классом, если три и более открыть форму

newperson 02.12.2015 22:25

как сделать подсчёт всех ссылок с данным класом??

рони 02.12.2015 22:44

Цитата:

Сообщение от newperson
как сделать подсчёт всех ссылок с данным класом??

вам осталось придумать как сделать переход по ссылкам если это вам конечно нужно
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .first + img{
    display: none;

  }
  .orange{
     background-color: rgba(255, 165, 0, 1);
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $("a"), d = $(".first"), f = $("img");
       s.click(function() {
         $(this).addClass("orange");
         var len = s.filter(".orange").length;
         len == 1  && d.hide();
         len == 3  && f.show();
         return false
      });
});


  </script>
</head>

<body>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
<a href="">11</a>

<div class='first'>

чтобы получить пончик нажмите три любых ссылки

</div>
<img src="http://www.japan-ponchik.com/menu/img/img-08-02-l.jpg" height="100" alt="">

</body>

</html>

newperson 03.12.2015 01:56

Огромное спасибо, очень мне помогли!!!


Часовой пояс GMT +3, время: 15:52.