Добрый день, друзья!
У меня несколько дней назад сломался блог. Поломка эта заключалась в том, что перестали работать постоянные кастомные сслылки, которые обеспечиваются плагином Custom Permalinks. Перестало это дело работать, как мне показалось, ни с того, ни с сего. Вроде как не заходил много времени, не изменял ничего, а тут бац! И на что не нажму, ничего не найдено. Вроде как можно было это исправить, используя встроенный вордпресс модуль постоянных ссылок, но меня же волновало, что поисковики будут не туда присылать людей. В итоге, я так наковырял, что у меня вообще весь блог отдавал ошибку 403, а при этом я на работе, там же работой надо заниматься, а у меня “трубы горят”, хочу знать, что происходит и как это исправить, а я на работе, там работать надо и прокси режет чуть ли не все сайты, на которые “нельзя”.
Но, раз уж это сообщение вы читаете, значит все было починено, и вот, в чём было дело:

Почему может быть ошибка 403

Если вы неопытный вебмастер, то ошибка 403 с сообщением “Forbidden blablabla”, может вас загнать в ступор, но, как я понял на собственной ошибке, это очень синтетический ступор, который каждый сам себе создает.
Итак, этот http кож говорит о том, что на файл, или скрипт, пытается получить доступ к файлу или папке, доступ к которым запрещён. При появлении такой ошибки, нужно посмотреть, какие именно страницы вызывают ошибку и попробовать вычислить файл или папку, к которой запрещён доступ. Для этого, подозрительным папкам выставляйте права chmod 777, но после исправления ошибки ОБЯЗАТЕЛЬНО опустить уровень доступа до 755 для папок и 644 для файлов.
В моем случае, я пока игрался с файлом .htaccess, каким-то образом изменил права на всю папку, в которой у меня находится блог. Таким образом я долго мучился, чтобы понять, что я серьезно лажанулся.

Ошибка работы плагина Custom Permalinks

Тут всё просто! Последняя версия этого плагина – 0.7.8, а последняя (на момент написания поста) версия WordPress – 3.3.1, а плагин тестировался с версией 3.2.1. Вот, как оказалось, и вся математика. Если внезапно, после обновления, или даже просто так, перестали работать постоянные ссылки, попробуйте откатить плагин Custom Permalinks назад на одну версию, и всё получится;)

Надеюсь помогло!

Вечером смотрели новости но ящику:

Так вот, в связи этой новостью, у меня родилось предложение: почему бы ГИБДД как гос. структуру вообще не упразднить? Ведь всё получается действительно просто: это как некое проклятье – штрафанулся, получи жезл, слюнавчик и лови следующего штрафника. Так, ведь, однажды останется один вечный ГИБДДшник, или это будет уже некий стражник ПДД, т.к. больше никто не захочет выступать в роли ГИБДДшника. Такой вот простой план. Вдруг сработает!

Вчера были с женой в МЕГЕ Химкинской. Уезжали от туда поздно, но, пока машина прогревалась, решил посмотреть, на всякий случай пробки через Яндекс.Пробки. Пробок в 22:30 в той области не оказалось, но привлек внимания метка “Восклицательный знак” на разъездном кругу около МЕГИ, с которого народ разъезжается по домам.

Следующим днём снова смотрел пробки, и уже обнаружил несколько точек типа “Восклицательный знак” в этой области и, О чудо!!, все они были обращениями ГИБДД к автовладельцам. Так, ГИБДД предупреждало автовладельцев о том, что в данном регионе, из-за отсутствия культуры вождения были установлены ИДН (Искусственные дорожные неровности – лежачие по нашему ), просят не ездить по обочинам, а то из-за большого количества ДТП страдают тысячи людей, отстаивая в пробках и т.д.

Что самое интересное, судя по всему, по всей Москве лишь отделение ГИБДД по ЗелАО (или Химкинское ГИБДД, в том числе) взялось за общение с автовладельцами через самый часто используемый сервис – Яндекс.Карты / Яндекс.Пробки. По крайней мере, листая карту всей Москвы, восклицательные знаки были замечены мной только вдоль Ленинградского шоссе и в Зеленограде.

Посмотреть все обращения ГИБДД к водителям можно на самих Яндекс.Картах, включив пробки и дорожные события, или через мобильные Яндекс.Карты. Интересно будет ли в этом толк?

