Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Добро пожаловать в Кран-ресторан — казуальный симулятор, который превратит вас в настоящего мастера кулинарии! Управляйте краном, ловите нужные ингредиенты и готовьте блюда по рецептам, избегая ошибок, чтобы сохранить рейтинг и получить ценные награды.

Кран-Ресторан

Казуальные, Аркады, Шарики

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Jquery + Программирование

С этим тегом используют

Javascript HTML IT Программист IT юмор Разработка Python Картинка с текстом Юмор Все
14 постов сначала свежее
tablepedia
11 месяцев назад

Обсуждение социализма и коммунизма на Пикабу (12.07.2024-25.07.2024)⁠⁠

Спойлер: визуализация находится по адресу http://tablepedia.com/dataviz-2024_07_27.htm

Хэштеги:

https://pikabu.ru/tag/Социализм

https://pikabu.ru/tag/Коммунизм

https://pikabu.ru/tag/Стоп-кран

Теперь показываю визуализацию данных о о просмотре статей на тему «Обсуждение социализма и коммунизма на Пикабу (12.07.2024-25.07.2024)» по адресу http://tablepedia.com/dataviz-2024_07_27.htm

Если перейдёте на данную страницу, то там есть ссылки на самые читаемые статьи с вышеупомянутыми хэштегами.

Для запуска этой страницы (если вы её скачали) на компьютере необходимы библиотеки (то есть файлы) jquery-3.7.1.js и raphael.min.js.

Можно скачать архив с этой страницей и нужными библиотеками по адресу:

http://www.tablepedia.com/dataviz-2024_07_27.zip

Обсуждение социализма и коммунизма на Пикабу (12.07.2024-25.07.2024) СССР, Социализм, Коммунизм, Стоп-кран, Javascript, Jquery, Программирование, Программист, Капитализм, Профсоюз

Визуализация данных по адресу http://tablepedia.com/dataviz-2024_07_27.htm

[моё] СССР Социализм Коммунизм Стоп-кран Javascript Jquery Программирование Программист Капитализм Профсоюз
4
tablepedia
11 месяцев назад

Обсуждение СССР в статьях на Пикабу (14.07.2024-24.07.2024)⁠⁠

Спойлер: визуализация находится по адресу http://tablepedia.com/dataviz-2024_07_25.htm

21 июля 2024 года пользователем xMakedonecx была опубликована статья «Низкий поклон Монгольскому народу за помощь в трудную минуту!» по адресу https://pikabu.ru/story/nizkiy_poklon_mongolskomu_narodu_za_pomoshch_v_trudnuyu_minutu_11615804

Она собрала за 4 дня 1341K просмотров, а другие 9 статей про СССР - от 120 тыс. до 250 тыс. просмотров.

Хэштег: https://pikabu.ru/tag/СССР

Теперь показываю визуализацию данных о о просмотре статей на тему «Обсуждение СССР в статьях на Пикабу (14.07.2024-24.07.2024)» по адресу http://tablepedia.com/dataviz-2024_07_25.htm

Если перейдёте на данную страницу, то там есть ссылки на вышеупомянутые статьи.

Для запуска этой страницы (если вы её скачали) на компьютере необходимы библиотеки (то есть файлы) jquery-3.7.1.js и raphael.min.js.

Можно скачать архив с этой страницей и нужными библиотеками по адресу:

http://www.tablepedia.com/dataviz-2024_07_25.zip

Обсуждение СССР в статьях на Пикабу (14.07.2024-24.07.2024) СССР, Великая Отечественная война, Javascript, Jquery, Программирование, IT, Скрипт, Визуализация, Диаграмма

Визуализация данных по адресу http://tablepedia.com/dataviz-2024_07_25.htm

[моё] СССР Великая Отечественная война Javascript Jquery Программирование IT Скрипт Визуализация Диаграмма
3
tablepedia
11 месяцев назад

Обсуждение внезапно прерванных дружб и поздно сбывшихся мечтаний в статьях про закрытый гештальт (06.07.2024-10.07.2024)⁠⁠

Спойлер: визуализация находится по адресу http://tablepedia.com/dataviz-2024_07_22.htm

9 июля 2024 года пользователем GutalinMySadness была опубликована статья «Гештальт закрыт» по адресу https://pikabu.ru/story/geshtalt_zakryit_11583484

Она собрала за 12 дней свыше полуторамиллионов просмотров, а ответные 8 статей собрали от 124 тыс. до 646 тыс. просмотров.

Примечательно, что во всех этих статьях присутствует хэштег https://pikabu.ru/tag/Гештальт

