Наверх
Хорошенько перемешать

Пока делаешь сайт приходится решать некоторые, по сути простые задачи, но так лень писать какой-то код самому.

Необходимо было выдавать список номеров телефонов в разном порядке. Ибо клиенты постоянно звонят на первый номер, если он занят звонят на второй, опять же бывает что он занят, на третий звонить им просто видимо становится лень. Решение простое, каждый раз выдавать номера в рандомном порядке.

Просидел я почти часа два ничего не делая, видимо голова сегодня плохо варит на такое. Решил поискать решения в интернете, и нашел простенький микроплагин для jQuery. Называется он просто jQuery shuffle, работает ещё проще =) Кому интересно, вот демо.

Подключаем плагин в хеде документа строчкой:

<script type="text/javascript" src="путь/к/плагину/jquery.shuffle.js"></script>

К примеру у нас есть список телефонов которые необходимо перемешать:

<ul id="Phones">
<li>(234) 12-23-34</li>
<li>(234) 12-23-35</li>
<li>(234) 12-23-36</li>
</ul>

Теперь перемешиваем его:

$('ul#Phones').shuffle();

Так же есть другой вариант, есть необходимость перемешать просто готовый массив:

var arr = [1,2,3,4,5,6];
arr = $.shuffle(arr);

Затем при необходимости просто выводим полученные значения.
Работает все очень просто. А вот ссылка на демо и так же на сам плагин

Скрипт изменения вывода в таблице

Уже не в первый раз меня заказчики просили увеличить вывод товаров в магазине PHPShop. В PHPShop в зависимости от версии скрипта максимальный вывод товаров в строку варьируется от 2 до 4.

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

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

Скрипт работает в IE 6-8, Safari, Chrome, Opera, FF. Это в тез которых мы проверяли. Максимальное количество товаров при котором не лагает пока не узнавал, но будет проверено чуть позже.

И так, сам скрипт:

var k = 0;
var tds = new Array();
$(".panel_t").each(function(){ //создаем массив всех ячеек таблицы
   tds[k] = $(this).html();
   k++;
});
var width = screen.width; //узнаем разрешение монитора
if(width<1280) { //при разных разрешениях у нас разное количество столбцов
   // по умолчанию, ничего не меняем.
} else {
   if(width<1600) {
      var d = 4; //Можно поменять на свое, в зависимости от ширины вывода блока каждого товара
   } else {
      var d = 5;
   }
   var leng = tds.length; //скока в массиве элементов
   var strokse = leng/d; //расчитываем количество необходимых строк в зависимости от того сколько будет стобцов. округляем до большего
   strokse = Math.ceil(strokse);
   var all = strokse*d; //Сколько всего будет ячеек в таблице(строк*столбцов)
   if(all>leng) { // Товаров меньше чем ячеек в таблице?
      for(h=all;h>=leng;h--) {
         tds[h]=" ";//заполняем пустые ячейки
      }
   }
   var sumEl = leng-1; //массив считается с нуля, поэтому -1
   var tableM = ""; //пустая переменная для таблицы
   var l = d+(d-1); //цифра для colspan
   k=0; //обнуляем к
   for(i = 0; i < strokse; i++) { //первый цикл, формирует строки
      tableM += "<tr><td colspan=\""+l+"\"></td></tr><tr>"; //строка для сетки, и начало второй строки с товаром
         for(c=0;c<d;c++){//цикл второй формируем каждую строку
            if(c!==(d-1)) {//если не последняя ячейка в таблице то
               tableM += "<td>"+tds[k]+"</td><td class=\"setka\"></td>";
            }else{//если ячейка последняя
               tableM += "<td>"+tds[k]+"</td>";
            }
            k++;//прибавляем ячейку
         }
      tableM += "</tr>";//закрываем строку
   }
   $("#ThisMainTable").empty().append(tableM);
} 

На идеал этот скрипт не тянет, всегда есть что и куда улучшать. Есть идеи как улучшить скрипт? Отписываемся =)

Плагин tru_tags. Теги к статьям в TxP. Инструкция по применению.

Установка.

  1. Идем на официальную страничку релиза. Не сохраняем, а просто открываем в браузере.(хотя можно и сохранить, и потом открыть блокнотом)
  2. Копируем открытый “набор символов”. Идем в админку TxP “Настройки” – “Плагины”, вставляем в поле “Установить плагин”, нажимаем “Загрузить”, затем “Установить”.
  3. Активируем плагин. Чтобы в столбце “Активен” стояло “Да”.