Сегодня попробую рассказать об одном из самых сложных для меня предметов в программировании – о КЛАССАХ. Этот страшный КЛАСС – это некий контейнер, некое собрание переменных и функций, которые обрабатывают ранее упомянутые переменные, чтобы получить определённый результат. Классы очень полезны при работе над более сложными проектами.

Переменные

Мы уже говорили об использовании хеш-массивов, так что пример ниже не должен никому показаться сложным.

	//Создаем новый класс с именем Klass_first
	//класс содержит две внутренние переменные
	var Klass_first = new Class({
		variable_one : "Я первая переменная",
		variable_two : "Я вторая переменная"
	});

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

var run_demo_one = function(){
	//создадим объект на основне нашего класса Klass_first
	var demo_1 = new Klass_first();
	//Отобразить переменные нашего класса
	alert(demo_1.variable_one);
	alert(demo_1.variable_two);
}

Запуск первой демки

Методы и функции

Методы – это, по существу, обычные функции, но, которые принадлежат определённому классу. Эти методы нужно вызывать исключительно из созданного ранее экземпляра класса. Методы классов опредеояются также, как и обычные переменные, за исключением того, что методу задается статическое значение и передается анонимная функция:

	var Klass_second = new Class({
		variable_one : "Вот значение первой переменной",
		variable_two : "Вот значение второй переменной",
		function_one : function(){
			alert('Значение первой переменной : ' + this.variable_one);
			},
		function_two : function(){
			alert('Значение второй переменной : ' + this.variable_two);
		}
	});

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

	//работает
	working_method : function(){
		alert('Первое значение : ' + this.variable_one);
		},
	//не работает
	broken_method : function(){
		alert('Второе значение : ' + variable_two);
	}

Вызов методов нового класса работает также, как и вызов переменных класса.

	var run_demo_2 = function(){
		//создаем экземпляр класса Klass_second
		var demo_2 = new Klass_second();
		//вызываем функцию function_one
		demo_2.function_one();
		//вызываем функцию function_two
		demo_2.function_two();
	}

Запуск второй демки

Метод initialize:

Метод initialize: – это специальная функция класса, в которую можно сбросить все действия и параметры по настройке класса и определённые пользовательские опции и переменные. initialize: определяется также, как и обычные методы классов:

var Myclass = new Class({
	//определяем функцию инициализации класса с одним параметром
	initialize : function(user_input){
		//создаем переменную для этого класса, чьим значением
		//будут пользовательские данные
		this.value = user_input;
	}
})

initialize: можно использовать для изменения других опций или параметров:

var Myclass = new Class({
	initialize : function(true_false_value){
		if (true_false_value){
			this.message = "Всё, что говориться в этом уроке - правдиво!";
		}
		else {
			this.message = "Всё, что говориться в этом уроке - лживо!";
		}
	}
})
 
//Этот экземпляр класса скажет, что
//"Всё, что говориться в этом уроке - правдиво!"
var myclass_instance = new Myclass(true);
 
//Этот экземпляр класса скажет, что
//"Всё, что говориться в этом уроке - лживо!"
var myclass_instance = new Myclass(false);

Такой принцип определения экземпляра класса работает и в других случаях, только нужно помнить о запятых между каждой парой {ключа/значения}. Эту злосчастную запятую очень легко пропустить и продатить по безобразия много времени в поисках несуществующих багов в коде.

var Klass_third = new Class({
	//запуск функции при определении экземпляра класса
	initialize : function(one, two, true_false_option){
		this.variable_one = one;
		this.variable_two = two;
		if (true_false_option){
			this.boolean_option = "Выбрана опция TRUE";
		}
		else {
			this.boolean_option = "Выбрана опция FALSE";
		}
	},
	//определения методов
	function_one : function(){
		alert('Значение первое: ' + this.variable_one);
		},
	function_two : function(){
		alert('Значение второе: ' + this.variable_two);
	}
});
 
var run_demo_3 = function(){
	var demo_3 = new Class_three("Значение для первой переменной", "Значение для второй переменной");
	demo_3.function_one();
	demo_3.function_two();
}

Запуск третей демки

Внедрение параметров

