Blog. Just Blog

Быстрый поиск

Введите фрагмент названия статьи для поиска

Исследование защиты программы phpDesigner

06.04.2024 | Категория: Темная сторона Силы | Автор: ManHunter

Скриншот программы phpDesigner

phpDesigner - интегрированная среда разработки для начинающих и профессиональных web-программистов. Поддерживает синтаксис основных языков web-программирования, отладку, системы контроля версий, фреймворки, проверку синтаксиса, таблицы стилей и многое-многое другое. Без регистрации работает ограниченное время, после чего требует покупки. Но, как говорится в старом анекдоте, "перебьетесь" пишется с мягким знаком.

Читать статью целиком »
Просмотров: 509 | Комментариев: 1

Как сохранить HTML Canvas в виде изображения

03.04.2024 | Категория: Web-мастеру и не только | Автор: ManHunter

Как сохранить HTML Canvas в виде изображения

Canvas - элемент HTML5, предназначенный для создания и обработки растрового изображения при помощи скриптов на языке JavaScript. На его основе, к примеру, работают различные библиотеки для построения графиков, различные онлайновые редакторы изображений, сервисы навигации и даже достаточно продвинутые анимированные игры. Все области применения трудно перечислить. Но просто рисовать в браузере иногда может быть недостаточно, надо передать готовый результат на сервер или сохранить в виде изображения на локальный компьютер.

Читать статью целиком »
Просмотров: 1195 | Комментариев: 0

Открывающийся текст (спойлер) на CSS и JavaScript

03.03.2024 | Категория: Web-мастеру и не только | Автор: ManHunter

Открывающийся текст (спойлер) на CSS и JavaScript

Слово "спойлер" в современном интернете чаще всего используется в значении некой информации, которая заранее раскрывает важный сюжетный поворот или какую-то ключевую суть повествования. В публикациях спойлеры обычно делают в виде раскрывающегося текста, "аккордеона", с использованием тегов <details> / <summary> и другими способами. Сейчас в мессенджерах и на многих информационных сайтах спойлеры оформляют в виде размытого текста, который открывается при клике на него. Давайте тоже сделаем что-нибудь подобное.

Читать статью целиком »
Просмотров: 1140 | Комментариев: 1

Получение позиции курсора в текстовом поле INPUT

11.07.2022 | Категория: Web-мастеру и не только | Автор: ManHunter
Нашел в этих ваших интернетах забавный визуальный эффект для поля ввода логина и пароля. Но, на мой взгляд, он работает не совсем правильно, так как глаза должны следить за позицией курсора в поле ввода, а не за количеством введенных символов.

Пришлось рисовать универсальную кроссбраузерную функцию для получения позиции курсора в поле INPUT, дополнив список уже имеющихся функций похожего назначения. Вот что у меня получилось:
  1. <script type="text/javascript">
  2. function getpos(id) {
  3.     var el=document.getElementById(id);
  4.     var possel;
  5.  
  6.     // Internet Explorer
  7.     if (document.selection) {
  8.         el.focus();
  9.         if (sel=document.selection.createRange()) {
  10.             sel.moveStart('character', -el.value.length);
  11.             pos=sel.text.length;
  12.         }
  13.         // ... something wrong ...
  14.         else {
  15.             pos=0;
  16.         }
  17.     }
  18.     // Mozilla, Chrome
  19.     else if (el.selectionStart || el.selectionStart=='0') {
  20.         if (el.selectionDirection) {
  21.             if (el.selectionDirection=='backward') {
  22.                 pos=el.selectionStart;
  23.             }
  24.             else {
  25.                 pos=el.selectionEnd;
  26.             }
  27.         }
  28.         else {
  29.             // Opera 9
  30.             pos=el.selectionEnd;
  31.         }
  32.     }
  33.     // ... something wrong ...
  34.     else {
  35.         pos=0;
  36.     }
  37.     return parseInt(pos);
  38. }
  39. </script>
Единственный параметр - id поля ввода, на выходе числовое значение позиции курсора. Вызов функции лучше биндить на все возможные обработчики, так или иначе связанные с изменением содержимого поля ввода или с его (де)активацией. В некоторых случаях в старых браузерах может наблюдаться проблема с определением позиции курсора при выделении фрагмента текста, а также при автоповторе нажатия клавиш. В современных браузерах все работает нормально.

Читать статью целиком »
Просмотров: 1103 | Комментариев: 1

Стилизация заданного количества HTML-элементов

25.04.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Стилизация заданного количества HTML-элементов

Средства CSS3 предоставляют широкие возможности для стилизации HTML-элементов. Например, при помощи псевдо-класса :nth-child() можно стилизовать определенный по счету элемент, четные и нечетные элементы, а также элементы, подходящие под формулу записи этого псевдо-класса (смотрите документацию). А вот не совсем стандартная задача: есть таблица, надо стилизовать только первые N ее строчек.

Читать статью целиком »
Просмотров: 994 | Комментариев: 0

Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2025
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.09 сек. / MySQL: 3 (0.0028 сек.) / Память: 4.5 Mb
Наверх