Настройка плагина.

Шаг первый: Создание новой секции

Для работы tru_tags в Textpattern необходимо создать специальную секцию, по умолчанию “tag” 1. Создайте эту секцию, с любыми нужными вам настройками(Публиковать статьи в этой секции вы все равно не будете). Вот такие настройки поставил автор плагина 2

Создать секцию tag

1 Вы можете использовать секцию с другим названием, но вам придется поменять настройки плагина через админку для его нормальной работы. Для этого нужно пройти “Расширения”->“tru_tags” и обновить настройки.

2 Обратите внимание что “Использовать страницу” стоит default – вам этот вариант может не подойти. Эта секция будет отображаться,когда человек кликнет на тег, для вывода поиска по тегам. Вам к примеру нужна будет страница, в которой правильно отображаются заголовки, слои. Для правильного вывода автор на своей default странице использует <txp:if_section name=“tag”> чтобы изменить вывод.
(Прим.переводчика – В общем вы можете как автор использовать по умолчанию default страничку и воспользоваться в ней тегом <txp:if_section name=“tag”> или же просто создать специально для этой секции отдельную страницу).

Шаг второй: Обратиться к плагину из соответствующей секции

Чтобы теги поиска по тегам и облака тегов работали, вам нужно вписать тег <txp:tru_tags_handler /> в ту страницу, которую вы выбрали в первом шаге. Автор переписал стандартный тег следующим образом:

<txp:if_section name="tag"> #если секция tag
<txp:tru_tags_handler />
<txp:else /> #,в любом другом случае
<txp:article />
</txp:if_section>

Примечание, that tru_tags_handler по умолчанию использует форму “search_form”, если вы хотите использовать другую форму, то её можно указать в атрибуте listform.

Шаг третий: Настройте ваши статьи для вывода тегов.

В том месте, где вы хотели бы вывести список тегов к определенной статье(форма вывода статьи), вписываем следующее:

<txp:tru_tags_if_has_tags>
tags: <txp:tru_tags_from_article />
</txp:tru_tags_if_has_tags>

Шаг четвертый: Если необходимо, выведите облако тегов

Если вы хотите вывести облако тегов на вашем сайте ещё где-то кроме как на странице http://вашсайт/tag/, делается это с помощью тега:

<txp:tru_tags_cloud />

Смотрите ниже описания тегов, если вы хотите вывести не облако,а список тегов можно воспользоваться специальным тегом tru_tags_list.

Шаг пятый: Начните расставлять теги!

Во время написания поста, вписывайте ваши теги в поле для ключевых слов, в левом блоке “Продвинутые настройки”. Теги необходимо разделять запятой с пробелом. Пробел нужен для правильной генерации URL тегов.

Другие возможные настройки плагина

Вы можете использовать tru_tags_if_tag_search, tru_tags_tag_parameter и txp:search_term для настройки заголовков ваших страниц или результатов поиска по тегам. Подробнее ниже.

Другие возможные настройки

Настройки заголовков страниц

Вы можете использовать теги tru_tags_if_tag_search, tru_tags_tag_parameter, и txp:search_term для настройки заголовков ваших страниц или вывода результатов поиска по тегам. Более подробное описание тегов будет ниже.

Настройка ваших RSS и Atom лент

По умолчанию tru_tags вставляет теги статей в RSS и Atom ленты, используя стандартные XML элементы, чтобы к примеру Technorati (и другие сайты) могли определить теги. Если вас это не очень устраивает, вы можете поменять настройки плагина во вкладке Расширения -> tru_tags в админке textpattern’а.

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

Список тегов по умолчанию выводится в конце поста, в таком виде “tags: trees, flowers, animals, etc” (ссылками, и аттрибутом rel=“tag”). Если вы захотите настроить вывод под себя, то создайте новую форму ‘misc’ с названием “ru_tags_feed_tags”. Все что вы добавите в эту форму будет выведено в теле поста в ваших RSS или Atom лентах. К примеру предлагается вот такой вариант формы:

<txp:tru_tags_if_has_tags>
<h4>В рубриках: <txp:tru_tags_from_article /></h4>
</txp:tru_tags_if_has_tags>

В действительности же, эта функция намного более мощная чем может показаться. С её помощью в ленты можно добавлять много полезной информации. Автор плагина к примеру использует её для вставки в пост ссылки “Подробнее…”, а так же для вставки всех написанных пользователями комментариев. Если правильно воспользоваться, то можно вставить и другую полезную информацию.

Автор приводит в пример его форму ru_tags_feed_tags:

<txp:if_excerpt>
<p><txp:permlink>Подробнее...</txp:permlink></p>
</txp:if_excerpt>
<h4 class="tags">В рубриках: <txp:tru_tags_from_article /></h4>
</txp:tru_tags_if_has_tags>
<txp:if_comments>
<hr><h4>Комментарии:</h4>
<txp:comments />
</txp:if_comments>
<txp:tru_tags_if_has_tags>

P.S. В данный момент занимаюсь допереводом мануала. ждем обновлений.

Свой блог на TextPattern. Окончательная настройка. Часть 2.

(Первая часть статьи)

Продолжим?! (=

“Потоки” – Это всё относится к RSS и Atom. Все необходимые настройки и так очень понятны. Думаю, разберетесь.

идем дальше…

Убирать висячие слова в заголовках? – что же такое висячие слова? К примеру, у вас есть заголовок “Свой блог на TextPattern. Окончательная настройка” и вроде все прекрасно в дизайне, но последнее слово не влезает, и поэтому происходит перенос слова на вторую строчку. Вот это слово и есть висячее. TextPattern делает так, чтобы внизу оказалось не одно слово, а 2, если не влезает.

Статьи используют выдержку? – Если выбрать “нет”, то поле “Выдержка” не будет показано автору при написании статьи.

Разрешить изменять форму вывода статьи? – разрешать ли в момент написания статьи менять форму, с помощью которой статья будет выводится, за это отвечает поле “Использовать форму” на странице редактирования статьи.

Использовать плагины? – Оставляем “Да”. Нам это ещё понадобится.

Разрешить PHP в статьях? – это вам вряд ли понадобится, отключаем её.

Настройки => Главные => Управление языками

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

Настройки => Пользователи

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

Настройки => Логи

Информация о том, кто, с какого IP и откуда к вам приходил. Довольно удобно отслеживать поисковых ботов.

Настройки => Плагины

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

Настройки => Импорт

Вы можете импортировать статьи из другого движка или, к примеру, из сервиса блогов. Естественно это возможно делать только с другим своим блогом. Довольно удобно, если вы не хотите по 2-3 раза писать свои статьи в разные ваши блоги. Стоит написать только в один, и статья импортируется в соответсвующий.

С настройкой вроде бы и закончили.

P.S. А теперь список того, что нужно сделать, дабы не забыть:

  • Добавить недавно сделанные проекты в портфолио
  • Продолжить писать на тему TxP
  • Ещё появилась темка о том, как создать свое интернет Радио
  • + Проблемы во время создания кое-каких проектов, и их решения, которые я нашел
Свой блог на TextPattern. Окончательная настройка. Часть 1.

Привет. Давно я что-то не писал =) потерялся совсем, занят пока другим своим проектом, плюс ко всему, учеба началась. Времени практически нет, поэтому решил наконец-то выделить немножко времени, и всё-таки дописать статью.

Настройки => Диагностика

Заходим в данный раздел. У вас должно быть написано зеленым “Проверка окончена!”. Перечислять все другие варианты бессмысленно, да и не надо. Поэтому я этого делать не буду. Если у вас будут какие либо ошибки, просто напишите мне в комментариях, попробуем разобраться ;)

Настройки => Главные => Продвинутые настройки

