ctepeo.da http://ctepeo.net Open Your Mind Thu, 09 Apr 2009 15:51:34 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Проблема с fgetcsv(). Решение. http://ctepeo.net/2009/problema-s-fgetcsv-reshenie/ http://ctepeo.net/2009/problema-s-fgetcsv-reshenie/#comments Thu, 09 Apr 2009 15:51:34 +0000 ctepeo http://ctepeo.net/?p=48 Сегодня у меня возникла проблема с fgetcsv(). При импорте csv-файла данная функция PHP некорректно обрабатывала одно из значений, а именно произовдила урезание значения. Сразу я обратил внимание на то, что урезались только те значения, в которых были русские символы, но не придал этому особого значения, так как они урезались не полностью. Спустя почти 2 часа после возникновения проблемы было найдено решение.

Решение проблемы с импортом csv-файлов с помощью fgetcsv() заключается в принудительном выставлении локали в русскую непосредственно перед началом обработки *.csv:

setlocale(LC_ALL, «ru_RU»);

Соответсвенно, если вам необходимо произвести импорт csv с использованием каких-либо символов не английского алфавита, Вам нужно будет выставить соответсвующую локаль.

Проблема была описана в баг-треккере php, где, собственно, и найдено решение.

Надеюсь, эта статья сэкономит Вам время.

]]> http://ctepeo.net/2009/problema-s-fgetcsv-reshenie/feed/ 6 Плавная смена картинок на jQuery http://ctepeo.net/2009/jquery-img-fadeout-fadein/ http://ctepeo.net/2009/jquery-img-fadeout-fadein/#comments Wed, 04 Mar 2009 01:03:26 +0000 ctepeo http://ctepeo.net/?p=40 Как изменить src тега img с помощью jQuery? Как сделать плавный переход между картинками на jQuery? Да, и вообще, как добавлять свои элементы в уже готовую структуру страницы?

На этот и, возможно, другие вопросы Вам поможет, я надеюсь, моя мини-галерея, основанная на fadeIn и fadeOut переходе.  Как всегда, всё бесплатно с пояснениями по функциям и переменным.

Итак, нам понадобится всего ничего: jQuery и мой мини-плагин FadeIt. Скачать jQuery можно с официального сайта, а плагин [Download not found] с этого блога :) Теперь немного о переменных и работе скрипта.

В архиве мы имеем 4 картинки (2 нормальные и 2 уменьшенные их копии), 1 css файл (для красоты :) ), 1 html файл и 1 javascript файл (jQuery.FadeIt), надеюсь, jQuery у Вас уже есть ;) . В коде html и FadeIt есть комментарии для более доступного понятия «по шагам», но, если рассматривать скрипт в общем, он в указанный блок добавляет 2 блока (увеличенная картинка и блок для превью) (функция fadeItInit()), далее с вызовом каждой fadeItAdd добавляет в превью картинки, после чего ждёт нажатия на картинки и плавно меняет src увеличенного изображения и указывает в блоке превью выбранную картинку.

Функции:

fadeIt() – создает в указанный блок 2 блока для дальнейших махинаций

fadeItAdd(path, path2thumb, main) – Добавляет картинку. path – путь к увеличенной картинке, path2thumb – к уменьшенной, main – если 1, то эта картинка будет сразу в блоке для увеличения.

Далее идёт обработчик нажатия на превью. Хочется пояснить непосредственно что представляет из себя плавная смена картинок:

$(«#fadeItFullImg»).fadeOut(«fast», function(){
$(«#fadeItFullImg»).attr(«src», xe);
$(«#fadeItFullImg»).fadeIn(«slow»);
});

Сперва увеличенная картинка быстро (fast) растворяется, после растворения (callback функция), происходит смена аттрибута картинки src, то есть непосредственно путь к картинке, после этого сразу начинается процесс медленного (slow) отображения картинки.

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

Скачать скрипт можно вот тут: [Download not found]

Демо FadeIt: jquery fadeout fadein

]]> http://ctepeo.net/2009/jquery-img-fadeout-fadein/feed/ 9 Курсы валют ЦентрБанка РФ http://ctepeo.net/2009/php-script-kursy-valut/ http://ctepeo.net/2009/php-script-kursy-valut/#comments Sun, 15 Feb 2009 17:31:04 +0000 ctepeo http://ctepeo.net/?p=38 Недавно возникла необходимость написать php скрипт, отображающий курсы валют Центрального банка Российской Федерации. Благо сайт НацБанка РФ выдаёт удобную XML с курсами, поэтому скрипт на самом деле является парсером с возможностью сравнения курсов со вчерашним днём.

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

Переменные:

$updURL – URL обновления, по умолчанию http://www.cbr.ru/scripts/XML_daily.asp – XML с курсами, установленными Центральным банком РФ на текущий день.

$path – путь на сервере, куда будут сохраняться временные файлы, с которыми в последующем и будут совершаться все операции. Внимание! Папка должна иметь права доступа для записи (CHMOD 777)

