Віконний інтерфейс HTML + Javascript
Ми всі вже звикли до віконного інтерфейсу у операційних системах. Звикаємо до "віконець" які вискакують на сайтах і дратують нас. Інколи самі на сайтах використовуємо щось типу чатів для on-line консультацій, тощо. Я помітив що такі вікна вкрай туплять і капець як гальмівно завантажуються і працюють. Бо сучасні підходи розробки вимагають... Та в деяких проектах зручніше використовувати саме інтерфейс схожий на віконний. Тому трохи заморочився і зробив щось таке, що назвав WinManager.
Головна ідея була зробити простий, ЛЕГКИЙ і ШВИДКИЙ механізм керування "вікнами" без жодних залежностей. Тобто, не використовувати жодних бібліотек та фреймворків. Але щоб цей механізм можна було використовувати з іншими бібліотеками та фреймворками якщо буде потрібно.
WinManager дозволяє досить просто робити з DIV-вів вікна, які можна пересувати мишкою, змінювати розмір, звертати/розвертати. За допомогою Javascript можна програмно керувати "вікнами", та змінювати їхній контент, розміри, положення, зберігати та відновлювати положення та стан вікон.
Windows Manager JavaScript бібліотека
Приклад використання WinManager доволі простий і складає всього один html файл який містить необхідні HTML, CSS і Javascript. Нарізати на шматки та запиляти під свої потреби зможете самі.
Бажаю успіхів.
P.S. вибачайте за очапатки якшо шо :)
Дивись також:
- Справочник команд по Docker. Как поднять Swarm
- MongoDB Replica Set в Docker
- Справочник команд MongoDB
- Как настроить NGNIX Loader balancer + SSL в Docker
- Технология Push notifications. Как сделать на сайте
- Пример Websocket сервера и Websocket клиента. Пример простого чата на websocket
- Как использовать Memcached в Python
- Как использовать Radis в Python
Есть одна ситуация - окно можно переместить вниз за пределы видимой части общей рабочей зоны. Необходимо добавить условие как это сделано для право-лево-верх.
Добавил
Tags
web java-script bmp280 adc bldc stm32 rs-232 programmator 3d-printer flash pwm sms motor docker raspberry-pi meteo gps ngnix bme280 timer ssd1331 mpu-6050 bkp battery rfid st-link tim mpx4115a ssd1306 encoder atmega pmsm wifi options rtc examples nvic soldering mongodb esp8266 books lcd foc flask barometer bluetooth ethernet brushless uart watchdog servo gpio solar git remap dma usart eb-500 smd nodemcu sensors displays html python capture dht11 led i2c eeprom piezo exti websocket max1674 usb dc-dc avr hih-4000 css mpu-9250
Архіви