Путь к папке изображений – название вашей папки с изображениями. Обычно “images”, права доступа на папку должны быть установлены 777(chmod).
Путь для загрузки файлов – путь на сервере к папке куда будут закидываться различные файлы. Права так же следует установить 777.
Максимально допустимый размер файла (в байтах) – по умолчанию “2000000”. Если вы хотите поставить больше или меньше, то число следует рассчитывать следующим образом к примеру надо поставить 2 мегабайта = 2 х 1024 х 1024 = 2097152 байт
Папка для временных файлов – папка, где файлы будут хранится в то время, пока загружаются на сервер, после загрузки будут переносится в соответствующие папки. Так же следует поставить права доступа на неё 777.
Путь к директории кэша плагинов – поле нужное для разработчиков плагинов, так что пропускаем.
Значение SMTP поля “From:” – при отправке писем с сайта в поле “ОТ:” будет написано то, что вы впишете в это поле.
Использовать кодировку ISO-8859-1 для e-mail? (по умолчанию: UTF-8) – Если поставите “Да”, то TxP будет пытаться преобразовать письма в кодировку ISO-8859-1. Это нужно для старых почтовых клиентов типа Outlook которые могут при прочтении писем выдавать крякозяблы. Вообще не советую трогать, пусть остается как есть. А те у кого старые почтовые клиенты, пусть обновляют их до последних версий =)
Включить XML-RPC сервер? – Используется для удаленного управления вашим сайтом, к примеру с мобильников или PDA. Ни разу не пользовался. Более подробно можете почитать на википедии
Вкладка по умолчанию – отвечает за вкладку, которая будет по умолчанию открыта для вас, при входе в админку.
Тема оформления панели управления – тут думаю все понятно. Выбирайте тему, в которой вам больше по душе пользоваться в админке.

В разделе “Комментарии” думаю все понятно, кроме:
Использовать расширенный Textile? – дает возможность при комментировании не только выделять текст жирным или делать его наклонным, но так же добавлять заголовки, таблицы, списки и прочее.
Означает ли новый комментарий обновление сайта? – если “Да”, то при добавлении нового комментария, дата страницы будет обновляться. То есть при заходе поискового бота, ему(боту) будет посылаться информация о том, что страница обновилась такого-то числа и т.д.

По умолчанию редактировать CSS “как есть”? – если “Да”, то при редактировании CSS сайта вам будет показываться “как есть”. Если же “Нет” то всё будет открываться в специальном TxP редакторе, можете поэкспериментировать =)

“Поля пользователя” – это всё для отдельного разговора, и вам скорей всего не понадобится, но мы обсудим это как-нибудь в другой раз.

Ну и думаю на сегодня хватит =) Продолжение будет в следующем посте, ибо много писать не хорошо =) читать потом тяжело.

До встречи в следующем посте!

Свой блог на TextPattern. Установка и начальная настройка

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

Загружаем на хостинг

Теперь нам нужно перенести файлы движка на хостинг. Для этого пользуемся FTP клиентами, лично я использую FileZilla, довольно удобная программка.

И так после установки запускаем программку и идем “Файл” – “Менеджер сайтов…”

TextPattern установка

Кликаем на кнопку “Новый сайт”, и заполняем поля в соответствии с настройками вашего FTP. Нажимаем “Соединится”.

TextPattern загрузка на FTP

Остальное довольно просто. Левое окошечко это файлы на ваше компьютере, правое это файлы на хостинге. Находим нужную вам папку и загружаем её на хостинг в соответствующий раздел.

Загрузка движка на FTP

Начинаем установку

Заходим по адресу вашего сайта. В моем случае это http://site.ru/ =) Здесь мы видим ссылку на директорию установки, кликаем по ней чтобы начать установку.

В первом пункте установки нас просят выбрать язык, на котором будет работать наш сайт. TextPattern поддерживает множество языков, и вам ненужно скачивать какие-то файлы локализации или что то подобное. Вы просто выбираете “Русский” язык и продолжаете установку, TxP всё сделает за вас.

TextPattern установка, выбор языка

Следующее диалоговое окно просит нас заполнить поля для подключения к базе данных MySQL. Поле “Префикс таблиц” вводим только в том случае, если у вас на одной базе находятся несколько сайтов. В остальных случаях поле можно оставить пустым. Так же указываем адрес сайта, если TextPattern не правильно его определил.

Установка TextPattern подключение к базе данных

В следующем шаге, установщик просит нас скопировать текст из окошка, сохранить его в файле config.php и загрузить этот файл на хост, что мы и будем делать. Файл нужно загрузить по адресу http://вашсайт.ru/textpattern/. После этого нажимаем кнопку “Сделано”.

Установка TextPattern загружаем конфиг

Вот мы подошли к последнему шагу. Где нам нужно ввести, Ваше имя, Логин, пароль и email.