При создании классов, часто необходимо задать некоторым переменным значения по умолчанию, чтобы, если пользователь не задает никаких значений, классу было бы с чем работать. Это можно сделать вручную, указав необходимые значения в функции инициализации и далее, проверяя кажду переменную на предмет того, было ей передано значение или нет и заменяя дефолтные значения, при необходимости. Но, можно просто подключить класс Options, который входит в состав модуля Mootools Class.extras.

Добавить функционал опций своему классу также просто, как добавить ещё одну пару ключ/значение к опциям инициализации:

	var Myclass = new Class({
	Implements: Options
})

По поводу Implements особо пока заморачиваться не будем, но более подробно остановимся на нём в следующих уроках. А сейчас, когда мы подключили функционал Options, нужно определить дефолтные значения параметров. Как и всегда, нужно всего-лишь добавить ещё одну пару ключ/значение в опции инициализации класса, но этот хеш-массив уже будет вложенным:

	var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "Значение первого параметра",
		option_two : "Значение второго параметра"
	}
});

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

	var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "Дефолтное значение первого параметра",
		option_two : "Дефолтное значение второго параметра"
	}
	initialize: function(options){
		this.setOptions(options);
	}
});

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

//Перезаписываем оба дефолтных значения
var class_instance = new Myclass({
	options_one : "Перезаписываем первое дефолтное значение",
	options_two : "Перезаписываем второе дефолтное значение"
	});
 
//Перезаписываем только одно дефолтное значение
var class_instance = new Myclass({
	options_two : "Перезаписываем второе дефолтное значение"
});

Обратите внимание на использование метода setOptions, который вызывается в методе инициализации. Этот метод – это часть класса Options и он также позволяет устанавливать опции (параметры) после того, как был создан экземпляр класса.

	var class_instance = new Myclass();
	//Устанавливаем первый параметр
	class_instance.setOptions({options_one : "Перезаписать первый параметр"});

После того, как опци (параметры) были установлены, к ним можно обращаться через переменную options:

	var class_instance = new Myclass();
	//Обращаемся к значению первого параметра
	var class_option = class_instance.options.options_one;
	//переменная class_option теперь имеет значение "Дефолтное значение первого параметра"

Если же нужно обратиться к переменной изнутри класса, нельзя забывать про this:

	var Myclass = new Class({
	Implements: Options,
	options: {
		option_one : "Первое дефолтное значение",
		option_two : "Второе дефолтное значение"
	}
	test : function(){
		//обратите внимание на использование this
		//для обращения к классу
		alert(this.option_two);
	}
});
 
var class_instance = new Myclass();
//Следующая строчка выведет сообщение "Второе дефолтное значение"
class_instance.test();

Ну, а если всё вышеперечисленное соединить в один код, получится следующее:

var Klass_fourth = new Class({
    Implements: Options,
	options: {
		option_one : "Дефолтное значение Первого Параметра",
		option_two : "Дефолтное значение Второго Параметра",
	},
	initialize: function(options){
		this.setOptions(options);
	},
	show_options : function(){
		//тут мы используем функцию print_r(), позаимсвованную из PHP
		//немного о ней будет сказано чуть ниже
		alert(print_r(this.options, true));
	},
});
 
var run_demo_4 = function ){
	var demo_4 = new Klass_fourth({
		option_one : "Новое значение первого параметра"
		});
	demo_4.show_options();
}
 
var run_demo_5 = function(){
	var demo_5 = new Klass_fourth();
	demo_5.show_options();
	demo_5.setOptions({option_two : "Новое значение второго параметра"});
	demo_5.show_options();
}
 
//Создадим новый экземпляр класса Klass_fourth
//в который добавим новый параметр - new_option
var run_demo_6 = function(){
	var demo_6 = new Klass_fourth({new_option : "Это значение нового, добавленного параметра"});
	demo_6.show_options();
}

Запуск четвертой демки
Запуск пятой демки
Запуск шестой демки

Вкусняшки!

Наверняка многие знакомы с функцией print_r() из PHP, которая используется в методе show_options:

   	show_options : function(){
   		alert(print_r(this.options, true));
   	}

print_r() – это не родная функция JavaScript, но она была ассимилирована в рамках проекта PHP2JS. Ну, а для тех, кто не знает, что такое PHP, объясню, что функция print_r() возвращает форматированную строку, созданную из пар ключ/значение. Это очень полезная функция для поиска и исправления ошибок. Кому интересен искодный код этой функции можно её найти в исходном коде страницы. Надеюсь все знают, как найти исходный код страницы? Подсказка.

