Js - Форум программистов и сисадминов Киберфорум

Запись от russiannick размещена 30.08.2026 в 18:56

Показов 2562 Комментарии 0

Метки js

Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман.

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

russiannick

Калькулятор для расчета родства

Запись от russiannick размещена 07.08.2026 в 21:51

Показов 4221 Комментарии 0

Метки js

1. Задача: Создать калькулятор для расчета родства.
Родственных связей существует 8 ступеней, такие как:
p - отец
P - мать
q - муж
Q - жена
b - брат
B - сестра
s - сын
S - дочь
Преобразовать вводимую пользователем строку этих символов.

2. Решение: Создаю кнопки калькулятора на основе тега input [type='button']

HTML5
1
<input type="button" value="p" onclick="a='p'+a; fn()">

...

russiannick

Текстовый слайдер с нумерацией страниц и кроссбраузерность.

Запись от russiannick размещена 18.07.2026 в 19:36

Показов 957 Комментарии 0

Метки js, слайдер

Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью.
Очевидно сложно угодить с шириной каждому браузеру. Один крадет пиксель, другой 10 добавляет. В результате неопределенность и разброд. Чтобы положить этому конец, решил юзать метод половинного деления. Поясню. В рантайм текст кладу в невидимый элемент и сразу замеряю его ширину. Если не уложился в `прокрустово ложе` то уменьшаю ~~аппетиты~~ символы. И...

russiannick

Рисование бинарного древа до 6-го колена на js, svg.

Запись от russiannick размещена 17.05.2026 в 16:49. Обновил(-а) russiannick 17.05.2026 в 21:14

Показов 2489 Комментарии 0

Метки js

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb">
    <style>
    <![CDATA[
      line {
        stroke:blue;
        stroke-width:3;
      }
      rect {
        stroke-width:3;
      }
    ]]>
    </style>
    <g id="bush">
    </g>
</svg>

