Палитра тишины…

Заметки, находки, работы еще одного веб-разработчика…
  • rss
  • Главная
  • Обмен постовыми
  • Обратная связь
  • Карта сайта
  • О блоге
  • Портфолио

Простой счётчик нажатий на кнопку (PHP)…

Ex.clusive | 21.10.2010

Простой счётчик нажатий на кнопку на PHP

Не так давно начал серию постов “Для новичка” и написал первый пост этой серии “Вывод информации о сервере посредством PHP“. В продолжение открытой темы даю новый меленький урок. Пост написан по просьбе пользователя Gala-Ko. В нём я постараюсь в очень очень кратком виде, но на живом примере описать основной принцип создания счетчика нажатий на кнопку типа “submit” или “button”, написанного на PHP и хранящего данные в простом текстовом файле *.txt. и позволяющего выводить его текущее значения рядом с вышеупомянутой кнопкой.

Надо сказать, что счётчик кликов, наравне со счётчиком посещений, можно считать одним из самых простых php-сценариев, между тем, отлично показывающим возможности и синтаксис языка. Именно с написания подобных вещей рекомендуется начинать изучение.

Итак, приступим. Предположим, что у нас имеется первоначальный код html-страницы с формой и кнопкой, при нажатии на которую запускается печать текущей страницы. Выглядит он следующим образом:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ExclusiveBlog.ru</title>
</head>
<body>
<form name="add" method="post">
<input type="submit" name="print" value="Распечатать" onclick="javascript:window.print()">
</form>
</body>
</html>

И так, для начала, мы имеем страницу (index.html) с формой, которая содержит кнопку, например “Распечатать”. Рядом с кнопкой нам надо вывести счетчик нажатий на данную кнопку (данное значения будет выводиться силами PHP и храниться в текстовом файле, допустим, counter.txt). Алгоритм прост – пользователь нажимает на кнопку, выполняется небольшой php-сценарий, который забирает из файла counter.txt текущее значение счетчика, прибавляет к нему единицу и переписывает содержимое файла, вставив в него новое значение (старое, при этом, заранее удаляется из файла).

PHP-сценарий у нас будет располагаться на самой странице с формой (так проще, но его в любой момент можно перенести в отдельный файл), следовательно её надо предварительно переименовать из “index.html” в “index.php”. Плюс, необходимо заранее создать файл “counter.txt”, в котором, собственно, и будет храниться текущее значение счетчика, и записать в него первоначально значение, а именно “0″. В будущем, можно добавить в сценарий пару строк и он сам будет создавать этот файл при его отсутствии.

Далее, после кнопки внутри формы вставляем первый PHP-фрагмент. В нём мы указываем путь к файлу, в котором хранится текущее значение, открываем файл на чтение, забираем значение, закрываем файл, выводим значение.

<?php
$fn = "counter.txt"; \\ путь к файлу со значением счетчика
$file = fopen($fn,"r"); \\открываем файл на чтение
$c = fread($file, filesize($fn)); \\записываем текущее значение
fclose($file);  \\закрываем файл
echo "Распечатано ".$c." раз(a)"; \\выводим значение
?>

Далее, снимаем с кнопки вызов js-сценария на распечатку, а после закрывающего тега формы </form> вставляем еще один PHP-фрагмент, который проверяет, была ли нажата кнопка. Если кнопка нажата то выполняется следующая последовательность действий: открывается на запись файл со значением; значение увеличивается на один и записывается в файл, предварительно удалив из него данные; файл закрывается. После этого выполняется простейший js-сценарий, запускающий распечатку текущей страницы.

Читать далее »

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
15 комментария(ев)»
Рубрика:
Веб-программирование
Метки:
HTML, PHP, Веб-дизайн, Для новичка
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (4 голосов, средний: 4.75 из 5)
Загрузка ... Загрузка ...

Валидатор – что же это и зачем он нужен?…

Ex.clusive | 11.09.2010

Что же такое “Валидатор”?

Определение:

Validator: a conforming SGML parser that can find and report a reportable markup error if (and only if) one exists.
Валидатор: анализатор соответствия стандарту SGML, который находит и сообщает о подлежащей отчету ошибке разметки, если (и только если) она существует.

