Представляю ColumnListView

<?php 
 
Yii::import('zii.widgets.CListView');
 
class ColumnListView extends CListView
{
 
	public $columns = array("leftblock", "midblock", "rightblock");
 
	//@override)
	public function renderItems()
	{
		$y = 0;
		if(sizeof($this->columns))
			foreach ($this->columns as $column)
			{			
				echo CHtml::openTag('div',array('class'=>'column '.$column,))."\n";
				$columns = sizeof($this->columns);
 
				$data=$this->dataProvider->getData();
				if(count($data)>0)
				{
					$owner=$this->getOwner();
					$render=$owner instanceof CController ? 'renderPartial' : 'render';
					foreach($data as $i=>$item)
					{	
						if( ($i+ ($columns - $y)) % $columns == 0)
						{
							$data=$this->viewData;
							$data['index']=$i;
							$data['data']=$item;
							$data['widget']=$this;
							$owner->$render($this->itemView,$data);
						}
					}
				}
				else
					$this->renderEmptyText();
				echo CHtml::closeTag('div');
				$y++;
			}	
	}
 
}

Использование:

Скопируйте файл ColumnListView.php в папку protected/components.

В том месте где нужно вывести список должен выполнится примерно такой код:

 
<?php $this->widget('application.components.ColumnListView', array(
		'dataProvider'=>$dataProvider,
		'itemView'=>'_view',
		'columns'=>array("one","two","three","four"),
	)); ?>

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

ColumnListView.php

Скачать можно здесь.  Не лишними будут Ваши комментарии и пожелания!

Can be downloaded here.  Please make comments!

Скачать модуль.

Все содержимое архива распаковать в корень вашего сайта.

В нужных вам шаблонах подключить random_photo.xsl

[xml]  <xsl:include href="../photos/random_photo.xsl" /> [/xml]

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

Там где вы ходите чтобы отображалась фотография нужны прописать такой вот код

[xml]

<xsl:apply-templates select="document(‘xmodule://random_photo/get’)/data/response/object[@type='photo']" mode="random-photo"  />

[/xml]

Также возможно потребуется внести изменения в скрипт thumbs.php который находится в корне сайта. Этот скрипт занимается ресайзингом «на лету» и кешированием изображений.

Нужно добавить в массив допустимых значений ширин и высот новые значения .

[php]

$allowedSizes = array (640,480,400,300,320,240,100,75,50,40,38,24);

[/php]

меняем на

[php]

$allowedSizes = array (640,480,400,300,320,265,240,200,100,75,50,40,38,24);

[/php]

Кстати вы можете подобрать эти значения по своему вкусу, делая изменения в шаблоне random_photo.xsl, не забудьте вписать сюда эти величины.

Требуется mootools версии 1.2 или выше.

В решении используется  dwProgress bar талантливого разработчика  David Walsh.

Код в head

[xhtml]
<script type="text/javascript" src="/js/mootools-1.2.4-core.js"></script>
<script type="text/javascript" src="/js/mootools-1.2.4-more.js?v1"></script>
<script type="text/javascript" src="/js/dwProgressBar.js">
[/xhtml]

Дополнительные CSS стили

[css]
#progress_container { background-color:#FFFFFF; font-size:0.9em; height:50px; margin:0; padding:10px; width:400px; }
#box2 { background:transparent url(/img/progress-back.png) no-repeat scroll right center; float:left; height:18px; width:400px; }
#perc2 { background:transparent url(/img/progress.png) no-repeat scroll right center; height:18px; }
#progress_filename { color:#000000; font-size:0.9em; line-height:1.2em; padding:0 0 10px; width:100%; }
[/css]

Код в body

[xhtml]

<form id="upload_form" action="/upload.php" method="post" enctype="multipart/form-data">
<h1>Добавить файл</h1>
<p><input type="file" id="id_file" name="file" size="40"></input></p>
<div style="font-size:10px; padding:10px;color:#999">
<p>Размер файла должен быть до 300 мБ.</p>

<div>
<div id="progress_container">
<div id="progress_filename">Выберите файл</div>
<div id="put-bar-here"></div>
</div>
</div>
</div>
<p><input type="submit" value="Залить!" id="submit"></input></p>
</form>
[/xhtml]

[jscript]
<script type="text/javascript" charset="utf-8">

var uuid = ""
pb2 = new dwProgressBar({
container: $(‘put-bar-here’),
startPercentage: 0,
speed:1000,
boxID: ‘box2′,
percentageID: ‘perc2′,
displayID: ‘text’,
displayText: false
});

