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

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

Войти

Регистрация
Восстановить пароль

Блоги

Сообщество

Поиск

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

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

Показов 2332 Комментарии 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

Показов 2054 Комментарии 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

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

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

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

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

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

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

pavlinmavlin

разработчик

Спойлер на js

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

Показов 1991 Комментарии 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

Показов 7941 Комментарии 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

Показов 4578 Комментарии 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

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

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

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

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

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

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

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

and_y87

Develo0per

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

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

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

Метки js, online, plugin

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

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

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

and_y87

Develo0per

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

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

Показов 3591 Комментарии 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

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

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

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

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

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

and_y87

Develo0per

Статистика блогов

Всего блогов	1,221
Всего записей	7,169
Записи за последние сутки	4

Опции

Случайная запись блога

RSS лента

Глобальное облако меток

.net 1с administration algorithms alt linux android arduino array best practices bash bash debug bash scripting blkid box2d c c# c++ c++ arrays c++ assignment c++ best practices c++ bitwise c++ bool type c++ char type c++ cmath c++ code blocks c++ comparsions c++ conditions c++ conditions; cpp c++ constants c++ data types c++ expressions c++ for loop c++ goto operator c++ include c++ keywords c++ logical c++ logical opeartor c++ matrix c++ modern for loop c++ namespaces c++ numbers c++ opeartions c++ operator priority c++ output c++ ternary operator c++ typing call to action canbus cdc cheat sheet chromium command line chromium options chromium switches cin claude cmake cmos codestyle com com-порт compilation uml scheme; concatenation control instructions cookie certain site cout cout formatting cpp cpp bool data type cpp break cpp char data type cpp codestyle cpp conditional cpp constants cpp continue cpp control instr cpp datatypes cpp keywords cpp loops cpp managing operators cpp operators cpp scope cpp scopes cpp sorting cpp switch datastructure db debian decimal class deploy design domain dos double datatype double float formatting electronics electrotechnology escape sequences f# float datatype for loop fshap module fsharp game gamedev git github gluschenko go golang goto gpio graph greasemonkey gtk2 holywar http infinity-world int datatype java javascript jdk js js html base64 gif favicon js программа keywords kubernetes kubernetes networks lazarus leetcode linux linux command line logical and logical or long datatype main with params math matrix input matrix output microcontroller mingw mobiledev ms-dos ms access naming rules native aot ncurses ndk nuget osi model owenlogic parallel pattern posgresql postgres postgresql powershell problem proxy qt qtcreator race condition s++ codestyle safe assignment sdl sdl3 sdl3_image sdl3_mixer sdl3_ttf server setsettingsrestoredonclose sorting sorting algorythms stability static cast stm32 structural programming suarm scripts suave symantic rules tcp tcp network traffic ternary expression ttf tthread type conversion type promotion ui usb kernel messages usb mount history usb mounting users uuid ux vb vb 6.0 virtual wasm web webassembly whisper winapi windows windows 10 windows 11 wordpad wow автозаполнение асу тп блокировка бп3 бсп вайбкодинг веб вещественные гриб даты диалоговое окно дизайн динамический список документ доступность заводской номер заполнить запрет редактирования даты запрос искусственный интеллект ка2 калькулятор камера катастрофа китай колонки команда формы контроль контроль уникальности копирование макет массив данных математика математика фурье штурм метод штурма модуль формы нейронные сети номеклатура оптимизация отбор отчет очистить перемещение перечисления печатная форма пользователь права доступа прием данных пробег проведение проведение документа разработка сайтов регистр накопления регистр сведений реквизит реквизит формы реквизиты сайты сервер серийный номер си сингулярность скд создание документа создание документов сокет спецтехника справочник статус таблица табличная часть уведомление фосфор функция целые числа экология электронная почта ядерное топлив

Поиск по метке

Новые блоги и статьи Все статьи Все блоги /
GitDOS: Когда я решил скрестить MS-DOS, GitHub и Claude MaGz GoLd 08.07.2026 Привет, Киберфорум! Хочу поделиться своим проектом, который, надеюсь, вас заинтересует. GitDOS — это веб-приложение, которое позволяет запускать DOS в браузере с тремя крутыми фичами: диски живут в. . .	Учебный мини "цифровой двойник" = (Сервер = Java + Flask_питон )+(3D = Гугловскаая 4T nvideo + google colab) +( WMS = Odoo на Docker) anaschu 07.07.2026 Увидел в требованиях к вакансии создателя имитационных моделей связку (REst + Api + WMS + Anylogic + питон + 3D Nvideo), и решил посмотреть, что это такое. Из этого всего я работал более менее. . .	Море в объективе kumehtar 06.07.2026 Хотел написать много проникновенных слов, но передумал. Оно само - говорит. Кто слышит тот слышит.	Doom для терминала без стрельбы и монстров. 3D Raycasting на ascii. dcc0 05.07.2026 Попросил нейронную сеть deepai. org написать рейкастинг 3D с библиотекой ncurses для Linux. Чтобы можно было ходить на стрелочки. Чтобы стены были отрисованы символами. Справилась. Первый вариант. . .
Установка статуса документа по условию Maks 05.07.2026 Алгоритм из решения ниже реализован на нетиповом документе "НарядПутевка" разработанного в КА2. Задача: в табличной части "Материалы" документа при записи автоматически устанавливать статус. . .	Сезонность и суточность закисления почв anaschu 04.07.2026 200 часов это все равно моловато. Есть ситуации, но нестандартные, когда смена происходит за 5 лет. Но обычно это 50 лет и более. Наверное, закисление почвы происходит сезонно в средней. . .	В чем ценность человеческого опыта в глобальном смысле? kumehtar 03.07.2026 Возможно, ценность человека не в том, что он однажды достигает мудрости, а в том, что он становится носителем карты пути. Он знает не только истину, но и последовательность внутренних изменений,. . .	интеграция AnyLogic с самописным REST API и переход на Odoo anaschu 03.07.2026 Успешная интеграция AnyLogic с самописным REST API и переход на промышленную Odoo WMS Сегодня проделал огромный путь от простой симуляции физических процессов до построения полноценной. . .

Наверх

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

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

Архив
< Июль 2026
Вс	Пн	Вт	Ср	Чт	Пт	Сб
21	22	23	24	25	26	27
28	29	30	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	31	1