ISO 8896, параграф 15.4:

Таким образом HTML-система является валидирующей HTML-системой, если
1) она является валидирующим SGML-анализатором согласно ISO 8879, п.15.4;
2) она способна обрабатывать любой согласующийся с HTML документ;
3) она находит и сообщает об ошибке в HTML, если она существует;
4) она не сообщает об ошибке в HTML, если она не существует.

Простым же языком, валидатор – это праграмма, анализирующая код страницы (html, xhtml, css) на наличие в нём определённых ошибок, которые могут привести к неправильному отображению информации в различных браузерах, при “насильном” изменение пользователем размера шрифта, речевых ошибках при использовании “читающих” браузеров и т.д.

W3C Markup Validation Service – Проверка разметки (HTML, XHTML…) Веб-документов…

W3C CSS Validation Service – Проверка каскадных таблиц стилей (CSS)

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
Нет »
Рубрика:
Веб-сервисы
Метки:
CSS, HTML, Веб-дизайн
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (1 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...

Ограничение количества символов в поле Textarea…

Ex.clusive | 01.09.2010

Ограничение количества символов в поле Textarea...

Наверняка, каждый веб-разработчик рано или поздно сталкивается с необходимостью проверки правильности заполнения форм. Один из главных этапов этой проверки – это допустимая длина содержимого различных полей. И если возможности языка разметки HTML позволяют ограничить длину содержимого полей типа “input”, то ограничивать длину содержимого полей “textarea” является невозможным без использования дополнительных сценариев.

Приведу достаточно простой пример сценария, написанного на JavaScript, позволяющего контролировать ввод содержимого в такие поля, автоматически блокировать возможность заполнения при достижении определённой длины уже введённого содержимого и выводить в нужном месте счётчик количества символов. Функция достаточно универсальная, так как в качестве параметров в неё передается 3 значения: “id” поля, ввод в которое необходимо контролировать; “id” элемента, в котором требуется выводит счетчик символов и, собственно, значение максимальной длины содержимого проверяемого элемента (количество допустимых символов).

JavaScript – сценарий

Для начала, необходимо объявить и описать функцию, которая и будет выполнять все необходимые операции. Вставлять её можно в любое место между тегами <head></head> или <body></body>, либо вынести в отдельный подключаемый файл…

Читать далее »

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
7 комментария(ев)»
Рубрика:
Веб-вёрстка
Метки:
HTML, JavaScript, Веб-дизайн
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (2 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...

Оптимизация заголовков блога…

Ex.clusive | 17.08.2010

Оптимизация заголовков блога

Думается мне, что ни для одно мало-мальского дизайнера, верстальщика, блогера и любого другого веб-разработчика не секрет, что один из главных параметров, влияющих на высокие позиции блога в поисковых “рейтингах” – правильное написание заголовка, описания и ключевых слов.

Про оптимизацию

Не буду затягивать со вступлением, и сразу опишу свою точку зрения по данному вопросу – заголовок каждой страницы блога (будь то главная страница, страница с отдельным постом, тегом или категорией) должен, по меньшей мере, кратко описывать суть всего, о чем далее пойдёт речь…

Читать далее »

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
10 комментария(ев)»
Рубрика:
SEO/SMO/SMM
Метки:
WordPress, Блоги, Веб-дизайн
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (2 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...

“Закония.ru” – интерактивные кварталы столицы…

Ex.clusive | 15.08.2010

Закония

Недавно, блуждая про просторам Рунета, наткнулся на очень интересный сайт, а, если быть точнее – на “Информационно-правовой портал” www.zakonia.ru. На первый взгляд сайт показался мне достаточно убогим и скучным, но, стоило потратить на его изучение буквально 15 минут, и моё мнение резко изменилось…

И так… заходим на главную страницу и видим достаточно удручающее зрелище – большуший логотип на пол-экрана и под ним сайт, чем-то напоминающий фреймовые творения конца 90-х годов. Под логотипом обнаруживаем 4 интересных кнопки в виде фотографий различных районом москвы – именно они и перенесут нас в мир flash-технологий и анимации. Каждая их кнопок переводит нас к соответствующему флеш-ролику, в которым мы можем осмотреть внешее оформление района и побывать в отдельных точках города – от Государственной Думмы РФ и стадиона “Лужники” до такогих укромных уголков, как приёмная московского Метрополитена или городская тюрьма (именуемая в проекте как “Казенный дом”).

Вся столица разбита на 4 области, именуемых “кварталами”, в каждой из которых можно посетить определённые объекты:…

Читать далее »

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
3 комментария(ев)»
Рубрика:
Интернет
Метки:
Flash, Веб-дизайн, Сайты
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (3 голосов, средний: 5.00 из 5)
Загрузка ... Загрузка ...

Скрипт Invision Power File Manager…

Ex.clusive | 10.07.2010

Один из лучших на сегодняшний день бесплатный файл-менеджер (панель управления файлами на сервере) для Вашего сайта. Разработчик этого чуда, а по совместительству и автор самого популярного MySQL-форума IPB – “Invision Power Services”. Скрипт очень прост в установке, настройке и дальнейшей эксплуатации – справится с ним даже человек, не знакомый с html (Инструкция по установке и настройке в архиве).

Системные требования к серверу:

  • Сервер по управлением Windows or *nix – системы.
  • PHP 4.0.4 или выше.
  • GD (Image Creation) & ZLIB (Compression) модули.
  • MySQL 3.23 или выше.

Скачать IP File Manager

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
2 комментария(ев)»
Рубрика:
Программы
Метки:
PHP, Веб-дизайн, Скрипты
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (Еще не оценили)
Загрузка ... Загрузка ...

Справочник по CSS. Версия 3.0…

Ex.clusive | 03.07.2010

Интересный справочник по CSS2 от Влада Мержевича и сайта htmlbook.ru. Содержит подробное описание к большенству свойств и параметров CSS, сгруппированых по категориям. Удобный поиск необходимого вам параметра.

Описание каждого атрибута происходит по одному шаблону, содержит таблицу браузеров с номерами версий, которые поддерживают указанное свойство, синтаксис написания, допустимые значения параметра, наследование и к каким элементам он применяется. Каждый параметр иллюстрируется примером, который показывает область его применения. В большинстве случаев приводится рисунок, который показывает результат примера, что позволяет наглядно понять, как действует тот или иной параметр.

Скачать: Справочник по CSS

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Комментарии:
Нет »
Рубрика:
Веб-вёрстка
Метки:
CSS, Веб-дизайн, Вёрстка, Справочники
Рейтинг: 1 звезда2 звезды3 звезды4 звезды5 звезд (Еще не оценили)
Загрузка ... Загрузка ...

Страниц: 1
Favorites RSS Twitter Last.fm Google Reader  Яндекс.Лента

ПОДПИСКА

E-mail

РУБРИКИ

  • Photoshop (8)
  • SEO/SMO/SMM (1)
  • WordPress (4)
  • Блогосфера (2)
  • Веб-вёрстка (6)
  • Веб-программирование (6)
  • Веб-сервисы (6)
  • Графика (8)
  • Заметки (6)
  • Интернет (8)
  • Музыка, Видео (5)
  • Программы (5)
  • Технологии (1)
  • Эксперименты (3)


АРХИВ

  • Июнь 2011 (1)
  • Январь 2011 (4)
  • Декабрь 2010 (9)
  • Ноябрь 2010 (6)
  • Октябрь 2010 (9)
  • Сентябрь 2010 (9)
  • Август 2010 (14)
  • Июль 2010 (17)

МЕТКИ

Apple CMS CSS Flash Google HTML iPod JavaScript Photoshop PHP RSS WordPress YouTube Бесплатно Блоги Браузеры Веб-дизайн Видео Вёрстка Графика Для новичка Заметки Иконки Интернет Кисти Кодировки Креатив Музыка Обновления Общество Позитив Программирование Программы Россия Сайты Сервисы Скрипты Стили Темы Техника Фотографии Хостинг Шрифты Эксперименты Юмор

Облако тегов плагина WP Cumulus от сайта "Плагины и шаблоны для WordPress" требует для просмотра Flash Player 9 или выше.

СООБЩЕСТВО

ПУЗОМЕРКИ


Анализ сайта online

© Copyright by www.exclusiveblog.ru    |    Powered by WordPress    |    Designed and сreated by Ex.clusive.