for (i = 0; i < 32; i++) {
uuid += Math.floor(Math.random() * 16).toString(16);
}

var req = new Request({
method: ‘get’,
headers: {‘X-Progress-ID’: uuid},
url: ‘/progress’,
initialDelay: 500,
delay: 1000,
limit: 10000,
onSuccess: function(reply) {
test = JSON.decode(reply);
switch(test.state) {
case "uploading":
percent = 0.00 + parseFloat(Math.floor((test.received / test.size)*1000)/10);
$(‘progress_filename’).set(‘html’,'Загрузка ‘ + filename + ‘ …’ + percent + ‘%’);
pb2.set(percent);
break;
case "starting":
$(‘progress_filename’).set(‘html’,'Начинается загрузка… ‘);
break;
case "error":
$(‘progress_filename’).set(‘html’,'Ошибка… ‘ + test.status);
break;
case "done":
$(‘progress_filename’).set(‘html’,'Загрузка завершена…’);
req.stopTimer();
break;
default:
//
break;
}
}
})

window.addEvent(‘domready’, function() {

$(‘submit’).addEvent( ‘click’, function(evt){
filename = $("id_file").get(‘value’).split(/[\/\\]/).pop();
$("progress_filename").set(‘html’,'Uploading ‘ + filename + ‘ …’);
$("upload_form").set(‘action’, "/upload.php?X-Progress-ID=" + uuid);

req.startTimer(‘X-Progress-ID=’ + uuid);

} );
})
</script>
[/jscript]

Демонстрацию работы скрипта можно посмотреть здесь(нужна регистрация)

Скачать архив

После не долгих раздумий выбор пал на TinyMCE. Также я решил сразу же подключить редактор картинок для загрузки, ресайзинга изображений на сервер. В качестве image manager я выбрал – Tinybrowser – бесплатный, ничего лишнего, имеет русскую локализацию. Так как в Explay CMS используется Jquery более правильно будет использовать jQuery package

Для того чтобы начать использовать TinyMCE в Вашей Explay CMS надо:

• Скачать TinyMCE с сайта производителя, на момент написания статьи это tinymce_3_2_7_jquery.zip. Там же Вы можете скачать нужный Вам ленг пак;
• Распаковать содержимое папки tinymce/jscripts/ в корень сайта, чтобы получилось вот такая иерархия – http://sitename.com/tiny_mce/tiny_mce.js
• Скачиваем редактор картинок Tinybrowser с сайта автора .
• Распаковываем и заливаем папку tinybrowser в папку plugins TinyMCE
• Скачиваем плагин к TinyMCE написанный мной, который добавляет кнопку «Читать далее» в панель инструментов. Принцип работы схож с тем что в WordPress (собственно оттуда я его и содрал). Единственное что наша кнопка добавяляет тег <cut/> и позволяет его редактировать по надобности.

Теперь нужно вносить изменения в темплейты Explay CMS

Находим и открываем файл /explay/templates/xsl/blogs/forms/posts.xsl

Заменяем

[xml]
<script type="text/javascript" src="{$baseURI}/js/simpleEditor.js" />
[/xml]

на

[xml]
<script type="text/javascript" src="{$baseURI}/tiny_mce/tiny_mce.js"></script>
<script src="{$baseURI}/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php" type="text/javascript"></script>
<script type="text/javascript" src="{$baseURI}/tiny_mce/jquery.tinymce.js"></script>
[/xml]

Потом открываем /explay/templates/xsl/common/form.xsl

заменяем

[jscript]
<script type="text/javascript">
var <xsl:value-of select="$editorName" /> = new SimpleEditor;
</script>
[/jscript]

на

[jscript]
<script type="text/javascript">
$().ready(function() {
$(‘textarea#field_<xsl:value-of select="@id"/>’).tinymce({

script_url : ‘{$baseURI}/tiny_mce/tiny_mce.js’,

theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,explay",
theme_advanced_buttons3 :"",
theme_advanced_buttons2 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,fontsizeselect,hr,removeformat|,sub,sup,|,media,fullscreen,|,explay_more",
theme_advanced_buttons1 : "bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
file_browser_callback : "tinyBrowser"

});
});
</script>
[/jscript]

Код

[xml]
<div class="simple_editor">
<a title="Выделить жирным" onclick="{$editorName}.insertTag (‘b’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/b.png" alt="" /></a>
<a title="Выделить курсивом" onclick="{$editorName}.insertTag (‘i’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/i.png" alt="" /></a>
<a title="Подчеркнуть" onclick="{$editorName}.insertTag (‘u’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/u.png" alt="" /></a>
<a title="Зачеркнуть" onclick="{$editorName}.insertTag (‘s’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/s.png" alt="" /></a>
<a title="Параграф" onclick="{$editorName}.insertTag (‘p’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/p.png" alt="" /></a>
<a title="Цитата" onclick="{$editorName}.insertTag (‘blockquote’,null); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/blockquote.png" alt="" /></a>
<a title="Вставить ссылку" onclick="{$editorName}.insertLink (); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/link.png" alt="" /></a>
<a title="Вставить изображение" onclick="{$editorName}.insertImage (); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/image.png" alt="" /></a>
<!–a title="Вставить ссылку на пользователя" href="javascript:void(0);" onclick="{$editorName}.insertUserLink (); this.blur();"><img src="{$baseURI}/images/editor/user.png" mce_src="{$baseURI}/images/editor/user.png" alt="" /></a–>
<a title="Вставить видео" onclick="{$editorName}.insertVideo (); this.blur();" href="javascript:void(0);"><img src="{$baseURI}/images/editor/video.png" alt="" /></a>
</div>
[/xml]

Удаляем вовсе.

На этом все.
Также возможно понадобится настроить tinyBrowser.

Спасибо за внимание. Жду комментариев.

></script>

До появления  IEcollection  я пользовался виртуальной машиной в которой была винда с IE6.

Теперь же все намного проще.

Любую версию от IE 1.5 до IE8 можно запустить на одной ОС всего одним кликом.

Скачать можно здесь http://overload.in.ua/436

На сайте вы найдете саму библиотеку написанную на AS3. Также там есть пример реализации рисовалки которую вы без труда можете настроить под себя. Для открытия примера вам понадобится Adobe Flash CS4.

Из особенностей.

• Простой способ сохранения изображений. (JPEG)
• Сравнительно малый размер данных отправляемых на сервер (опять таки из-за зжатия в jpeg на клиенте)
• Зум
• Документированый код

Вот демо.

Однажды задался сделать видео чат.

Знаний во флеш у меня маловато поэтому решил использовать готовый.

В качестве сервера выбрал бесплатный флеш сервер RED5  (http://osflash.org/red5)

Сам видеочат взял c http://www.flashcoms.com/  Их триальный чат позволяет работать максимум с пятью  онлайнерами.

В приниципе настроив  RED5 на своем сервере вы можете использовать и http://www.red5chat.com/ – он более сложен в установке, функционал победнее зато бесплатен.

Так как RED5 – это tomcat с своими сервлетами то на сервере вам нужна JAVA.

Как устанавливать Java на freebsd нашел в рунете.

Установка red5 заключается в скачивании архива в какую либо папку и  его распокавка.

Запуск RED5 .

sh /usr/local/distfiles/red5/red5.sh

(/usr/local/distfiles/  -папка куда я распаковал архив с red5)

Установка  видеочата от flashcoms состоит из двух частей. Добавление в tomcat (папка  /usr/local/distfiles/red5/webapps)

сервлета который идет с flashcoms видеочатом.   (у меня это папка flashcoms_5_1_videochat)

после копирования вы должны перезапустить RED5

По сути все. Осталось разместить html и флеш файлы которые идут с видеочатом в www папке.

Пример работы видеочата

Будут вопросы пишите в комментариях.

Это происходит тогда когда дефолтовая кдировка www хоста отличается от кодировки установленой в wordpress.

Лечится это маленьким изменением в wp-includes/admin-ajax.php

Нужно подправить метод send() объекта WP_Ajax_Response, привести его к такому виду.

function send() {
header('Content-Type: text/xml; charset=' . get_option('blog_charset'));
echo "";
foreach ( (array) $this->responses as $response )
echo $response;
echo '';
die();
}

вот и все

Конечно же по быстродействи она уступает но иногда просто нет другого выбора.

Вот она. Внутри также находятся примеры от разработчика  http://forum.maxg.info

Также хочу заметить что данная библиотека используется в phpmyadmin.

Простой пример как содержимое папки на сервере сложить в архив:

include("zip.lib.php");
$zip = new Zip;
$zip->Add(Array(Array("t.txt","Text"),Array("folder/")),0);
fputs(fopen("test.zip","wb"), $zip->get_file() );

Вот так просто.