JavaScript
1
2
3
function fn(){
    let rost;// высота древа
    let xx=165,yy=210,w=256;

...

russiannick

Имитация медиа-запросов для конкретного элемента (Element Queries)

Запись от mrtoxas размещена 30.06.2020 в 14:38

Показов 2106 Комментарии 0

Метки html, js, resizeobserver

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

HTML5
1
2
3
<div class="wrapper" id="wrap" data-mq="">
  <div class="block"></div>
</div>

JavaScript
1
2
3
4
5
6
7
const mq = {
  sm: 200,
  md: 400,
  lg: 600
};
 
const element = document.getElementById("wrap");

...

mrtoxas

HTML5(canvas) + Js, игра

Запись от pavlinmavlin размещена 01.04.2019 в 19:43

Показов 4621 Комментарии 6

Метки canvas, html5, js, игра

Сваял вот такую игрульку.

Нажмите на изображение для увеличения
Название: загруженное (2).png
Просмотров: 801
Размер: 36.6 Кб
ID: 5318

Играем за Человечка.

Сверху игрового поля летает птичка и сбрасывает вниз яйца и кирпичи. Яйца нужно ловить.
За каждое пойманное яйцо +1 к счету и -1 к кол-ву жизней птички. Если яйцо не поймать, то упав оно разобьется....

pavlinmavlin

разработчик

Спойлер на js

Запись от mrtoxas размещена 29.10.2016 в 23:47

Показов 2065 Комментарии 0

Метки js, spoiler

CSS
1
2
3
4
.spoiler {display: inline-block; vertical-align: top;}
.block {width: 40px; height: 30px; background: tomato; margin: 5px;}
.spoiler__split {display: block; text-align: center; cursor: default; }
.spoiler__drop {padding: 1px 0;background-color: green;}

HTML5
1
2
3
4
<div class="spoiler">
  <div class="block">1</div>
  <div class="block">2</div>
  <div class="block">3</div>

...

mrtoxas

Интересное на хабре, сегодня.

Запись от and_y87 размещена 04.02.2015 в 11:14

Показов 8007 Комментарии 5

Метки js, php, программирование, разработка

То что меня заинтересовало.

Двухфакторная аутентификация, которой удобно пользоваться
Блог компании Яндекс, Разработка под iOS*, Мобильный веб*, Криптография*, Информационная безопасность*
http://habrahabr.ru/company/yandex/blog/249547/

Буфер вывода в PHP
Блог компании Mail.Ru Group, PHP*, Веб-разработка*
http://habrahabr.ru/company/mailru/blog/248573/

XSS на сайтах, использующих Instagram API
Информационная...

and_y87

Develo0per

Bind на Сочетания Клавиш ( Ctrl+?, Alt+?, Shift+?) ( JS )

Запись от and_y87 размещена 20.07.2014 в 10:10

Показов 4643 Комментарии 0

Метки bind, ctrl, js, key, сочетание

Добавил на GitHub в свою library скрипт в функционал которого входит:
Бинд функций на сочетакния клавиш и просто на клавишу.

Код реализован на чистом JavaScript

Используемые для бинда функции:

JavaScript
1
2
3
4
BindKey._ctrl( key, func )
BindKey._alt( key, func ) 
BindKey._shift( key, func ) 
BindKey._key( key, func )

Функции принимают 2 параметра:

key = (int)код клавиши либо (str) клавиша
func = функция,

...

and_y87

Develo0per

Определение исчисляемого ( JS + PHP )

Запись от and_y87 размещена 17.07.2014 в 10:10

Показов 3222 Комментарии 0

Метки js, php, исчисляемое, окончание, определение

Добавил на GitHub в свою library скрипт определения исчисляемого на JS.
Ранее в в этом блоге постил уже эту функцию, но определение было только на PHP.

Теперь код реализован на JavaScript & PHP.

Функция принимает 2 параметра:

число
Массив вида Array( 'день', 'дня', 'дней' )

Профит:
- использовать, что бы определить исчисляемое, это много где используется либо...

and_y87

Develo0per

isOnline - трекер соединения с сайтом.

Запись от and_y87 размещена 14.07.2014 в 11:51

Показов 3919 Комментарии 0

Метки js, online, plugin

Недавно загорелся желанием создать скрипт позволяющий определить есть ли у пользователя соединение с сайтом.
На мой скромный взгляд это актуально для Touch-устройств.

Профит вижу в следующем:
перед запросом проверять переменную ONLINE на == false.
и если условие прошло, то оповещать пользователя о том что пока он не будет в сети, ничего не будет.

Так я и написал скрипт isOnline[ссылка на gitHub]
Скрипт с указанным интервалом...

and_y87

Develo0per

Создание блока вкладок.

Запись от and_y87 размещена 07.07.2014 в 18:45

Показов 3671 Комментарии 1

Метки jquery, js, вкладки, разработка

Нормальные вкладки на jQuery - 1 скрипт на всё.

Ответ на вопрос: как сделать блок открывающийся при клике, а другие при этом закрываются.

CSS
1
.none { display: none; }

HTML5
1
2
3
4
5
<div class="blokc__tabs">
 
    <div class="b-tabs__header">
        <a class="b-tabs__link" href="#first"> первый </a> |
        <a class="b-tabs__link" href="#next">

...

and_y87

Develo0per

Мастер-класс. Митап по БЕМ

Запись от and_y87 размещена 07.05.2014 в 01:34

Показов 3261 Комментарии 0

Метки bem, html, js, yandex, разработка

BEMup в Минске, 18 апреля 2014.

Разработка сайта с нуля на полном стеке БЭМ-технологий.
Докладчики: Жека Константинов, Дима Белицкий, Слава Аристов, Яндекс

Ссылка на видео

and_y87

Develo0per

Всего блогов	1,223
Всего записей	7,276
Записи за последние сутки	0

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .

Сообщение форума

Отменить изменения

Архив
< Сентябрь 2026
Вс	Пн	Вт	Ср	Чт	Пт	Сб
23	24	25	26	27	28	29
30	31	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	1	2	3