Теперь показываю визуализацию данных о о просмотре статей на тему «Обсуждение внезапно прерванных дружб и поздно сбывшихся мечтаний в статьях про закрытый гештальт (06.07.2024-10.07.2024)» по адресу http://tablepedia.com/dataviz-2024_07_22.htm

Если перейдёте на данную страницу, то там есть ссылки на вышеупомянутые статьи.

Для запуска этой страницы (если вы её скачали) на компьютере необходимы библиотеки (то есть файлы) jquery-3.7.1.js и raphael.min.js.

Можно скачать архив с этой страницей и нужными библиотеками по адресу:

http://www.tablepedia.com/dataviz-2024_07_22.zip

Обсуждение внезапно прерванных дружб и поздно сбывшихся мечтаний в статьях про закрытый гештальт (06.07.2024-10.07.2024) Гештальт, Дружба, Мечта, Визуализация, Javascript, Jquery, Svg, Программирование, IT, Скрипт

Визуализация данных по адресу http://tablepedia.com/dataviz-2024_07_22.htm

Гештальт Дружба Мечта Визуализация Javascript Jquery Svg Программирование IT Скрипт
0
Партнёрский материал Реклама
specials
specials

Только каждый третий пикабушник доходит до конца⁠⁠

А сможете ли вы уложить теплый пол, как супермонтажник?

Проверить

Ремонт Теплый пол Текст
808
JavaSrcipt
JavaSrcipt
1 год назад

Нерассказанная история веб-разработки⁠⁠

  • 1990: HTML придумали

  • 1994: CSS придумали, чтобы пофиксить HTML

  • 1995: JS придумали, чтобы пофиксить HTML/CSS

  • 2006: jQuery придумали, чтобы пофиксить JS

  • 2010: AngularJS придумали, чтобы пофиксить jQuery

  • 2013: React придумали, чтобы пофиксить AngularJS

  • 2014: Vue придумали, чтобы пофиксить React & Angular

  • 2016: Angular 2 придумали, чтобы пофиксить AngularJS & React

  • 2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue

  • 2019: React hooks придумали, чтобы пофиксить React

  • 2020: Vue 3 придумали, чтобы пофиксить React hooks

  • 2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue

  • 2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid

  • 2021: React Suspense придумали, чтобы пофиксить React, снова

  • 2023: Svelte Runes придумали, чтобы пофиксить Svelte

  • 2024: jQuery до сих пор используется на 75% сайтов

Программирование Веб-разработка HTML Javascript CSS Jquery Angularjs Vue React IT юмор Текст
339
23
DELETED
2 года назад
Лига программистов

Самый большой проект на бесплатной cms⁠⁠

Итак, меня сделали админом этого сообщества :) К сожалению, постов тут нет, так что модерировать особо нечего. Старые посты тоже модерировать уже нельзя :)

Попробую исправить ситуацию :) Напишу пост сам и забаню кого-нибудь в комментариях :)