$fPrefix – префикс временных файлов. Создан просто для удобства нахождения наших файлов, если, например, Вы решите сохранять файлы в папку, где кроме наших временных файлов будут и другие.

$keepHistory – Установите true, если хотите, чтобы старые (позавчера и ранее) не удалялись автоматически. По умолчанию – false.

$currArray – Массив кодов валют, которые должны отображаться на сайте. Полный список валют есть на сайте ЦБ РБ

$changes – Установите false, если Вы не хотите отображать сравнение со вчерашним днём. По умолчанию true

Функции:

Итак конструктор класса выполняет задачу по определению необходимости обновления курсов и вызову функции отображения курсов на сайте.

Функция save2file сохраняет полученные новые курсы валют в файл

Функция view отвечает за вывод на сайт курсов валют из актуального файла.

Этот скрипт бесплатный и Вы можете использовать его у себя на сайте как Вам это необходимо, но мне будет приятно, если Вы оставите в комментариях запись о том, что скрипт нашёл своё применение не только в моём проекте ;)

]]> http://ctepeo.net/2009/php-script-kursy-valut/feed/ 23 jQuery и вращающиеся картинки http://ctepeo.net/2009/jquery-and-cycle-plugin/ http://ctepeo.net/2009/jquery-and-cycle-plugin/#comments Thu, 08 Jan 2009 22:24:16 +0000 ctepeo http://ctepeo.net/?p=27 Вы, вероятно, успели заметить в самом верху этого блога блок с «крутящимися картинками«. Несмотря на то, что делается это достаточно быстро и просто с помощью jQuery plugin‘а Cycle, для некоторых всё ещё загадочно и непонятно как сделать такую же фишечку у себя на сайте. Сейчас я постараюсь разложить всё по полочкам и показать, что ничего сложного в этом нету.Для начала нам понадобятся:

1. jQuery скачать

2. Плагин Cycle скачать

3. Опционально: Плагин Easing скачать

Я начну с объяснения без Easing’a, но в конце статьи расскажу зачем он и как его использовать.

Подключаем jQuery и Cycle:

  1. <script language="JavaScript" src="./jquery.js" ></script>
  2. <script language="JavaScript" src="./cycle.js" ></script>

Далее на странице размещаем блок с id, например, равным «mytest» и помещаем в него 3 картинки, меняющиеся при нажатии на стрелку.

  1. <div id="mytest">
  2.  
  3. <img src="test1.jpg">
  4. <img src="test2.jpg">
  5. <img src="test3.jpg">
  6.  
  7. </div>

Чуть ниже разместим то, что будем считать стрелками с id arr_left для кнопки, которая будет осуществлять прокрутку картинки назад и arr_right для кнопки с прокруткой вперёд.

  1. <img src="left_arrow.gif" id="arr_left">
  2. <img src="right_arrow.gif" id="arr_right">

Теперь осталось оживить нашу страничку, подключив Cycle:

  1. $(document).ready(function(){
  2.     $(‘#mytest’).cycle({
  3.        fx:     ’scrollHorz’,
  4.        prev:   ‘#arr_left’,
  5.        next:   ‘#arr_right’
  6.     });
  7. });

В итоге наш HTML код будет примерно таким:

  1. <html>
  2. <head>
  3. <script language="JavaScript" src="./jquery.js" ></script>
  4. <script language="JavaScript" src="./cycle.js" ></script>
  5. </head>
  6. <body>
  7.  
  8. <div id="mytest">
  9. <img src="test1.jpg">
  10. <img src="test2.jpg">
  11. <img src="test3.jpg">
  12. </div>
  13.  
  14. <img src="left_arrow.gif" id="arr_left">
  15. <img src="right_arrow.gif" id="arr_right">
  16.  
  17. <script language="JavaScript">
  18. $(document).ready(function(){
  19.     $(‘#mytest’).cycle({
  20.     fx:     ’scrollHorz’,
  21.     prev:   ‘#arr_left’,
  22.     next:   ‘#arr_right’
  23. });
  24. });
  25. </script>
  26.  
  27. </body>
  28. </html>

Теперь разберёмся как работает Cycle для jQuery и что он умеет.

В моём примере блок с id=»mytest» будет подвергнут обрабтки плагином Cycle , для перехода между картинками будет применён эффект горизонтального перехода (то есть картинки будут меняться так, как в данном блоге),  а запускать скольжение картинок будут блоки с id=»arr_left» для перехода к предыдущей картинке и id=»arr_right» к следующей. Этого уже достаточно для того, чтобы картинки начали свои переходы, но есть дополнительные параметры.

Начнём со списка параметров Cycle, я предоставлю краткий вариант, полный можно найти по этой ссылке.
Эффект перехода между картинками:
fx: fade, zoom
fade: плавное исчезновение предыдущего слайда и появление нового
zoom: смена картинки засчёт изменения размеров исходного и конечного изображений

speed:1000
время в миллисекундах за которое слайды меняются

startingSlide: 0
номер слайда с которого должен начаться просмотр. Счёт начинается не с 1, а с 0
Это далеко не все парметры, но зачастую их будет хватать для той или иной задачи.