var Klass_fifth = new Class({
	//Подключаем класс Options
	Implements: Options,
	//Устанавливаем дефолтные опции
	options : {
		option_one : "Дефолтное значение первого параметра пятого класса",
		option_two : "Дефолтное значение второго параметра пятого класса",
	},
	//подключаем дефолтные значения
	initialize : function(options){
		this.setOptions(options);
	},
	//определяем метод, выводящий сообщение
	//с форматированной строкой из массива с параметрами
   	show_options : function(){
   		alert(print_r(this.options, true));
   	},
	//определяем метод для обмена значений
	//между двумя параметрами
	swap_options : function(){
		this.setOptions({
			option_one : this.options.option_two,
			option_two : this.options.option_one
		})
	}
});
 
function demo_7(){
	var demo_7 = new Klass_fifth();
	demo_7.show_options();
	demo_7.setOptions({option_one : "Новое значение первого параметра"});
	demo_7.swap_options();
	demo_7.show_options();
}

Запуск седьмой демки

“Внимание, внимание! Атракцион невиданной щедрости!” Купонаторы разразили атракционами и каждый мало-мальски значимый игрок на российском рынке купоно-скидочный акций посчитал нужным предложить своей аудитории приобрести iPhone 4S с неворятной скидкой.

Сейчас меня удивил сайт Групон. Насколько я понял, Groupon – это компания, которая действует чуть ли не во всем мире, так что, наверняка, эти ребята доволльно серьезные. Но их акция (из тех, которые я видел на купонных сайтах), получается одна из самых “обдирающих”.

Минимальная цена на Групоне такая же, как и на BigBuzzy, но, как и на BigBuzzy, на Групоне есть свой подвох. На BB телефоны начнут (на это надяются около 7000 человек) раздавать/развозить с 25-го ноября. На Групоне вожделенный iPhone 4S можно забрать сразу, только вот, чтобы забрать его по минимально предлагаемой цене, нужно оплатить попутно ещё некий безлимитный тариф “IPhone 4S Москва/IPhone 4S Область”, предоставляемый оператором сотовой связи Beeline на год вперёд. А год использования этого тарифного плана стоит немного-немало 30600 рублей. Но, можно оплатить лишь пять месяце использования безлимитного тарифного плана (12750 рублей), только вот тогда цена телефона вырастет до 23990 рублей. В итоге, если рассмотреть варианты покупки телефона iPhone4S на сайте groupon.ru, можно увидеть что:

• оплачивая годовое использование предлагаемого тарифного плана на телефон (и тарифный план), будет истрачено 19990 + 30600 = 50590 рублей
• оплачивая 5-тимесячное использование предлагаемого тарифного плана на телефон (и тарифный план), будет истрачено 23990 + 12750 = 36740 рублей

Сам телефон на сайте партнёра акции, компании GoldenSim, как товар, не указан. Компания ГолденСим торгует тарифными планами золотой четверки. Только тарифы Билайн, которые компания ГолденСим предлагает, на официальном сайте оператора, я не обнаружил. Да, и хватит ли ума билайновцам использовать в названии своего тарифного плана название устройства, которое официально ещё не поступила прилавки? Сомневаюсь.

Написав все эти абзацы, я ни коим образом не пытался утверждать, что Групон – это ловушка, что ГолденСим – это мошенники, или что данная акция – лохотрон! НЕТ! Компании занимаются современным бизнесом, они пытаются залезть на гребенб волны, волны под названием Apple. Ведь сегодня каждый пытается как-то воспользоваться этим громким именем, чтобы извлечь для себя выгоду. Ну, а что касается акций, купонов и скидок – внимательно читайте все условия акции!

Основное

Делаем аккордион

Для создание простого аккордиона нужно всего лишь выбрать пары из элементов: заголовок и содержания. Итак, вначале, назначим класс каждому нужному названию и класс элементу с содержанием:

	<h4 class="togglers">Заголовок 1</h4>
	<p class="elements">Тут содержание - текст - для заголовка 1</p>
	<h4 class="togglers">Заголовок 2</h4>
	<p class="elements">Тут содержание - текст - для заголовка 2</p>

