В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

jQuery — русскоговорящее общество

410 membersпожаловаться на группу
2020 April 14

AT

Alex Tishchenko in jQuery — русскоговорящее общество
спасибо. Похоже на неправильную подготовку разметки. Занимаюсь...
источник
10:25пожаловаться#1

Ю

Юра in jQuery — русскоговорящее общество
Привет , как настроить в codesandbox , чтобы то что на русском языке , писало нормально , а на иероглифами. Я перекинул из проекта в среду codesandbox  , и мне выдает такое https://prnt.sc/rz7e84
Lightshot
Screenshot
Captured with Lightshot
источник
18:24пожаловаться#2
2020 April 15

AA

Andrey Andrey in jQuery — русскоговорящее общество
Привет ребята подскажите как лучше реализовать или может у кого есть пример
Нужны динамические ячейки типа поля морского боя (визуально выглядит) Но админ может менять их количество

Дале при нажатие ячейки появлялась таблица
После занесения данных в таблицу ячека меняла цвет на нужный по условию
источник
09:07пожаловаться#3

ДВ

Данил Васильевич in jQuery — русскоговорящее общество
Andrey Andrey
Привет ребята подскажите как лучше реализовать или может у кого есть пример
Нужны динамические ячейки типа поля морского боя (визуально выглядит) Но админ может менять их количество

Дале при нажатие ячейки появлялась таблица
После занесения данных в таблицу ячека меняла цвет на нужный по условию
таблица с дивами внутри У каждого див id. id взят из массива для добавления и удаления.
Обработка клика при нажатие на ячейку - показ нужной информации.
Занесение данных в блоки таблицы. смена css стилей ячейки.
Исчите по этому алгоритму
источник
10:30пожаловаться#4

DВ

Den Ветренный in jQuery — русскоговорящее общество
Всем привет у меня вопрос по svg; Короче у меня картинка, в которой есть области (<g>) , в области у меня находиться path и текст (<text>). Как спозицианировать этот текст по центру <g> , когда ставлю x и y  по 50% у меня текст становиться по цетру всей картинки а не определенного <g>
Как это в коде: 
<g x="237.328" y="108.325" width="41" height="45.1713"  data-number="43" class="sector-item">
                                                <text   x="50%" y="50%" fill="#000">22</text>
                                                <rect x="237.328" y="108.325" width="41" height="45.1713" fill="#FFE1C7" stroke="#BDBDBD"/>
                                            </g>
источник
21:36пожаловаться#5

J

Johnny in jQuery — русскоговорящее общество
Den Ветренный
Всем привет у меня вопрос по svg; Короче у меня картинка, в которой есть области (<g>) , в области у меня находиться path и текст (<text>). Как спозицианировать этот текст по центру <g> , когда ставлю x и y  по 50% у меня текст становиться по цетру всей картинки а не определенного <g>
Как это в коде: 
<g x="237.328" y="108.325" width="41" height="45.1713"  data-number="43" class="sector-item">
                                                <text   x="50%" y="50%" fill="#000">22</text>
                                                <rect x="237.328" y="108.325" width="41" height="45.1713" fill="#FFE1C7" stroke="#BDBDBD"/>
                                            </g>
Это чат по библиотеке jQuery
источник
21:58пожаловаться#6
2020 April 16

ИW