Установка TxP последний шаг

Вот и все теперь можно переходить в интерфейс управления сайтом, или на сам сайт.

Начальная настройка

Для начальной настройки, в админпанели заходим “Настройки” > “Главные”.
Поговорим о нужных и возможно не очень понятных настройках. Понятные и явные настройки я буду пропускать.

“Название сайта” и “Слоган”, используется в некоторых шаблонах, точнее почти во всех бесплатных, если вы будете делать дизайн сами, скорее всего эти пункты вам не понадобятся. Хотя может быть и понадобятся, в любом случает лучше заполнить.

URL сайта” – пригодится если вы будете переносить сайт на другой домен. “Рабочий статус” – можно выбрать три вида работы сайта “Отладка”, “Тестирование” и “Рабочий”. Первые две требуются в основном разработчикам, так что выбираем третий.

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

“Режим постоянных ссылок” – это уже интереснее. Здесь вы можете выбрать как будут выглядеть ссылки на статьи и разделы на вашем сайте. Можете поэкспериментировать и выбрать наиболее понравившийся вам вариант.

“Использовать Textile” – отвечает за то как будет обрабатываться текст который вы набираете в статьях. “Использоваться Textile” используется как форматирование текста с помощью Textile. “Обрабатывать перенос строки” – при наборе текста будет обрабатываться только перенос строки, то есть деление на абзацы. “Оставить как есть” – можете вводить сразу HTML и в блоге всё будет выводится как есть, с тем форматирование какое вы сделали с помощью HTML. В следующих статьях мы поговорим ещё о том как поставить в TextPattern визуальный редактор.

Последняя настройка которую стоит рассмотреть “Отключить после”, отвечает за отключение комментирования к статье через определенное время.

Ну вот и всё. Если вам непонятны какие то ещё настройки пишите в комментариях всё разъясним =)

Ждите, продолжения серии статей.

P.S. Прошу прощения, если где то предложения были написаны не совсем корректно. Писал торопясь

Свой блог на TextPattern. Часть 1.

Почему TextPattern(TxP)?

Для начала, что же нам говорит WikiPedia о TxP

Textpattern — это система управления содержимым (CMS) c открытым исходным кодом, распространяемая под лицензией GNU GPL. Будущие версии, начиная с 4.1.x, будут распространяться под лицензией BSD. Сфера применения — от блогов до достаточно сложных новостных ресурсов и корпоративных сайтов. Первоначально проект начал разрабатывать Dean Allen. Textpattern написан на PHP и использует MySQL для хранения данных. Текущая стабильная версия — Textpattern 4.2.0

Почему же я выбрал TextPattern, а не Wordpress к примеру? Мне кажется WordPress слишком громоздкая система, этим он мне и не нравится. Да, безусловно, WordPress очень удобен для начинающих блогеров. Но в этом и заключается его беда, в стремлении сделать проще для пользователей, появляется и громоздкость кода. Так будет всегда, со всеми программами и проектами стремящимися сделать простой для юзеров интерфейс.

TextPattern же наоборот, более сложен для начинающих пользователей, но зато не такой громоздкий. Но в этом его беда =) Потому что начинающие пользователи просто ленятся в нем разобраться, бросают это дело и переходят на WordPress где всё намного проще =) Вот именно поэтому я и решил начать писать серию статей о TextPattern. В которой буду пытаться объяснить начинающим что, как и к чему. Надеюсь эта серия статей поможет тем, кто выбрал TextPattern. И TextPattern будет более быстрыми темпами развиваться в РуНете.

Подготовка к работе с TextPattern

Первым делом идем на оффициальный сайт. Находим кнопку загрузки.

Textpatter кнопка загрузки

Нас перебросит на страницу загрузки. Выбираем в каком архиве качать. Если незнаете что выбрать качайте в ZIP (=. После заказчки разархивируем файлы куда-нибудь.

Ну вот и всё подготовка закончена. В следующей части, установим TextPattern и займемся начальной настройкой вашего блога.

Верстаю

Занимаюсь версткой, дизайнов любой сложности. Натягиваю шаблоны на CMS: TextPattern, Joomla, WordPress, PHPShop, ShopCMS. Делаю долго, но качественно, верстка с любыми параметрами.

Связаться




(*) Все поля обязательны для заполнения.