Теперь можно просто перенести данные классов в переменные и запустить новый объект accordion.

	//Назначаем заголовки, которые будут, по совместительству, и активными областями
	var zags_demo = $$('.togglers_1');
	//Назначаем содержание, которое будет скрыто до активации соответствующего заголовка
	var content_demo = $$('.elements_1');
	//определяем объект accordion
	//и передаем в качестве параметров назначенные выше переменные
	var DemoAccordionObject = new Accordion(zags_demo, content_demo);

Такое простое определение объекта даст следующий результат:

Заголовок 1

Содержание, находящееся под заголовком 1

Заголовок 2

Содержание, находящееся под заголовком

Заголовок 3

Содержание, находящееся под заголовком

Параметры

Как и при работе со всеми остальными объектами Mootools, у Accordion имеются параметры, которые нужно использовать, если настраиваете что-то большее, чем дефольтный Accordion. Встречайте! Параметры Accordion!

display

По умолчанию 0.

Этот параметр определяет, какой из элементов будет отображаться при загрузке страницы. По умолчанию параметр имеет значение 0, что означает, что при загрузке показывается первый элемент списка. Чтобы установить другой элемент, используйте любое другое значение (целое число). В отличие от параметра show, display отобразит элемент с небольшой анимацией.

var AccordionObject = new Accordion(toggles, content {
	    display: 0 //значение по умолчанию
	});

show

По умолчанию 0.

Примерно, как и парамер display, show определяет, какой элемент будет отображаться при загрузке страницы. Однако, в отличии от display, он просто показывает, без какой-либо анимации.

var AccordionObject = new Accordion(toggles, content {
	    show: 0 //значение по умолчанию
	});

height

По умолчанию true.

При значении true этот параметр определяет, будет ли контент показан с привязкой к высоте. Это стандартное выполнение эффектов Accordion, показанное немного выше.

var AccordionObject = new Accordion(toggles, content {
	    height: true //значение по умолчанию
	});

width

По умолчанию false.

Назначение этого параметра похоже на праметр height, но вместо того, чтобы изменять высоту для отображения контента, изменяться будет ширина. При использовании ‘width’ со стандартным набором параметров (как показано выше), то расстояние между заголовком останется прежним, в зависимости от высоты контента. Сам же блок с контентом откроется слева направо для отображения контента в этом пространстве.

var AccordionObject = new Accordion(toggles, content {
	    height: true //значение по умолчанию
	});

opacity

По умолчанию true.

Параметр определяет, будет или не бует приминяться эффект прозрачности при отображаении контента. Эффект этого параметра можно увидеть в примере выше – мы же там использовали обычное определение объекта, потому там и используются стандартные значения параметров.

var AccordionObject = new Accordion(toggles, content {
	    opacity: true //значение по умолчанию
	});

fixedHeight

По умолчанию false.

Используется для установки фиксирвованной высоты. Нужное значение – число (можно установить на 100, чтобы задать высоту в 100 пикселей). Параметр следует использовать о свойством overflow каскадныйх таблиц стилей, когда необходимая фиксированная высота блока меньше, чем естественная высота блока с контентом.

var AccordionObject = new Accordion(toggles, content {
	    fixedHeight: false //значение по умолчанию
	});

fixedWidth

По умолчанию false.

Не трудно догадаться, что этот параметр работает также, как и fixedHeight, только работает с шириной блока.

var AccordionObject = new Accordion(toggles, content {
	    fixedWidth: false //значение по умолчанию
	});

alwaysHide

По умолчанию false.

Позволяет добавить управление к заголовкам блоков. При установке на true, при клике на заголовок открытого блока, блок закроется без того, чтобы открывать какой-либо другой блок. Смотрите этот параметр в работе в примере ниже.

var AccordionObject = new Accordion(toggles, content {
	    alwaysHide: false //значение по умолчанию
	});

События

onActive

Срабатывает, когда подается команда на открытие элемента. В параметрах функции будет управляющий элемент, элемент, чей контент открывается и параметры.

var AccordionObject = new Accordion(toggles, content {
		onActive: function(toggler, element) {
			toggler.highlight('#76C83D'); //элемент управления подсветим зеленым
	    	element.highlight('#76C83D');
		}
	});

onBackground