Насколько нелепо большие проекты вы писали на простых бесплатных cms? В моей практике, присутствует интернет магазин с собственным движком и практически годом разработки на wordpress и крупный проект в сфере телекома ( https://irt24.ru/ ).

Проект в сфере телекома, продажа интернет и ТВ тарифов, по сути сайт посредник(диллер) продающий тарифы Ростелекома/МТС и прочих через свой функционал.

На старте функционал выглядел не очень большим, на пару месяцев работы, подумаешь парочка тарифов и не такое делали. Максимум 6-8 месяцев, хотя сроки я не взялся сразу точно назвать.

На практике оказалось, что количество параметров редактируемых у этих тарифов физически в админке выглядит как простыня 1000px на 9000px, это сотни параметров различающихся в зависимости от группы тарифов и обладающие сложными взаимосвязями между собой.

Там где на сайте скромный каталог из четырех разделов, в админке скрыто ещё 10-к каталогов взаимосвязанных друг с другом. Тарифы телевидения содержат каналы, каналы распределяются по пакетам каналов, делятся по тематикам итд.

Стоит подметить, админка wordpress без особых проблем справилась с подобной загрузкой, каталоги весьма удобно распределились в меню, параметры редактирования тарифа органично распределись на всем доступном пространстве экрана администратора.

Один экран, с настройками роутеров(подобные экраны ещё два вверх, несколько вниз):

Самый большой проект на бесплатной cms Программирование, Телекоммуникации, Wordpress, PHP, Javascript, Jquery, CSS, HTML, IT, Длиннопост

На самом сайте, разумеется фунционал тоже реализовывался без лишней скромности и с максимальным размахом. Беглый просмотр функционала Ростелекома и МТС по тематике показал крайнюю их узость и отсутствие массы ценных и необходимых пользователю функций.

Зато данные функции в избытке нашлись на американских площадках, откуда и начали щедро заимствоваться, попутно максимально расширяясь и усложняясь.

Так родились карточки генерируемые вплоть до запятой под каждый тариф и даже в мелочах редактируемые через админку, умная корзина позволяющая детально настроить все основные и дополнительные опции для тарифа, разумеется отдельные страницы для каждого тарифа позволяющие сделать тоже самое +дающие развернутое описание опций.

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

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

То есть, если безлимитной мобильной связи среди тарифов со скоростью интернета 500 мб/с нет, то данная опция становится недоступной и мы показываем подсказку почему так произошло.

Самый большой проект на бесплатной cms Программирование, Телекоммуникации, Wordpress, PHP, Javascript, Jquery, CSS, HTML, IT, Длиннопост

Впрочем, выше сказанное указывает только на фильтр. Где же каталог? Разумеется, наш фильтр должен уметь переключаться между категориями каталога, причем проверяя сможет ли он это сделать с уже выбранными опциями.

Обязательно, нужно добавить в фильтр возможность подбора по цене, это очень важно. Причем ползунков там должно быть два и оба в режиме реального времени оценивать своё состояние, нельзя прокрутить ползунок в состояние в котором фильтр не найдет тарифа.

Так же, никогда нельзя забывать про мобильные устройства, все должно работать на любом смартфоне/планшете/умном холодильнике(кто знает как жизнь повернется?)

И так, тарифы подобраны, дальше нужно их сравнить. Здесь нужно реализовать функционал сравнения по каждой опции и от щедрой души разрешить сравнивать между собой даже тариф только с интернетом, против тарифа только с ТВ. Вдруг появятся желающие(ценители).

В целом, реализация подобных монстров в одиночку на WP, это довольно спорная идея. Хотя вполне возможно, структура кода тоже получается максимально простой.

Чистый php, общение с базой данных через базовый функционал WP.

Jquery и парочка простых библиотек.

Файлы в коде изолированы по модулям, модуль сравнение содержит все свои стили, скрипты и файлы php шаблонов. То есть, практически автономен, имеет свой css и свой js, не подгружаемые другими модулями. Заметных сложностей с поиском кода не было :)

Показать полностью 2
[моё] Программирование Телекоммуникации Wordpress PHP Javascript Jquery CSS HTML IT Длиннопост
39
11
DELETED
3 года назад

Водятся ли работодатели для программистов на пикабу?⁠⁠

Возможно кому-то нужны fullstack js/php разработчики?


Заканчиваю проект и в принципе полностью свободен. Ранг неуверенный в себе джуниор, 12 лет опыта. Немного знаком с js/jquery/php/html/css, сталкивался с дизайном.


Делал такие штуки как: https://irt24.ru/ , фильтр тут интересно выглядит https://irt24.ru/uslugi/all-together/ и сравнение (его как раз заканчиваю...), плагин магазинов на WP https://argon-studio.ru/portfolio/stroiPostavka  (если ссылки нельзя, извини модератор, тогда могу прислать при личной переписке).


Сейчас размышляю на тему в какую сторону дальше развиваться и думаю обучаться реакту или углубляться в backend в сторону Laravel/Симфони.


Будет очень удачно, если кому требуются программисты на WP, возможно сайты нужно поддерживать. Или готовы взять удаленно новичка на один из фреймворков(реакт, ларавел, симфони итп), терпеть его и отвечать на наивные вопросы... Вдруг?


Связь +7 909 217 34 33 (whatsapp), скайп sargonblack1


В связи с обоснованной критикой, "пост должен быть смешным или интересным", добавляю картинку. И интересный факт, "Первоначально Google назывался BACKRUB" :)

Водятся ли работодатели для программистов на пикабу? Программирование, Программист, Вакансии, PHP, Javascript, Jquery, Wordpress, Текст
Показать полностью 1
[моё] Программирование Программист Вакансии PHP Javascript Jquery Wordpress Текст
22
DELETED
3 года назад

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu⁠⁠

Рассмотрим один из самых простых способов создать мобильное меню в Drupal 8. Для этого используем модуль Responsive and off-canvas menu.

Устанавливаем через Composer:

composer require drupal/responsive_menu ; drush en responsive_menu -y

Скачиваем библиотеку mmenu.

cd ~/site_root/libraries/ ; git clone https://github.com/FrDH/jQuery.mmenu.git && mv jQuery.mmenu mmenu

Правильней было бы ставить библиотеку через композер, но мы сэкономим время и просто клонируем библиотеку в папку libraries.


Переходим на страницу настроек модуля «Responsive Menu»:

/admin/config/user-interface/responsive-menu

В разделе OFF CANVAS указываем машинное имя меню.

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

