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

Симулятор диктатора: 1984

Симуляторы, Новеллы, Казуальные

Играть

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

  • Rahlkan Rahlkan 1 пост
  • Tannhauser9 Tannhauser9 4 поста
  • alex.carrier alex.carrier 5 постов
Посмотреть весь топ

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

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

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

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

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

Аккордеон на грязном jQuery⁠⁠

Учебный пример! Не использовать нигде!

HTML

Добавим только триггер и содержимое:

<button class="js-accordion">
 Click me?
</button>
<div class="content">
 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic iure eaque id repudiandae autem doloremque asperiores dolorum ullam molestias! Quidem sint quis quam quisquam at rem repellat! Magni, doloribus eaque!
</div>

CSS

Скрываем содержимое по умолчанию:

.content {
 display: none;
}

jQuery

// При клике на кнопку
$('.js-accordion').on('click', function() {
 // раскрываем следующий элемент
 $(this).next().slideToggle();
});

В итоге вся магия в методе .slideToggle(). Можете еще почитать о .next() и .on(), хотя пожалуй не стоит. Лучше посетите мой codepen :)

Показать полностью
[моё] Frontend Javascript Jquery Web IT Программирование Web-программирование Верстка Текст
5
35
Beeson
5 лет назад
IT-юмор

Региональные особенности⁠⁠

Региональные особенности Картинка с текстом, Javascript, Jquery, Перевод, Картинки, Reddit

Перевод:

В России мы используем ₽ вместо $, когда работаем с jQuery.

Картинка с текстом Javascript Jquery Перевод Картинки Reddit
48
2
T22000
5 лет назад

Древовидное меню для панели администратора⁠⁠

Попробую первый пост по разработке. Специально для одного моего подписчика который пишет на Delphi)

И так, делал древовидное меню для интернет-магазина, с возможностью добавления категорий "на лету", но план изменился и, дабы труд не пропадал, предам его общественности, может даже кому пригодится.

Пример можно посмотреть тут

Проект на .net Core 3.1 в среде разработки Visual Studio 2019.

- Создаем проект на .net mvc (Core или .net Framework не имеет значения);

- Добавляем модель категории;

Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост

- Создаем папку для хранения класса Html-хелпера который будет формировать разметку для нашего меню (в моем случае это App_Code);

- Добавляем класс для хелпера (у меня это TreeViewMenuHelper.cs) и добавляем туда код:

Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост
Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост

- Теперь для вывода меню на странице нам достаточно указать строку: @Html.CreateBaseList(Model), а компилятор сделает все за нас и создаст html-разметку

- Мой проект имеет такую структуру:

Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост

- Затем создадим объекты Category, без них ну вообще ни как). Я добавил их просто в контроллере, при обращении к Index мы создаем объекты и передаем их в представление.

Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост

Отступление для тех кто первый раз или пишет на Delphi:

Теперь у нас готова реализация MVC:

model - мы описали объект Category.

view - представление, то что видит пользователь.

controller - контроллер, который работает связующим звеном и обрабатывает запросы, например передать в представление категорию с Id = 1 или Id = 2, или все вместе.

Почему в аббревиатуре MVC "С" - поставили последней не знаю, мне кажется это не справедливо по отношению к ней.

- Теперь нам следует добавить стили в файлы стилей (у меня site.css) и скрипты в файлы скриптов (у меня site.js), не перепутать.

- CSS и JavaScript (берем по ссылке в примере).

- И получаем такое меню.

Древовидное меню для панели администратора Программирование, Net, Aspnet, Jquery, Гифка, Длиннопост

Ссылка на депозитарий GiHub (Узнал, что депозитАрий пишется через "А", день не зря прожил)

Показать полностью 6
[моё] Программирование Net Aspnet Jquery Гифка Длиннопост
13
sashka20067
5 лет назад

Динамическая таблица JavaScript⁠⁠

Помогите пожалуйста сделать динамическую таблицу с помощью JavaScript(можно так же использовать jQuery) и HTML.Возможно кто-то может посоветовать видео-урок или литературу.

Заранее спасибо

Динамическая таблица JavaScript Javascript, Jquery, HTML, Web-программирование
[моё] Javascript Jquery HTML Web-программирование
10
107
Owlbeast
5 лет назад
IT-юмор

IT юмор⁠⁠

IT юмор
Javascript Frontend Jquery IT юмор
77
55
PixelSPB
PixelSPB
6 лет назад
Графический и Веб-дизайн

Визуальное отображение сетки Bootstrap 3 при вёрстке⁠⁠

Написал наконец-то небольшой скрипт на jQuery, который визуально отображает колонки вашей темы на Bootstrap 3. Пока это, так называемая "бетка", в дальнейшем возможно буду дорабатывать. Но уже на данном этапе основная задумка реализована.


В первую очередь, скрипт будет полезен верстальщикам, хотя и дизайнерам не помешало бы посмотреть, как это работает и как меняется сетка в зависимости от разрешения экрана.


Небольшая демонстрация, что к чему:

Зачем? Иногда забываешь где нибудь "row" прописать или ещё что, и начинается чехорда - "Принтсрин -> фотошоп -> линейка". А здесь, включил -> глянул -> выключил.

В общем, если кому пригодится - скачать можно отсюда. Подключение простейшее - просто вставляете его в свой документ после подключенного jQuery и наводите курсор в правый верхний угол - появится менюшка, где можно включить отображение сетки.

Показать полностью
[моё] Bootstrap Верстка Jquery Веб-дизайн Сайт Видео
87
336
EliteChieftain
EliteChieftain
7 лет назад
IT-юмор

Дайте мне нормальную работу... Пожалуйста⁠⁠

Дайте мне нормальную работу... Пожалуйста IT, Jquery, Web, Комиксы
Показать полностью 1
IT Jquery Web Комиксы
100
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
1
UltraStalker
UltraStalker
7 лет назад
ИТ-проекты пикабушников

Социальная инженерия до жжения в глазах⁠⁠

Социальная инженерия до жжения в глазах Jquery, Визуальные эффекты, Лендинг

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


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


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


Ну а как только наступит время обобщить первые данные — можно будет делать и выводы.

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