Срабатывает, когда элемент начинает закрываться. Передает все другие элементы, которые закрываются, но не открываются.

	var AccordionObject = new Accordion(toggles, content {
			onBackground: function(toggler, element) {
		    	toggler.highlight('#DC4F4D'); //элемент управления подсветим красным
		    	element.highlight('#DC4F4D'); //элемент закрывающийся подсветим красным
			}
		});

onComplete

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

	var AccordionObject = new Accordion(toggles, content {
			onComplete: function(one, two, three, four){
		    	one.highlight('#5D80C8'); //отмечаем синим
		    	two.highlight('#5D80C8');
		   		three.highlight('#5D80C8');
		    	four.highlight('#5D80C8');
			}
		});

Методы Accordion-a

.addSection();

Добавляет пару заголовок/контент в объект Accordion. Работает схоже с остальными методами, о которых уже шла речь в наших уроках. К переменной объекта прикрепляем .addSection, после чего нужно обратится к id заголовка, id контента и далее нужно указать, какое по счёту положение новая пара должна принять (0 – начало списка).

AccordionObject.addSection('togglersID', 'elementsID', 2);

Тут стоит заметить, что если таким образом добавлять объекты, то порядковый индекс нового объекта будет не 2, а +1 к индексу последнего элемента. Так, если у вас в списке 4 элемента (0-3), новый элемент, добавленный через .addSection();, будет 5-м, с индексом 4, соответственно.

.display();

Позволяет открыть определённый элемент по его порядковому номеру в массиве. Так, если бы мы выполнили код метода .addSection();, показанный выше, и после добавления элемента нам бы нужно было открыть добавленный элемент, то с .display(); нельзя использовать тот же самый индекс!

AccordionObject.display(4); // покажет только что добавленный элемент

Вкусняшки Accordion-овские

Ниже можно простестировать всё, о чём шла речь в этом уроке. Accordion – интересный и полезный плагин к библиотеке Mootools, который я уже несколько раз использовал для придания дополнительного удобства пользования рабочим сайтом. Мне понравилось – всё просто и очень гибко!

//определяем переменные массивов с заголовками и элементами с контента
	var zags = $$('.zag');
	var content = $$('.content');
 
	//создаем переменнцю объекта
	//с помощью ключевого слова "new"
	//передаем массив с заголовками
	//передаем массив с контентом
	//задаем параметры и события
	var AccordionObject = new Accordion(zags, content, {
		//далее определяем, что при загрузке страницы
		//будет показан контент, через метод "show" (по индексу)
		//но БЕЗ каких-либо эффектов - он просто откроется
		//также, обратите внимание, что если используете параметр "fixedHeight,"
		//метод show не сработает при загрузке страницы.
		//"show" имеет приоритет перед "display"
		show: 0,
 
		//при загрузке страницы, эта строчка покажет контент (по индексу),
		//и контент будет открыт с приминением небольшого эффекта
		//как говорилось выше, show в приоритете перед display
		//display: 0,
 
		//имеет дефолтное значение 
		//создается вертикальный аккордион
		height : true,
 
		//далее, создается для горизонтального аккордиона
		//он немного сложнее в использовании из-за необходимости использовать CSS
		width : false,
 
		//дефолтное значение
		//запустит немного прозрачности в эффект
		opacity: true,
 
		//дефолтное значение false, но можно указать и числовое значение -
		//закрепит высоту всех контейнеров
		//потребует использование overflow
		//не будет работать при загрузке страницы, если будет использоваться show
		fixedHeight: false,
 
		//может быть false или целое число
		//схоже с fixedHeight,
		//но используется с горизонтальными аккордионами
		fixedWidth: false,
 
		//позволяет закрывать открытые элементы
		alwaysHide: true,
 
		//обычное событие onComplete
		//передаёт переменную с элементом для каждого отдельного элемента с контентом
		onComplete: function(var1, var2, var3, var4, var5){
			var1.highlight('#5D80C8'); //синий цвет
			var2.highlight('#5D80C8');
			var3.highlight('#5D80C8');
			var4.highlight('#5D80C8');//добавленный элемент
			$('onComplete').highlight('#5D80C8');
		},
 
		//это событие сработает, когда элемент будет открываться
		//передаст элемент, управляющий состоянием контента
		//и элемент контента, над которым производится действие
		onActive: function(toggler, element) {
			toggler.highlight('#76C83D'); //зеленый
			element.highlight('#76C83D');
			$('onActive').highlight('#76C83D');
		},
 
		//событие срабатывает, когда элемент с контентом начинает закрываться
		//передаст всем остальным элементам
		//закрывающийся элемент или тот, что не открывается
		onBackground: function(toggler, element) {
			toggler.highlight('#DC4F4D'); //красный
			element.highlight('#DC4F4D');
			$('onBackground').highlight('#DC4F4D');
		}
	});
 
	$('add_section').addEvent('click', function(){
		//новая часть аккордеона  - это стандартная аккордионная пара
		//переключатель и контент
		//указываем, куда нужно его установить
		AccordionObject.addSection('addToggler', 'addElement', 0); // в самое начало
	});
 
	$('display_section').addEvent('click', function(){
		//определяет, какой объект аккордиона первым отобразиться на странице
		//будет иметь приоритет над аналогичным параметром в разделе options
		AccordionObject.display(4);
	});