Если нужна «Основная навигация» — оставляйте main.

Остальные настройки можно оставить по умолчанию.

Переходим на страницу «Схема блоков»:

/admin/structure/block

Располагаем в нужном регионе гамбургер:

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

Название блока с гамбургером — Responsive menu mobile icon

Переходим на главную страницу и нажимаем на гамбургер.

Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu Разработка, Программирование, IT, Программист, Обучение, Урок, Drupal, Backend, Меню, Мобильное, Hamburger, Web, Web-программирование, Frontend, Jquery, Модуль

На ширине 320px мобильное меню будет выглядеть так

Показать полностью 2
[моё] Разработка Программирование IT Программист Обучение Урок Drupal Backend Меню Мобильное Hamburger Web Web-программирование Frontend Jquery Модуль
3
maxim9319
4 года назад

Помогите!!!Не срабатывает код,в чем проблема?⁠⁠

Есть код.
Есть сайт.
хочу что бы при выборе товара вместо списка цвета масло появились картинки с цветом масла.
Но код срабатывает только после обновления второго раза карточки.
Есть ли среди пикабушников профессионалы верстки?
Спасибо заранее.

<!-- custom html/javascript code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/im..." type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.m..." integrity="sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/im...">

<script>
var imageSelect;

imageSelect = function(){

if( $('div[data-product-uid="891394094472"] .t-store__prod-popup__info select').is('select') ) console.log("Select существует");
else console.log("Select не существует");

var eqSelect = 0;
$('div[data-product-uid] .t-store__prod-popup__info').arrive("select", function() {
var $newElem = $(this);

console.log("Функция imageSelect сработала");

if( eqSelect == 1 )
{
//Заменяем список выбора цвета на картинки
$(this).find("option").each(function( index ) {
//console.log( index + ": " + $( this ).text() );
//console.log("Добавляем параметр option");

switch( $( this ).text() ){
case 'Бесцветный': $( this ).attr("data-img-src", "https://i.ibb.co/7pFqYNV/3032.png");
break;
case 'Дуб светлый': $( this ).attr("data-img-src", "https://i.ibb.co/SdmLk8x/3103.png");
break;
case 'Серый гранит': $( this ).attr("data-img-src", "https://i.ibb.co/2gjFwbk/3118.png");
break;
case 'Клен темный': $( this ).attr("data-img-src", "https://i.ibb.co/wYz3QN7/3123.png");
break;
case 'Махагон': $( this ).attr("data-img-src", "https://i.ibb.co/LxVRXfC/3138.png");
break;
case 'Коньяк': $( this ).attr("data-img-src", "https://i.ibb.co/02W9xjf/3143.png");
break;
case 'Венге': $( this ).attr("data-img-src", "https://i.ibb.co/z6VkvnD/3161.png");
break;
case 'Орех': $( this ).attr("data-img-src", "https://i.ibb.co/GcCqFCj/3166.png");
break;
case 'Дуб античный': $( this ).attr("data-img-src", "https://i.ibb.co/Y8d4Cwh/3168.png");
break;
default: $( this ).attr("data-img-src", "https://i.ibb.co/pv3LXkS/noimg.jpg");
}
});

//console.info("Применяем Image Picker");
//jQuery("select#test").imagepicker({
$(this).imagepicker({
hide_select: true,
show_label: true,
});

//Чтобы убралась стрелочка у нужного select
$(this).parent().addClass('hideArrow');

//Arrive.unbindAllArrive();
$('div[data-product-uid="891394094472"] .t-store__prod-popup__info').unbindArrive("select");
}
eqSelect++;
});
}

jQuery(document).ready(imageSelect);

$(document).on('page:load', imageSelect);
</script>

<style>
.t-store .t-product__option-variants.hideArrow:after {
display: none;
}
ul.thumbnails {
display: flex;
flex-wrap: wrap;
}
#allrecords ul.thumbnails {
padding-left: 0;
}
ul.thumbnails.image_picker_selector li .thumbnail {
padding: 3px 4px 0;
border: 1px solid transparent;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
background: #fff;
border: 1px #ddd solid;
}
ul.thumbnails.image_picker_selector li .thumbnail p {
font-size: 10px;
width: auto;
margin: 2px 0px;
overflow: hidden;
height: 23px;
text-align: center;
}

@Media screen and (max-width: 650px) {
ul.thumbnails.image_picker_selector li .thumbnail p {
/*display: none;*/
font-size: 9.5px;
}
ul.thumbnails.image_picker_selector li .thumbnail img {
width: 70px;
height: 70px;
}
}
</style>

Показать полностью
Программирование Jquery Длиннопост Текст
6
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии