
Web-мастеру и не только
Полезные решения для Web-мастеров
Web-мастеру и не только - RSS-канал
Web-мастеру и не только - Карта сайта

Определение типа банковской карты по ее номеру
17.09.2019 | Категория: Web-мастеру и не только | Автор: ManHunter

Определение типа банковской карты по ее номеру
Полезная информация в дополнение к опубликованной ранее статье о проверке корректности номера банковской карты. Помимо прочих данных, в номере карты закодирован ее тип, например, Visa, MasterCard или UnionPay. В интернетах есть информация о кодах IIN (Issuer Identification Number), надо только переложить ее на нужный вам язык программирования.
Читать статью целиком »
Просмотров: 1011 | Комментариев: 0

Раскрытие текста при нажатии на ссылку
13.08.2019 | Категория: Web-мастеру и не только | Автор: ManHunter
Раскрывающиеся блоки текста бывают очень удобны, когда требуется разместить на странице достаточно объемные текстовые и/или графические материалы второстепенной важности. Это могут быть какие-то пояснительные тексты к основному материалу, объемные цитаты и другая информация, которая может быть полезной для пользователя, но при этом не должна отвлекать от чтения. Сегодня я расскажу, как это можно сделать максимально просто с минимальным использованием скриптов и стилей.Начнем с верстки. У нас есть блок текста, который будет раскрываться, и ссылка, при нажатии на которую это должно происходить. Все самое обычное, никаких нестандартных приемов верстки.
Code (HTML) : Убрать нумерацию
- <div class="textbox" id="mytext">
- Тут находится большой текст, который мы должны показать при нажатии на ссылку
- </div>
- <div>
- <a href="#" onclick="document.getElementById('mytext').classList.add('opened');
- return false;">Посмотреть весь текст</a>
- </div>
Code: Убрать нумерацию
- <style type="text/css">
- .textbox {
- overflow: hidden;
- height: 100px;
- border: 1px dashed #A0A0A0;
- }
- .opened {
- overflow: auto;
- height: auto;
- }
- .opened+div {
- display: none;
- }
- </style>
Читать статью целиком »
Просмотров: 1769 | Комментариев: 7

Градиентный фон на PHP
31.07.2019 | Категория: Web-мастеру и не только | Автор: ManHunter

Градиентный фон на PHP
Продолжаем работать с графикой на PHP. Сегодня будем рисовать градиентную заливку фона, когда один цвет плавно перетекает в другой.
Читать статью целиком »
Просмотров: 634 | Комментариев: 0

Получение всех функций JavaScript на странице
21.07.2019 | Категория: Web-мастеру и не только | Автор: ManHunter
Иногда в процессе разработки появляются странные задачи. Вот и на этот раз возникла необходимость узнать все пользовательские функции JavaScript, которые задействованы на странице. Немного колдунства и получился вот такой код:Code (JavaScript) : Убрать нумерацию
- (function() {
- var source;
- for (var method in window) {
- if (typeof window[method]=="function" && window.hasOwnProperty(method)) {
- // Текст функции
- source=Function.prototype.toString.call(eval(method));
- // Пропускаем нативные функции
- if ((/\{\s*\[native code\]\s*\}/).test(source)) { continue; }
- // Вывести название и текст функции
- document.write('<pre>');
- document.write('<div><b>'+method+'</b>:</div>');
- document.write(source);
- document.write('</pre>');
- }
- }
- }());
Просмотров: 530 | Комментариев: 0

Разделенные ссылки
02.07.2019 | Категория: Web-мастеру и не только | Автор: ManHunter
Разделенные ссылки - очень интересный визуальный эффект для оформления вашего сайта. Суть разделенных ссылок заключается в том, что одна ссылка имеет одновременно несколько активных областей, которые могут находиться вообще в разных местах страницы. Например:
Разделенные ссылки
При наведении курсора на название альбома также подсвечивается его обложка в левом блоке, а при наведении на любую из обложек будет подсвечено название соответствующего альбома. Никаких скриптов для этого не требуется, все реализуется средствами CSS.
Читать статью целиком »
Просмотров: 577 | Комментариев: 1