Далее, по цветам можно видеть, что происходит с нашими элементами при запуске объекта Accordion.

Заголовок 1

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

Заголовок 2

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

Заголовок 3

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

Заголовок 4

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

Добавочный заголовок

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

Можно попробовать добавить новый элемент с помощью этой кнопки
Добавить пару
Показать добавленную пару

Недавно столкнулся с очередной проблемой зипования/архивирования файлов на удаленном сервере. Было поздно, когда я занялся вопросом создания резервной записи файлов сайта. Просто через CyberDuck гонять файлы долго, и не всегда надежно, т.е. нет гарантии, что файлы все перепишуться, что подключение к интернету не подвиснет или ещё что-нибудь не случится. Поэтому решил использовать собственный урок с собственного блога: Работа с ZIP средствами PHP.
Как я и говорил, было поздно уже, потому сил после рабочего дня осталось не много, но интерес возбудился, так сказать .
Вот я и попробовал с помощью немного изменённго собственного примера заархивировать все файлы на серваке и скачать весь сайт ОДНИМ файлом. Получился такой php-скриптик:

< ?php
$folder = '../web'; //архивируем всю папку на уровень выше
$zip_file = 'archive.zip';
$zip = new ZipArchive;
$handle = opendir($folder); //открываем нужную папку и создаем ресурс для работы с внутренностями папки
if($res = $zip->open($zip_file, ZipArchive::CREATE) !== TRUE){
  exit('Не удалось открыть');
}
while(false ! ===($file = readdir($handle))){
$zip->addFile($file);//считываем все файлы в папке и добавляем их по одному в указанный архив
echo "$file".\n;
}
closedir($handle); //закрываем ресурс открытой папки
$zip->close(); //закрываем работу с zip архивом
?>

Вот как-то так… Проблема только в том, что такой скрипт будет работать только с файлами в папке, а вложенные папки будут игнорироваться… Чтобы добавлялись подпапки, нужно добавлять дополнительную проверку каждого файла, но в итоге, архив будет состоять просто из файлов, без папок, т.к. скрипт будет добавлять папки.
Вот, потихоньку подходим к тематике поста. Наткнулся на форуме stackoverflow на пост именно по этой теме, и там я и вспомнил, что когда-то, когда я ещё читал книжки, я изучал работу команды exec(). Эта функция выполняет команды сторонник программ-оболочек, т.е. при использовании php-обработчика на UNIX-сервере, через эту команду можно выполнять команды терминала!!! А с помощью команд терминала намного проще заархивировать как файлы, так и папки всего ОДНОЙ строчкой:

tar -czf backup.tar.gz ../web

Тут стоит немного внести ясности, что я не владею ни доменом infoniac.ru ни площадкой, на которой он хостится, поэтому у меня нет доступа к управлению ни того, ни другого. Поэтому я и не могу просто взять, открыть терминал на хостинге и набрать команду. У меня только ФТП доступ, поэтому приходится как-то выкручиваться.
Вот, в общем, и наткнулся на функции типа shell_exec();, которые способны выполнять команды терминала через среду PHP. Таких команд много и методов работы с ними тоже много. У каждой свои особенности выполнения и использования, но результат примерно одинаковый: выполняются команды оболочки веб-сервера (по крайней мере, в UNIX-системах это работает).
Я сделал тестовый файл на сервере, который показывает, как некоторые из этих команд работают, чтобы можно убедиться в работоспособности этих функций. Вот код файла:

< ?php
echo "<strong>system(\"ls\"):<br />";
echo "&lt;pre>".system('ls')." &lt;/pre>";
echo "<br /><strong>passthru(\"ls\"):</strong><br />";
echo "&lt;pre>".passthru('ls')."&lt;/pre>";
echo "<br /><strong>echo shell_exec(\"ls\"):</strong><br />";
echo "&lt;pre>".shell_exec('ls')."&lt;/pre>";
echo "<br /><strong>echo exec(\"ls\"):</strong><br />";
echo "&lt;pre>".exec('ls')."&lt;/pre>\r\n
?>

Что-то вордпресс и плагин WP-Syntax не способны правильно обработать теги <pre> в коде РНР, который я привожу в пример, потому, публикую как есть.

Да-да, выиграть то его можно, только для этого нужно иметь некую сноровку, смекалку, скорость ума, безработицу (или свой бизнес) и отсутствие жены/девушки или чтобы она на крайняк разделяла твой интересы, чтобы иметь возможность срываться с места в любое время суток на выполнение задания. Чтобы получить возможность участвовать в этих розыгрышах MacBook-a, нужно зарегистрироваться на сайте 3shtuki.ru, и вливаться в движуху
Удачи всем!!

Что-то идей совсем мало, а времени нет дописать то, что наметил уже давно. Москва съедает жутко много времени… или я просто люблю спать поночам, по этому особо не успеваю ничего…
На работе дали задание в виде перевода инструкции на принтер… Жуткое зрелище, как я это делаю: в сон тянет, т.к. вообще не завораживает действие, не интересно, хоть убей. Ведь именно на работе я раньше черпал свои мысли и идеи по прикрутке новых разных функций к сайтам, которыми я заведую, но, т.к. последние пару месяцев я только перевожу и верстаю в InDesigne мануал, у меня контактов с интернетом почти нет. Когда появлялись мысли каких-нибудь новшеств для сайтов, я изучал доступные материалы, чтобы воплотить идею в жизнь. Идеи у меня, конечно, совсем не о создании своей уникальной платежной онлайн системы, а просто, например, создание карты на основе API Yandex.Maps, чтобы наши клиенты могли сразу у нас на сайт проложить маршрут к нам в офис или на склад. Такие мысли мне под силу ещё:), а что-то более глобальное, к сожелнию, умишком не вышел…
В общем, мысли никакие по интересующей меня тематике в голову и не лезут. Хотя, конечно, нужно доделать уроки по Mootools, но пока и до этого руки не доходят… Всё, жена снова выкалывается, что я у компа много времени провожу, и так глаза красные.
Блог что-то барахлит: не хочет автоматом обновлять плагины, постоянно слетает…, и то ли плагин Contact Form 7 глючит, толи пота барахлит… Чего не так то?

Недавно получил задание: разобраться, как можно надёжнее всего вставить изображение в тело электронного письма так, чтобы у большинства получателей, вне зависимости от используемого почтового клиента, эти изображения отображались.
Ковырялся, вроде как просто вставить <img src="путь" alt="" /> более или менее справляется с задачей, но а как быть, когда изображение нигде не размещено и пути к нему не существует. И тут, как по волшебству, меня во-первых осенило! Когда ходил на курсы по кросс-браузерной верстке, препод вскользь упомянул о том, что все (а может не все, а только особое их содержимое, вроде картинок) электронные письма кодируются в base64, а потом показал пример, закодировав изображение этим алгоритмом, а потом насильно вставив то, что получилось в атрибут src тега img. А во-вторых, наткнулся на тему со скриптом PHP, который создает и отправляет именно такие письма, т.е. с изображениями, которые не являются вложениями и которые нельзя сохранить на диск (т.е. это элементы дизайна, а не вложения, потому и нафиг никому не надо их сохранять на диск). Тут же попробовал отправить изображение в base64, но пришел текст
Сейчас, к сожалению, нет времени разбираться (всё бьюсь на кроссбраузерной версткой пока первого и единственного сайта), потому просто сохраню себе ссылку с форума, а они может, ещё кому-нибудь пригодятся:
Отправка письма в HTML-формате со встроенными изображениями