Немного об Easing plugin для jQuery: данный плагин помогает избежать «унылых» переходов между слайдами, простыми .hide() и ещё в некоторых моментах, заменяя скорость перехода и динамичность с простой линейной на различные другие. Примеры можно посмотреть вот тут. Для того, чтобы подключить easing в наш скрипт достаточно добавить

  1. <script language="JavaScript" src="./jquery.easing.js" ></script>

в <head>, а в подключении Cycle вписать параметром easing: easeInOutBounce (например).

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

]]> http://ctepeo.net/2009/jquery-and-cycle-plugin/feed/ 2 Пример работы с mod_rewrite http://ctepeo.net/2009/primer-raboty-s-mod_rewrite/ http://ctepeo.net/2009/primer-raboty-s-mod_rewrite/#comments Sat, 03 Jan 2009 01:33:06 +0000 ctepeo http://ctepeo.net/?p=22 Многие веб-разработчики наслышаны про человекопонятные УРЛы (ЧПУ), но до сих пор теряются в том, как это реализуется.  Несложно найти в инете примеры mod_rewrite директив, но не всегда понятно до конца как это работает. В данном посте я постараюсь расставить всё по своим местам.

Итак, начнём с того, что реализуется это за счёт модуля Apache под названием mod_rewrite. Для подключения его необходимо создать в корневой папке сайта (например, http://ctepeo.net/) файл с расширением .htaccess (без имени), который в свою очередь и будет сообщать серверу, что для данной папки и вложенных папок правила определяются не общими настройками сервера, а директивами, указанными в нём.

Создали? Продолжим. Откроем данный файл в удобном для Вас текстовом редакторе и начнём добавлять директивы.

RewriteEngine on
RewriteBase /

Первая строчка указывает серверу, что необходимо подключить модуль rewrite (он же mod_rewrite).  Вторая строчка указывает путь, относительно которого будут действовать правила переадресаций, то есть, если Вам необходимо реврайтить пути не из текущей директории, а например, из папки test, находящейся в корневой директории сайта, то RewriteBase будет /test/.

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
ErrorDocument 404 /index.php

Эти строчки указывают нам на то, что при физическом наличии файла – открывать именно его, в противном случае вызывается ошибка 404 «Документ не найден». Именно в этом месте и начинается трюк. Вместо обычной статичной html странички мы указываем серверу, что нужно показать index.php.

В index.php легко узнать за какой страницей пришёл пользователь (какой УРЛ он вводил), делается это примерно так:

$xurl = explode(‘/’,$_SERVER['REQUEST_URI']);

Эта строчка разбивает строку запроса (Например, http://ctepeo.net/test/myarticle/testme.html) на массив, получая элементы такие как: [0] – ctepeo.net, [1] – test, [2] – myarticle, [3] testme.html. Далее мы зная запрос можем вызывать необходимый нам модуль (Например, сделав запрос в базе по FakeURL (testme) и показав именно страницу testme, хотя физически файла /test/myarticle/testme.html не существует) или отобразить сообщение, что такого файла действительно нету.

Внимание! Для корректной индексации поисковиками в начале php-кода необходимо принудительно указывать header 200 OK. Делается это так:

<?php

Header(«HTTP/1.0 200 OK»);

?>

В некоторых случаях необходимо делать исключения, например, следующая строчка

RewriteRule ^admin/([A-Za-z0-9-]+)/([A-Za-z0-9-]+)/?$ index.php?action=admin [NC,L]

перенаправит все запросы вида /admin/testme/test123/ на index.php с GET action=admin.

Mod_rewrite так же может использоваться и для защиты файлов или директорий от внешних запросов.

RewriteRule ^.config.inc.php$ – [F]

Данная директива будет возвращать ошибку 403 Forbidden при попытке вызывать файл config.inc.php

Подводя итог, хочется сказать, что mod_rewrite штука весьма несложная и в то же время очень мощная, поэтому стоит уделить ей час-два и навсегда избавится от таких насущных проблем, как дружественные УРЛ (friendly URLs).

]]> http://ctepeo.net/2009/primer-raboty-s-mod_rewrite/feed/ 15 Давайте знакомиться http://ctepeo.net/2009/hello-world/ http://ctepeo.net/2009/hello-world/#comments Sat, 03 Jan 2009 00:12:49 +0000 ctepeo http://ctepeo.net/?p=16 Меня зовут Егор, мне нравится делать веб-сайты, поэтому периодически у меня возникает необходимость решить ту или иную задачу, связанную с php, JavaScript, Photoshop, вёрсткой или на другую тему. В этом случае я обращаюсь к гуглу и нахожу там необходимые материалы.

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

Несмотря на то, что мнение автора (то есть меня) может не совпадать с Вашим, я всегда буду рад услышать Ваше мнение. Задавайте вопросы – делитесь своими решениями, помогайте другим людям. Open Your Mind!

]]> http://ctepeo.net/2009/hello-world/feed/ 2