Игорь Web in jQuery — русскоговорящее общество
Добрый вечер. ПОдскажите, пожалуйста, как на jquery добавить  данные атрибуты (data-animate-in="fadeIn" data-animate-in-delay="300) в тег div:nth-child(2)   ?
источник
19:18пожаловаться#7

ИW

Игорь Web in jQuery — русскоговорящее общество
или скажем так, что для каждого последующего div, delay будет на 300 больше
источник
19:19пожаловаться#8
2020 April 17

A

AlexsE1ch in jQuery — русскоговорящее общество
Привет, делаю мини програмку и не работет код надо сделать так чтобы когда значение инпут 0 цвет родительского блока стал желтым а когда инпут больше 0 красным и когда меньше ноля стал зеленым помогите пж уже 2 года с jquery не работал поэтому не пойму что  кодом не так: <!DOCTYPE html>
<html lang="ru" dir="ltr">

<head>
 <meta charset="utf-8">
 <title></title>
</head>

<body>
 <h2>Введите в поля цифры и нажмите кнопку - 'Расчитать' после этого у каждого квадрата появися свой цвет Например: Если цифра положительная то квадрат станет зеленым, если отрицательная красным, а если цифра равняется нулю то квадрат станет желтым
 </h2>
 <div class="wrap">

   <div class="block"><input type="text" class="one"></div>
   <div class="block"><input type="text" class="two"></div>
   <div class="block"><input type="text" class="three"></div>
   <div class="block"><input type="text" class="four"></div>
   <div class="block"><input type="text" class="five"></div>
   <div class="block"><input type="text" class="six"></div>
   <div class="block"><input type="text" class="seven"></div>
   <div class="block"><input type="text" class="eight"></div>

 </div>
 <div class="wrap-btn">
   <button class="btn">Расчитать</button>
 </div>
 <style>
   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

   body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Roboto', sans-serif;
     text-align: center;
     padding: 30px;
   }

   .block {
     margin: 20px;
     width: 80px;
     height: 80px;
     background-color: #989898;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   *:active,
   *,
   *:focus {
     outline: none;
   }

   .wrap {
     width: 100vw;
     justify-content: center;
     display: flex;
   }

   .block input {
     width: 30px;
     height: 30px;
     text-align: center;
   }

   .btn {
     width: 180px;
     height: 50px;
     border: none;
     border-radius: 30px;
     font-size: 17px;
     margin-top: 30px;
     background-color: #D9534F;
     color: white;
   }
 </style>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js">

 </script>
 <script type="text/javascript">
   $(document).ready(function() {
     $('.btn').on('click', () => {

       let val1 = $('.block .one').val();
       let val2 = $('.block .two').val();
       let val3 = $('.block .three').val();
       let val4 = $('.block .four').val();
       let val5 = $('.block .five').val();
       let val6 = $('.block .six').val();
       let val7 = $('.block .seven').val();
       let val8 = $('.block .eight').val();

       var arr = [val1, val2, val3, val4, val5, val6, val7, val8];

       $(arr).each(function(item) {
         if (item == 0) {
           $(this).parent().css('background-color', 'yellow');
         } else if (item > 0) {
           $(this).parent().css('background-color', 'red');
         } else {
           $(this).parent().css('background-color', 'green');
         }
       });



     });
   });
 </script>
</body>

</html>
источник
16:08пожаловаться#9

A

Alex in jQuery — русскоговорящее общество
AlexsE1ch
Привет, делаю мини програмку и не работет код надо сделать так чтобы когда значение инпут 0 цвет родительского блока стал желтым а когда инпут больше 0 красным и когда меньше ноля стал зеленым помогите пж уже 2 года с jquery не работал поэтому не пойму что  кодом не так: <!DOCTYPE html>
<html lang="ru" dir="ltr">

<head>
 <meta charset="utf-8">
 <title></title>
</head>

<body>
 <h2>Введите в поля цифры и нажмите кнопку - 'Расчитать' после этого у каждого квадрата появися свой цвет Например: Если цифра положительная то квадрат станет зеленым, если отрицательная красным, а если цифра равняется нулю то квадрат станет желтым
 </h2>
 <div class="wrap">

   <div class="block"><input type="text" class="one"></div>
   <div class="block"><input type="text" class="two"></div>
   <div class="block"><input type="text" class="three"></div>
   <div class="block"><input type="text" class="four"></div>
   <div class="block"><input type="text" class="five"></div>
   <div class="block"><input type="text" class="six"></div>
   <div class="block"><input type="text" class="seven"></div>
   <div class="block"><input type="text" class="eight"></div>

 </div>
 <div class="wrap-btn">
   <button class="btn">Расчитать</button>
 </div>
 <style>
   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

   body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Roboto', sans-serif;
     text-align: center;
     padding: 30px;
   }

   .block {
     margin: 20px;
     width: 80px;
     height: 80px;
     background-color: #989898;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   *:active,
   *,
   *:focus {
     outline: none;
   }

   .wrap {
     width: 100vw;
     justify-content: center;
     display: flex;
   }

   .block input {
     width: 30px;
     height: 30px;
     text-align: center;
   }

   .btn {
     width: 180px;
     height: 50px;
     border: none;
     border-radius: 30px;
     font-size: 17px;
     margin-top: 30px;
     background-color: #D9534F;
     color: white;
   }
 </style>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js">

 </script>
 <script type="text/javascript">
   $(document).ready(function() {
     $('.btn').on('click', () => {

       let val1 = $('.block .one').val();
       let val2 = $('.block .two').val();
       let val3 = $('.block .three').val();
       let val4 = $('.block .four').val();
       let val5 = $('.block .five').val();
       let val6 = $('.block .six').val();
       let val7 = $('.block .seven').val();
       let val8 = $('.block .eight').val();

       var arr = [val1, val2, val3, val4, val5, val6, val7, val8];

       $(arr).each(function(item) {
         if (item == 0) {
           $(this).parent().css('background-color', 'yellow');
         } else if (item > 0) {
           $(this).parent().css('background-color', 'red');
         } else {
           $(this).parent().css('background-color', 'green');
         }
       });



     });
   });
 </script>
</body>

</html>
самое время заглянуть в доку $.each(), основная ошибка именно тут
Jquery
.each() | jQuery API Documentation
источник
19:44пожаловаться#10

A

AlexsE1ch in jQuery — русскоговорящее общество
Скинешь что точно? Пж
источник
19:44пожаловаться#11

J

Johnny in jQuery — русскоговорящее общество
AlexsE1ch
Привет, делаю мини програмку и не работет код надо сделать так чтобы когда значение инпут 0 цвет родительского блока стал желтым а когда инпут больше 0 красным и когда меньше ноля стал зеленым помогите пж уже 2 года с jquery не работал поэтому не пойму что  кодом не так: <!DOCTYPE html>
<html lang="ru" dir="ltr">

<head>
 <meta charset="utf-8">
 <title></title>
</head>

<body>
 <h2>Введите в поля цифры и нажмите кнопку - 'Расчитать' после этого у каждого квадрата появися свой цвет Например: Если цифра положительная то квадрат станет зеленым, если отрицательная красным, а если цифра равняется нулю то квадрат станет желтым
 </h2>
 <div class="wrap">

   <div class="block"><input type="text" class="one"></div>
   <div class="block"><input type="text" class="two"></div>
   <div class="block"><input type="text" class="three"></div>
   <div class="block"><input type="text" class="four"></div>
   <div class="block"><input type="text" class="five"></div>
   <div class="block"><input type="text" class="six"></div>
   <div class="block"><input type="text" class="seven"></div>
   <div class="block"><input type="text" class="eight"></div>

 </div>
 <div class="wrap-btn">
   <button class="btn">Расчитать</button>
 </div>
 <style>
   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

   body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Roboto', sans-serif;
     text-align: center;
     padding: 30px;
   }

   .block {
     margin: 20px;
     width: 80px;
     height: 80px;
     background-color: #989898;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   *:active,
   *,
   *:focus {
     outline: none;
   }

   .wrap {
     width: 100vw;
     justify-content: center;
     display: flex;
   }

   .block input {
     width: 30px;
     height: 30px;
     text-align: center;
   }

   .btn {
     width: 180px;
     height: 50px;
     border: none;
     border-radius: 30px;
     font-size: 17px;
     margin-top: 30px;
     background-color: #D9534F;
     color: white;
   }
 </style>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js">

 </script>
 <script type="text/javascript">
   $(document).ready(function() {
     $('.btn').on('click', () => {

       let val1 = $('.block .one').val();
       let val2 = $('.block .two').val();
       let val3 = $('.block .three').val();
       let val4 = $('.block .four').val();
       let val5 = $('.block .five').val();
       let val6 = $('.block .six').val();
       let val7 = $('.block .seven').val();
       let val8 = $('.block .eight').val();

       var arr = [val1, val2, val3, val4, val5, val6, val7, val8];

       $(arr).each(function(item) {
         if (item == 0) {
           $(this).parent().css('background-color', 'yellow');
         } else if (item > 0) {
           $(this).parent().css('background-color', 'red');
         } else {
           $(this).parent().css('background-color', 'green');
         }
       });



     });
   });
 </script>
</body>

</html>
код лучше скидывать на codepen
источник
19:46пожаловаться#12

A

AlexsE1ch in jQuery — русскоговорящее общество
Ок, в следущий раз на codepen
источник
19:46пожаловаться#13

A

Alex in jQuery — русскоговорящее общество
AlexsE1ch
Скинешь что точно? Пж
1. у jQuery.each первый элемент это index, в вашем случае нужно так: each(index, item)
2. $(this) у массива вернет элемент, а это у вас цифра
источник
19:48пожаловаться#14

A

AlexsE1ch in jQuery — русскоговорящее общество
Мне просто нужно менять родительский элемент
источник
19:48пожаловаться#15

A

Alex in jQuery — русскоговорящее общество
да, но вы обращаетесь к значению, а не элементу
источник
19:49пожаловаться#16

A

Alex in jQuery — русскоговорящее общество
в массиве у вас значения элементов, а не сам элемент
источник
19:49пожаловаться#17

A

AlexsE1ch in jQuery — русскоговорящее общество
А как мне получить сам элемент
источник
19:49пожаловаться#18

A

Alex in jQuery — русскоговорящее общество
AlexsE1ch
А как мне получить сам элемент
для начала 
let val1 = $('.block .one')
без val()
источник
19:50пожаловаться#19

A

Alex in jQuery — русскоговорящее общество
и со всеми остальными так же
источник
19:51пожаловаться#20