<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Авторский блог веб-разработчика</title>
	<atom:link href="http://www.radmus.net/feed" rel="self" type="application/rss+xml" />
	<link>http://www.radmus.net</link>
	<description>настройка, программирование php, ajax, ubuntu, freebsd, mysql, JavaScript, apache, javascript, smarty, html, css etc.</description>
	<pubDate>Sun, 10 May 2009 10:23:53 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Объединяем статусы twitter.com и vkontakte.ru</title>
		<link>http://www.radmus.net/2009/05/10/obyedinyaem-statusy-twitter-i-vkontakt.html</link>
		<comments>http://www.radmus.net/2009/05/10/obyedinyaem-statusy-twitter-i-vkontakt.html#comments</comments>
		<pubDate>Sun, 10 May 2009 10:23:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[twitter]]></category>

		<category><![CDATA[vkontakte]]></category>

		<category><![CDATA[статусы]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=284</guid>
		<description><![CDATA[Навеяно постом http://habrahabr.ru/blogs/python/59236/.
Там описывается о способе синхронизации статусов twitter и vkontakte написанный на python. Автор предлагает поставить данный скрипт на cron на домашней машине. Но
почитав вышеуказанный пост, предположил, что не каждый сможет использовать домашний комп для таких целей (например потому, что он включен не постоянно). Но зато многие из нас имеют php-хостинг, который так же [...]]]></description>
			<content:encoded><![CDATA[<p>Навеяно постом <a href="http://habrahabr.ru/blogs/python/59236/">http://habrahabr.ru/blogs/python/59236/</a>.<br />
Там описывается о способе синхронизации статусов twitter и vkontakte написанный на python. Автор предлагает поставить данный скрипт на cron на домашней машине. Но<br />
почитав вышеуказанный пост, предположил, что не каждый сможет использовать домашний комп для таких целей (например потому, что он включен не постоянно). Но зато многие из нас имеют php-хостинг, который так же поддерживает cron. Для разминки написал данный скрипт.<br />
<span id="more-284"></span><br />
При написании использовал:<br />
twitter API, которое скачал <a href="http://twitter.slawcup.com/twitter.class.phps">тут</a><br />
vkontakte API, которое написал сам. Код скрипта получился таким:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #b1b100;">include</span> <span style="color: #0000ff;">'twitter.class.php'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">include</span> <span style="color: #0000ff;">'vkontakte.class.php'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">include</span> <span style="color: #0000ff;">'config.php'</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$twitter</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> twitter<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$twitter</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">username</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$twitterUser</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$twitter</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">password</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$twitterPassword</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$statusTwitter</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$twitter</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">userTimeline</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">status</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">text</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$vk</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> VkontakteAPI<span style="color: #009900;">&#40;</span><span style="color: #000088;">$vkontakteEmail</span><span style="color: #339933;">,</span> <span style="color: #000088;">$vkontaktePassword</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$vk</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">auth</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$statusVkontakte</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$vk</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getStatus</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$statusTwitter</span> <span style="color: #339933;">!=</span> <span style="color: #000088;">$statusVkontakte</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$vk</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">setStatus</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$statusTwitter</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
Итого нужно залить это в папку на хостинг, прописать настройки аккаунтов в файле config.php, который имеет<br />
следующий ввид:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #000088;">$twitterUser</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'pupkin'</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$twitterPassword</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'temp'</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$vkontakteEmail</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'pupkin@yandex.ru'</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$vkontaktePassword</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'temp'</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>. И в принципе скрипт готов к использованию.</p>
<p>Прошу прощения за «недокументированность» моего кода, думаю тут и так все понятно, но все таки будет чуть свободного времени задокументирую. Принимаю вопросы и предложения по развитию скрипта. А так же возможные баги, которые буду стараться править в кратчайшие сроки.</p>
<p>Полный архив вместе с API можно скачать тут: <a href="http://www.radmus.net/downloads/twitter2vkontakte.zip">http://www.radmus.net/downloads/twitter2vkontakte.zip</a></p>
<p>Приятного использования! =) </p>
<p>Моя хабраверсия топика: http://habrahabr.ru/blogs/php/59254/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/05/10/obyedinyaem-statusy-twitter-i-vkontakt.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Пишем диалоговые окна при помощи jQuery</title>
		<link>http://www.radmus.net/2009/03/09/pishem-dialogovye-okna-pri-pomoshi-jquery.html</link>
		<comments>http://www.radmus.net/2009/03/09/pishem-dialogovye-okna-pri-pomoshi-jquery.html#comments</comments>
		<pubDate>Mon, 09 Mar 2009 19:41:32 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[диалоговые окна]]></category>

		<category><![CDATA[пользовательский интерфейс]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=224</guid>
		<description><![CDATA[Довольно таки часто приходится использовать в своих проектах такую вещь, как диалоговые окна. Стандартные диалоговые окна, мягко говоря, не блещут своей красотой, поэтому приходиться использовать различные JavaScript фрэймворки, например YUI или jQuery. Сегодня я хочу рассказать, как сделать это при помощи jQuery.

Рассмотрим следующие окна: информационное сообщение, форма для регистрации,  подтверждение действия. Для начала нам [...]]]></description>
			<content:encoded><![CDATA[<p>Довольно таки часто приходится использовать в своих проектах такую вещь, как диалоговые окна. Стандартные диалоговые окна, мягко говоря, не блещут своей красотой, поэтому приходиться использовать различные JavaScript фрэймворки, например YUI или jQuery. Сегодня я хочу рассказать, как сделать это при помощи jQuery.<br />
<span id="more-224"></span><br />
Рассмотрим следующие окна: информационное сообщение, форма для регистрации,  подтверждение действия. Для начала нам надо подключить файлы jQuery и стили CSS:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">&lt;!-- Подключение файлов jQuery --&gt;
&nbsp;
&lt;script src=&quot;dev/jquery-1.3.2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/ui.core.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/ui.draggable.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/ui.resizable.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/ui.dialog.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/effects.core.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/ui/effects.highlight.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;dev/external/bgiframe/jquery.bgiframe.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;!-- /Подключение файлов jQuery --&gt;</pre></div></div>

<p>Затем опишем функции для работы диалоговых окон, при помощи jQuery.  <strong>Скрипт для формы регистрации:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #006600; font-style: italic;">// Пример с формой регистрации -- [начало]</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
		<span style="color: #003366; font-weight: bold;">var</span> <span style="color: #000066;">name</span> <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#name&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
			email <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#email&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
			password <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#password&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
			allFields <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span>email<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">add</span><span style="color: #009900;">&#40;</span>password<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
			tips <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#validateTips&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #003366; font-weight: bold;">function</span> updateTips<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			tips.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">effect</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;highlight&quot;</span><span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">1500</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #003366; font-weight: bold;">function</span> checkLength<span style="color: #009900;">&#40;</span>o<span style="color: #339933;">,</span>n<span style="color: #339933;">,</span>min<span style="color: #339933;">,</span>max<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> o.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> max <span style="color: #339933;">||</span> o.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&lt;</span> min <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				o.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-error'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				updateTips<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Length of &quot;</span> <span style="color: #339933;">+</span> n <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; must be between &quot;</span><span style="color: #339933;">+</span>min<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot; and &quot;</span><span style="color: #339933;">+</span>max<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #003366; font-weight: bold;">function</span> checkRegexp<span style="color: #009900;">&#40;</span>o<span style="color: #339933;">,</span>regexp<span style="color: #339933;">,</span>n<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span><span style="color: #009900;">&#40;</span> regexp.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span> o.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				o.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-error'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				updateTips<span style="color: #009900;">&#40;</span>n<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #009900;">&#125;</span>
&nbsp;
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#formDialog&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
			bgiframe<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			autoOpen<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
			height<span style="color: #339933;">:</span> <span style="color: #CC0000;">300</span><span style="color: #339933;">,</span>
			modal<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			buttons<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #3366CC;">'Создать пользователя'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					<span style="color: #003366; font-weight: bold;">var</span> bValid <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
					allFields.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-error'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkLength<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;username&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">16</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkLength<span style="color: #009900;">&#40;</span>email<span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;email&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">6</span><span style="color: #339933;">,</span><span style="color: #CC0000;">80</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkLength<span style="color: #009900;">&#40;</span>password<span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;password&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span><span style="color: #CC0000;">16</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkRegexp<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #339933;">,/^</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">-</span>9a<span style="color: #339933;">-</span>z_<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>$<span style="color: #339933;">/</span>i<span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Имя пользователя может содержать только символы [a-z, 0-9, _] и начинаться с буквы.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
					<span style="color: #006600; font-style: italic;">// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/</span>
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkRegexp<span style="color: #009900;">&#40;</span>email<span style="color: #339933;">,/^</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span><span style="color: #339933;">!</span>#\$<span style="color: #339933;">%&amp;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\*</span><span style="color: #000099; font-weight: bold;">\+</span><span style="color: #000099; font-weight: bold;">\-</span><span style="color: #000099; font-weight: bold;">\/</span>=<span style="color: #000099; font-weight: bold;">\?</span><span style="color: #000099; font-weight: bold;">\^</span>_`{<span style="color: #000099; font-weight: bold;">\|</span>}~]|[<span style="color: #000099; font-weight: bold;">\u</span>00A0-<span style="color: #000099; font-weight: bold;">\u</span>D7FF<span style="color: #000099; font-weight: bold;">\u</span>F900-<span style="color: #000099; font-weight: bold;">\u</span>FDCF<span style="color: #000099; font-weight: bold;">\u</span>FDF0-<span style="color: #000099; font-weight: bold;">\u</span>FFEF])+(<span style="color: #000099; font-weight: bold;">\.</span>([a-z]|<span style="color: #000099; font-weight: bold;">\d</span>|[!#<span style="color: #000099; font-weight: bold;">\$</span>%&amp;'</span>\<span style="color: #339933;">*</span>\<span style="color: #339933;">+</span>\<span style="color: #339933;">-</span>\<span style="color: #339933;">/=</span>\<span style="color: #339933;">?</span>\<span style="color: #339933;">^</span>_`<span style="color: #009900;">&#123;</span>\<span style="color: #339933;">|</span><span style="color: #009900;">&#125;</span>~<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>\x22<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>\x20<span style="color: #339933;">|</span>\x09<span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>\x0d\x0a<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #009900;">&#40;</span>\x20<span style="color: #339933;">|</span>\x09<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>\x01<span style="color: #339933;">-</span>\x08\x0b\x0c\x0e<span style="color: #339933;">-</span>\x1f\x7f<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\x21<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\x23<span style="color: #339933;">-</span>\x5b<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\x5d<span style="color: #339933;">-</span>\x7e<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#40;</span>\\<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>\x01<span style="color: #339933;">-</span>\x09\x0b\x0c\x0d<span style="color: #339933;">-</span>\x7f<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>\x20<span style="color: #339933;">|</span>\x09<span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>\x0d\x0a<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #009900;">&#40;</span>\x20<span style="color: #339933;">|</span>\x09<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #009900;">&#40;</span>\x22<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">@</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|-|</span>\.<span style="color: #339933;">|</span>_<span style="color: #339933;">|</span>~<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>\.<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span>\d<span style="color: #339933;">|-|</span>\.<span style="color: #339933;">|</span>_<span style="color: #339933;">|</span>~<span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z<span style="color: #009900;">&#93;</span><span style="color: #339933;">|</span><span style="color: #009900;">&#91;</span>\u00A0<span style="color: #339933;">-</span>\uD7FF\uF900<span style="color: #339933;">-</span>\uFDCF\uFDF0<span style="color: #339933;">-</span>\uFFEF<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>\.<span style="color: #339933;">?</span>$<span style="color: #339933;">/</span>i<span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;Некорректный формат e-mail. Для примера pupkin2@yandex.ru&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
					bValid <span style="color: #339933;">=</span> bValid <span style="color: #339933;">&amp;&amp;</span> checkRegexp<span style="color: #009900;">&#40;</span>password<span style="color: #339933;">,/^</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">-</span>9a<span style="color: #339933;">-</span>zA<span style="color: #339933;">-</span>Z<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>$<span style="color: #339933;">/,</span><span style="color: #3366CC;">&quot;В пароле разрешенны только символы [a-z,0-9]&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
					<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>bValid<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
						$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#users tbody'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;tr&gt;'</span> <span style="color: #339933;">+</span>
							<span style="color: #3366CC;">'&lt;td&gt;'</span> <span style="color: #339933;">+</span> <span style="color: #000066;">name</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/td&gt;'</span> <span style="color: #339933;">+</span> 
							<span style="color: #3366CC;">'&lt;td&gt;'</span> <span style="color: #339933;">+</span> email.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/td&gt;'</span> <span style="color: #339933;">+</span> 
							<span style="color: #3366CC;">'&lt;td&gt;'</span> <span style="color: #339933;">+</span> password.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/td&gt;'</span> <span style="color: #339933;">+</span>
							<span style="color: #3366CC;">'&lt;/tr&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
						$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
					<span style="color: #009900;">&#125;</span>
				<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				<span style="color: #3366CC;">'Отмена'</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #009900;">&#125;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
			<span style="color: #000066;">close</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				allFields.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ui-state-error'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#create-user'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#formDialog'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'open'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
		.<span style="color: #660066;">hover</span><span style="color: #009900;">&#40;</span>
			<span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 
				$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ui-state-hover&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
			<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
			<span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 
				$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ui-state-hover&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mousedown</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ui-state-active&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
		.<span style="color: #660066;">mouseup</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
				$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ui-state-active&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// Пример с формой регистрации -- [Конец]</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p><strong>Скрипт для диалога подтверждения (Confirm):</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #006600; font-style: italic;">// Пример с диалогом подвтерждения -- [Начало]</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#confirmDialog&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
			bgiframe<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			resizable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
			height<span style="color: #339933;">:</span><span style="color: #CC0000;">140</span><span style="color: #339933;">,</span>
			modal<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			autoOpen<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
			overlay<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
				backgroundColor<span style="color: #339933;">:</span> <span style="color: #3366CC;">'#000'</span><span style="color: #339933;">,</span>
				opacity<span style="color: #339933;">:</span> <span style="color: #CC0000;">0.5</span>
			<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
			buttons<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #3366CC;">'Удалить все'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				<span style="color: #3366CC;">'Отмена'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #009900;">&#125;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// Пример с диалогом подвтерждения -- [Конец]</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p><strong>Скрипт для информационного сообщения:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #006600; font-style: italic;">// Пример с информационным сообщением -- [Начало]</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#messageDialog&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
			bgiframe<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			modal<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
			autoOpen<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
			buttons<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
				Ok<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'close'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #009900;">&#125;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// Пример с информационным сообщением -- [Конец]</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Далее опишем HTML - код самих диалоговых окон. <strong>Для скрипта регистрации:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">&lt;div id=&quot;formDialog&quot; title=&quot;Регистрация&quot;&gt;
&nbsp;
Все поля обязательны для заполнения.
&lt;form&gt;
	&lt;fieldset&gt;
		&lt;label for=&quot;name&quot;&gt;Имя&lt;/label&gt;
		&lt;input id=&quot;name&quot; class=&quot;text ui-widget-content ui-corner-all&quot; name=&quot;name&quot; type=&quot;text&quot; /&gt;
		&lt;label for=&quot;email&quot;&gt;E-mail&lt;/label&gt;
		&lt;input id=&quot;email&quot; class=&quot;text ui-widget-content ui-corner-all&quot; name=&quot;email&quot; type=&quot;text&quot; /&gt;
		&lt;label for=&quot;password&quot;&gt;Пароль&lt;/label&gt;
		&lt;input id=&quot;password&quot; class=&quot;text ui-widget-content ui-corner-all&quot; name=&quot;password&quot; type=&quot;password&quot; /&gt;
	&lt;/fieldset&gt;
	&lt;/form&gt;&lt;/div&gt;
&lt;div id=&quot;users-contain&quot; class=&quot;ui-widget&quot;&gt;
	&lt;span style=&quot;font-size:15pt;&quot;&gt;Пример с формой регистрации&lt;/span&gt;
&lt;h1&gt;Существующие пользователи:&lt;/h1&gt;
&lt;table id=&quot;users&quot; class=&quot;ui-widget ui-widget-content&quot; border=&quot;0&quot;&gt;
&lt;thead&gt;
&lt;tr class=&quot;ui-widget-header &quot;&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;Email&lt;/th&gt;
&lt;th&gt;Password&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Вася Пупкин&lt;/td&gt;
&lt;td&gt;pupkin@yandex.ru&lt;/td&gt;
&lt;td&gt;blablabla&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;button id=&quot;create-user&quot; class=&quot;ui-button ui-state-default ui-corner-all&quot;&gt;Создать нового пользователя&lt;/button&gt;</pre></div></div>

<p><strong>Для скрипта диалога подтверждения:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">&lt;span style=&quot;font-size:15pt;&quot;&gt;Пример с диалогом подтверждения&lt;/span&gt;
&lt;div id=&quot;confirmDialog&quot; title=&quot;Вы действительно хотите очистить корзину?&quot;&gt;
&nbsp;
Все элементы будут удалены, без возможности восстановления. Продолжить?&lt;/div&gt;
&lt;button class=&quot;ui-button ui-state-default ui-corner-all&quot; onclick=&quot;$('#confirmDialog').dialog('open')&quot;&gt;Очистить корзину&lt;/button&gt;</pre></div></div>

<p><strong>Для информационного сообщения:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">&lt;span style=&quot;font-size:15pt;&quot;&gt;Пример с информационным сообщением&lt;/span&gt;
&lt;div id=&quot;messageDialog&quot; style=&quot;display:none;&quot; title=&quot;Закачка завершена&quot;&gt;
&nbsp;
		Ваш файл был успешно загружен на сервер.
&nbsp;
		Текущее использование диска &lt;strong&gt;53% от вашего свободного места&lt;/strong&gt;.&lt;/div&gt;
&lt;button class=&quot;ui-button ui-state-default ui-corner-all&quot; onclick=&quot;$('#messageDialog').dialog('open')&quot;&gt;Показать сообщение&lt;/button&gt;</pre></div></div>

<p>И в принципе, наши диалоговые окна готовы. С радостью отвечу на Ваши вопросы, если таковые имеются. Посмотреть как это все работает можно <a href="http://radmus.net/demo/dialogs-with-jquery/">здесь</a> или скачать все одним архивом <a href="http://radmus.net/wp-content/uploads/2009/03/dialogWindows.zip">здесь</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/09/pishem-dialogovye-okna-pri-pomoshi-jquery.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Редактируем контент с помощью jQuery</title>
		<link>http://www.radmus.net/2009/03/06/s-pomocshjy-jquery-redaktiryem-kontent.html</link>
		<comments>http://www.radmus.net/2009/03/06/s-pomocshjy-jquery-redaktiryem-kontent.html#comments</comments>
		<pubDate>Fri, 06 Mar 2009 08:33:26 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Ajax]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[редактируем текст]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=214</guid>
		<description><![CDATA[Представленный простой туториал посвящается тому, как создать какой-либо текст на странице статически редактируемым. В целом виде это так работает: пользователь по тексту, который необходимо редактировать, щелкает мышкой, в итоге на этом месте всплывает форма для редактирования. Далее после внесения пользователем изменений, пользователь должен нажать кнопку «Ок» и скрипт автоматически отправит на сервер AJAX запрос, сохраняя [...]]]></description>
			<content:encoded><![CDATA[<p>Представленный простой туториал посвящается тому, как создать какой-либо текст на странице статически редактируемым. В целом виде это так работает: пользователь по тексту, который необходимо редактировать, щелкает мышкой, в итоге на этом месте всплывает форма для редактирования. Далее после внесения пользователем изменений, пользователь должен нажать кнопку «Ок» и скрипт автоматически отправит на сервер AJAX запрос, сохраняя при этом введенные данные. После чего форма исчезнет, а ее место займет уже отредактированный текст.<span id="more-214"></span></p>
<p>Для того чтобы выполнить эту задачу, понадобится плагин Jeditable и библиотека jQuery.</p>
<p>Приступим с образования HTML страницы, в которой и выделим текст, нужный для редактирования, текст заключим в &lt;div&gt; с классом editable. Тут же подключаем необходимые нам скрипты jquery.js и jquery.jeditable.js:</p>
<blockquote><p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;jquery.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;jquery.jeditable.js&#8221;&gt;&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div class=&#8221;editable&#8221;&gt;<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit&#8230;.<br />
&lt;/div&gt;<br />
&lt;hr/&gt;<br />
&lt;div class=&#8221;editable&#8221;&gt;<br />
Aenean ut mauris nec nisl varius volutpat&#8230;.<br />
&lt;/div&gt;<br />
&lt;hr/&gt;<br />
&lt;div class=&#8221;editable&#8221;&gt;<br />
Aenean pharetra. Curabitur non turpis&#8230;.<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>Дальше скрипт пишем, который будет инициализировать необходимые нам блоки текста:</p>
<blockquote><p>$(document).ready(function() {<br />
$(&#8221;.editable&#8221;).editable(&#8221;/jedit/file.php&#8221;,<br />
{<br />
type      : &#8216;textarea&#8217;,<br />
cancel    : &#8216;Отмена&#8217;,<br />
submit    : &#8216;OK&#8217;,<br />
indicator : &#8221;,<br />
tooltip : &#8220;Щелкните, чтоб отредактировать этот текст&#8221;<br />
}<br />
);<br />
});</p></blockquote>
<p>Тут селектор $(”.editable”) выделит необходимые нам блоки кода, а функция editable эти коды инициализирует с заданными параметрами. URL является первым параметром, на который и будет отправлен запрос AJAX при сохранении изменений. Опции являются вторым параметром.</p>
<p>Коротко опишу, что они означают:</p>
<p>type – указывает на вид составляющей редактирования. По умолчанию применяется обычное текстовое поле (&lt;input type=”text”&gt;), однако можно и textarea указать, как это в нашем примере сделано. Помимо этого данная опция может иметь в распоряжении select (это ниже рассмотрим)<br />
cancel – на то указывает, что необходимо кнопку «отмена» отображать. По умолчанию кнопки не имеется, редактирование можно отменить клавишей Esc.<br />
ОК – указывает на то, что необходимо кнопку «ОК» отображать, говоря другими словами отображать кнопку сохранения изменений. По умолчанию не имеется кнопки, можно сохранить изменения клавишей Enter.<br />
Indicator – индикатор ожидания, это форматированный текст, который станет отображаться при отправлении запроса на сервер и в форматировании текста разрешаются HTML теги. В данном случае я использовал &lt;img&gt; для того, чтобы продемонстрировать анимированный индикатор.<br />
Tooltip – подсказка, которая всплывает и становится видной при наведении мышкой на редактируемый блок текста.</p>
<p>Двумя параметрами (id и value) обладает AJAX запрос, который на сервер отправляется:<br />
id=elements_id&amp;value=user_edited_content</p>
<p>В том случае если вам захочется поменять названия этих двух параметров, то это так можно сделать: необходимые значениями опциями name и id:</p>
<blockquote><p>$(document).ready(function() {<br />
$(&#8217;.edit&#8217;).editable(&#8217;http://www.example.com/save.php&#8217;, {<br />
id   : &#8216;elementid&#8217;,<br />
name : &#8216;newvalue&#8217;<br />
});<br />
});</p></blockquote>
<p>А сейчас представьте себе такую ситуацию, когда например вам необходимо отредактировать определенный небольшой отрезок текста, но вводить не сто попало, а избирать кое-какое обусловленное значение. В данном случае удобно было бы вместо текстового поля выпадающий список показывать. Это сделать можно, в качестве опций type указать значение select, а указать объект в параметре data, со всеми значениями для списка:</p>
<blockquote><p>$(&#8217;#country&#8217;).editable(&#8217;/jedit/country.php&#8217;, {<br />
data   : &#8221; {&#8217;U':&#8217;Украина&#8217;,'B&#8217;:'Белоруссия&#8217;,'R&#8217;:'Россия&#8217;, &#8217;selected&#8217;:'U&#8217;}&#8221;,<br />
type   : &#8217;select&#8217;,<br />
submit : &#8216;OK&#8217;,<br />
indicator : &#8221;,<br />
tooltip : &#8220;Щелкните, чтобы выбрать страну&#8221;<br />
});</p></blockquote>
<p>В объекте data обратите свое внимание на значение ’selected’. Именно так указывается часть текста, который избирается. В итоге на том месте вместо него при щелчке мышки, возникает выпадающий список. Вам останется лишь выбрать какой-либо из предлагаемых вариантов и свой выбор сохранить, кликнув Ок.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/06/s-pomocshjy-jquery-redaktiryem-kontent.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Установка и настройка sendmail и SMTP сервера</title>
		<link>http://www.radmus.net/2009/03/05/ystanovka-i-nastrojka-sendmail-i-smtp-server.html</link>
		<comments>http://www.radmus.net/2009/03/05/ystanovka-i-nastrojka-sendmail-i-smtp-server.html#comments</comments>
		<pubDate>Thu, 05 Mar 2009 07:55:26 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[Windows]]></category>

		<category><![CDATA[настройка sendmail]]></category>

		<category><![CDATA[настройка SMTP сервера]]></category>

		<category><![CDATA[установка sendmail]]></category>

		<category><![CDATA[установка SMTP сервера]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=212</guid>
		<description><![CDATA[В три этапа выполняется установка и настройка.
Первое. На тот же диск, где и установлен PHP, распаковываем архив. К примеру, я папку создал на C:\wamp\sendmail.
Второе. В файл php.ini вносим изменения:
[mail function]
SMTP =
sendmail_from =
sendmail_path = &#8220;C:\wamp\sendmail\sendmail.exe -t&#8221;
Получается, необходимо лишь путь указать к sendmail, чтобы php мог ее найти.
Третье. Настраиваем sendmail. Все настройки расположены в файле sendmail.ini, который [...]]]></description>
			<content:encoded><![CDATA[<p>В три этапа выполняется установка и настройка.</p>
<p>Первое. На тот же диск, где и установлен PHP, распаковываем архив. К примеру, я папку создал на C:\wamp\sendmail.</p>
<p>Второе. В файл php.ini вносим изменения:</p>
<blockquote><p>[mail function]<br />
SMTP =<br />
sendmail_from =<br />
sendmail_path = &#8220;C:\wamp\sendmail\sendmail.exe -t&#8221;</p></blockquote>
<p>Получается, необходимо лишь путь указать к sendmail, чтобы php мог ее найти.</p>
<p>Третье. Настраиваем sendmail. <span id="more-212"></span>Все настройки расположены в файле sendmail.ini, который в свою очередь находится в папке sendmail.</p>
<p>Прежде, чем приступим к настройке, несколько слов о сервере SMTP. Вам в принципе не обязательно на своем компьютере устанавливать сервер. Большинство почтовых сервисов к своим серверам предоставляют бесплатный доступ.</p>
<p>Ниже я продемонстрирую пример настройки sendmail для работы с SMTP сервером mail.ru.</p>
<p>Начнем, открываем sendmail.ini, устанавливаем такие параметры:</p>
<blockquote><p>smtp_server=smtp.mail.ru ; адрес SMTP сервера<br />
smtp_port=25 ; порт SMTP сервера</p>
<p>default_domain=mail.ru ; домен по-умолчанию</p>
<p>error_logfile=error.log ; файл в который будет лог ошибок записываться</p>
<p>debug_logfile=debug.log ; на этапе отделки весьма полезная опция. Протоколируются все операции, которые выполняет sendmail</p>
<p>auth_username=account_name@mail.ru ; имя вашего аккаунта<br />
auth_password=account_password ; ваш пароль</p>
<p>; следующие три опции применяются, если перед авторизацией на SMTP сервере необходима авторизация на POP3 сервере<br />
pop3_server=pop.mail.ru<br />
pop3_username=account_name@mail.ru<br />
pop3_password=account_password</p>
<p>; параметр для команды MAIL FROM<br />
force_sender=account_name@mail.ru</p>
<p>hostname=mail.ru</p></blockquote>
<p>Теперь не забудьте перезапустить web сервер, чтобы изменения вступили в силу.</p>
<p>Для того, чтобы протестировать работу почты напишем несложный скрипт:</p>
<blockquote><p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221;<br />
&#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Simple Mail&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;?php<br />
$addr = $_POST['addr'];<br />
$theme = $_POST['theme'];<br />
$text = $_POST['text'];<br />
if (isset($addr) &amp;amp;&amp;amp; isset($theme) &amp;amp;&amp;amp; isset($text)<br />
&amp;amp;&amp;amp; $addr != &#8220;&#8221; &amp;amp;&amp;amp; $theme != &#8220;&#8221; &amp;amp;&amp;amp; $text != &#8220;&#8221;) {<br />
if (mail($addr, $theme, $text, &#8220;From: vova_33@mail.ru&#8221;)) {<br />
echo &#8220;&lt;h3&gt;Сообщение отправлено&lt;/h3&gt;&#8221;;<br />
}<br />
else {<br />
echo &#8220;&lt;h3&gt;При отправке сообщения появилась ошибка&lt;/h3&gt;&#8221;;<br />
}<br />
}<br />
?&gt;<br />
&lt;form action=&#8221;mailer.php&#8221; method=&#8221;post&#8221;&gt;<br />
&lt;p&gt;<br />
&lt;label for=&#8221;addr&#8221;&gt;eMail:&lt;/label&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;addr&#8221; id=&#8221;addr&#8221; size=&#8221;30&#8243; /&gt;<br />
&lt;/p&gt;<br />
&lt;p&gt;<br />
&lt;label for=&#8221;theme&#8221;&gt;Тема письма:&lt;/label&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;theme&#8221; id=&#8221;theme&#8221; size=&#8221;30&#8243; /&gt;<br />
&lt;/p&gt;<br />
&lt;p&gt;<br />
&lt;label for=&#8221;text&#8221;&gt;Текст письма:&lt;/label&gt;<br />
&lt;textarea rows=&#8221;10&#8243; cols=&#8221;20&#8243; name=&#8221;text&#8221; id=&#8221;text&#8221;&gt;&lt;/textarea&gt;<br />
&lt;/p&gt;<br />
&lt;p&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;Отправить&#8221; /&gt;<br />
&lt;/p&gt;<br />
&lt;/form&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>Он сформировывает форму с 3-мя полями для ввода адреса, содержания письма и темы. Нажав на кнопку «Отправить», вы отправите запрос этому же скрипту, строчка 23. Если введены данные, то функция mail (строка 15) будет вызвана, которая письмо и отправит. Если отправка функции осуществлена успешно, то возвращается true, а если нет то - false.</p>
<p>Как вы успели заметить, в настройке почты ничего сложного нет.</p>
<p>Скачать sendmail можно здесь http://www.glob.com.au/sendmail/sendmail.zip</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/05/ystanovka-i-nastrojka-sendmail-i-smtp-server.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>PHP mail под Windows. Отправка почты из PHP скриптов</title>
		<link>http://www.radmus.net/2009/03/05/php-mail-pod-windows-otpravka-pochti-iz-php-skriptov.html</link>
		<comments>http://www.radmus.net/2009/03/05/php-mail-pod-windows-otpravka-pochti-iz-php-skriptov.html#comments</comments>
		<pubDate>Thu, 05 Mar 2009 07:51:43 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[mail под Windows]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=210</guid>
		<description><![CDATA[В этой статье мы поговорим об отправке почты из php скриптов под Windows.
Отправка почты производится с точки зрения PHP программиста при помощи стандартной функции mail(). И как раз здесь у большинства начинающих разработчиков появляется проблема. Скрипт, который просто замечательно работает на сервере хостера, на локальном компьютере начинает выдавать ошибки.
Чаще всего эти ошибки примерно такое описание [...]]]></description>
			<content:encoded><![CDATA[<p>В этой статье мы поговорим об отправке почты из php скриптов под Windows.</p>
<p>Отправка почты производится с точки зрения PHP программиста при помощи стандартной функции mail(). И как раз здесь у большинства начинающих разработчиков появляется проблема. Скрипт, который просто замечательно работает на сервере хостера, на локальном компьютере начинает выдавать ошибки.<span id="more-210"></span></p>
<p>Чаще всего эти ошибки примерно такое описание имеют:</p>
<blockquote><p>Warning: mail() [function.mail]: Failed to connect to mailserver at &#8220;localhost&#8221; port 25, verify your &#8220;SMTP&#8221; and &#8220;smtp_port&#8221; setting in php.ini or use ini_set() in E:\www\simplemail\mailer.php on line ……</p></blockquote>
<p>Все дело в том, что функция mail в принципе не отправляет почту, она попросту программу sendmail вызывает, которая в PHP интерпретаторt и в дистрибутив веб сервера не выходит (и, в общем-то, не должна).</p>
<p>В свою очередь sendmail для того, чтобы отправить почту применяет сервер SMTP. В результате, для того чтобы PHP скрипт имел возможность отправлять почту необходимо установить у себя и настроить sendmail и SMTP сервер.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/05/php-mail-pod-windows-otpravka-pochti-iz-php-skriptov.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>SNK Visual HTML Workshop 3</title>
		<link>http://www.radmus.net/2009/03/04/snk-visual-html-workshop-3.html</link>
		<comments>http://www.radmus.net/2009/03/04/snk-visual-html-workshop-3.html#comments</comments>
		<pubDate>Wed, 04 Mar 2009 06:20:35 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[SNK Visual HTML Workshop 3]]></category>

		<category><![CDATA[редакторы CSS]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=208</guid>
		<description><![CDATA[Всего в 6 долл. вам обойдется регистрация этого набора. Сам автор утверждает, что «SNK Visual HTML Workshop 3 является мощным комплексом для создания сайтов, который может поддерживать самые передовые технологии, например, такие как CSS2 и XHTML». Если у вас имеется книга под названием «Настольная книга web-мастера» с компакт-диском, то вы скорей всего уже успели познакомиться [...]]]></description>
			<content:encoded><![CDATA[<p>Всего в 6 долл. вам обойдется регистрация этого набора. Сам автор утверждает, что «SNK Visual HTML Workshop 3 является мощным комплексом для создания сайтов, который может поддерживать самые передовые технологии, например, такие как CSS2 и XHTML». Если у вас имеется книга под названием «Настольная книга web-мастера» с компакт-диском, то вы скорей всего уже успели познакомиться с пробной версией данного «комплекса». <span id="more-208"></span>Конечно же, это дело вкуса, но лично на меня совершенно не произвело впечатления ни Workshop, ни сама книга – я только пожалел о зря потраченных средствах, посему 6 долл. платить за новую версию у меня желания не возникло. Однако, очень вероятно, что любителям визуальных редакторов придется по душе эта отечественная и недорогая разработка.</p>
<p><strong>P. S.</strong></p>
<p>Я постарался вас ознакомить со всеми мне известными редакторами CSS. Бесспорно, из них лучшим является TopStyle, но это дело вкуса, может кому-то больше понравится иной редактор. Я очень надеюсь, что этот обзор вам поможет не писать больших таблиц стилей при помощи MS Word или хотя бы их сохранять в текстовом формате. Всем успехов!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/04/snk-visual-html-workshop-3.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Collie CSS Wizard</title>
		<link>http://www.radmus.net/2009/03/04/collie-css-wizard.html</link>
		<comments>http://www.radmus.net/2009/03/04/collie-css-wizard.html#comments</comments>
		<pubDate>Wed, 04 Mar 2009 06:19:22 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[Collie CSS Wizard]]></category>

		<category><![CDATA[редакторы CSS]]></category>

		<guid isPermaLink="false">http://www.radmus.net/?p=206</guid>
		<description><![CDATA[Это еще один несложный бесплатный русскоязычный мастер CSS, его можно скачать одновременно с простейшим текстовым редактором HTML или отдельно. У этой программы возможности еще ограниченней, чем у предыдущей программы. Здесь можно автоматически задавать только лишь тип и цвет шрифта, и цвет для очень небольшого количества тегов HTML. И еще, равно как и у предыдущей программы, [...]]]></description>
			<content:encoded><![CDATA[<p>Это еще один несложный бесплатный русскоязычный мастер CSS, его можно скачать одновременно с простейшим текстовым редактором HTML или отдельно. У этой программы возможности еще ограниченней, чем у предыдущей программы. Здесь можно автоматически задавать только лишь тип и цвет шрифта, и цвет для очень небольшого количества тегов HTML. <span id="more-206"></span>И еще, равно как и у предыдущей программы, можно классы создавать. Если вы захотите применять данный редактор, то он вам поможет автоматически добавлять открывающиеся и закрывающиеся символы комментариев, также фигурные скобки и прочие подобные мелочи (хотя лично я не наблюдаю разницы между одним нажатием мыши и двумя нажатиями клавиш на клавиатуре, кроме той разницы, что мышью еще нужно попасть по необходимой кнопке… но это уж как кому удобней).</p>
<p>В этой версии, которая мне в руки попалась, кнопка отмены, по какой-то причине не работала, но зато программа очень настойчиво предлагала сохранить полностью файл. Однако стоит заметить, что на сайте разработчиков написано, что ведется работа над программой, так что скорей всего в ближайшее время она станет намного удобней в применении.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/04/collie-css-wizard.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Any News Visual CSS и CSS creator</title>
		<link>http://www.radmus.net/2009/03/03/any-news-visual-css-i-css-creator.html</link>
		<comments>http://www.radmus.net/2009/03/03/any-news-visual-css-i-css-creator.html#comments</comments>
		<pubDate>Tue, 03 Mar 2009 06:43:02 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[Any News Visual CSS]]></category>

		<category><![CDATA[CSS creator]]></category>

		<guid isPermaLink="false">http://radmus.net/?p=202</guid>
		<description><![CDATA[Any News Visual CSS
На своем самом любимом сайте условно-бесплатных и бесплатных программ я совершено случайно наткнулся на описание программы Any News Visual CSS. Эта программа из серии условно-бесплатных, автор за регистрацию просит 15 долл. Как я понял у этой программы интерфейс русский. Но, к  моему большому сожалению, программа без регистрации работать отказалась, и платить [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Any News Visual CSS</strong></p>
<p><strong></strong>На своем самом любимом сайте условно-бесплатных и бесплатных программ я совершено случайно наткнулся на описание программы Any News Visual CSS. Эта программа из серии условно-бесплатных, автор за регистрацию просит 15 долл.<span id="more-202"></span> Как я понял у этой программы интерфейс русский. Но, к  моему большому сожалению, программа без регистрации работать отказалась, и платить 15 долл. за кота в мешке мне не очень-то хотелось (это притом, что описание TopStyle 50 долл. стоит, и вообще бесплатно выдается ее облегченная версия).</p>
<p><strong>CSS creator</strong></p>
<p><strong></strong>Данную программу вы скачать можете почти на всех русских софт-серверах. Бесспорно, CSS creator’у далеко до TopStyle или Dreamweaver’а, но в тоже время, она имеет два неоспоримых достоинства: во-первых, программа полностью бесплатная, а во-вторых, русскоязычная.</p>
<p>При запуске данной программы тут же открывается рабочее окно, в котором в одном месте скинут небольшой набор свойств CSS, которые поддерживает прога.</p>
<p>Данная программа идеально подойдет для оформления простых страниц, однако здесь необходимо учитывать, что большинство из приведенных свойств или вообще не имеют поддержки Netscape Navigator’ом, или обладают «ограниченной поддержкой». У некоторых свойств доступны не все значения, например, font-weight. Тегов HTML, для которых можно стили задавать, имеется очень мало. Отсутствует палитра цветов, вследствие чего название цвета или его шестнадцатеричный код надо будет по памяти вводить (вы, конечно же, наизусть знаете таблицу безопасных цветов, не говоря уже о шестнадцатимиллионной палитре??). Еще одна опасность связана с цветом: как вы можете увидеть в окне программы (по умолчанию) представлены только коды цветов, без предыдущего знака #, который обязателен в синтаксисе CSS. При этом этот знак программа в код автоматически не вставляет, вследствие чего вы сами должны будете его вставить.</p>
<p>Но если научиться все вероятные подводные камни обходить, и впоследствии код слегка подредактировать руками, то при помощи данной программы вы быстро и легко сможете создавать таблицы стилей для страничек, без каких-либо особенных эстетических изысков.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/03/any-news-visual-css-i-css-creator.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Macromedia Dreamweaver для работы в CSS</title>
		<link>http://www.radmus.net/2009/03/03/macromedia-dreamweaver-dlja-raboti-v-css.html</link>
		<comments>http://www.radmus.net/2009/03/03/macromedia-dreamweaver-dlja-raboti-v-css.html#comments</comments>
		<pubDate>Tue, 03 Mar 2009 06:37:14 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[Macromedia Dreamweaver]]></category>

		<guid isPermaLink="false">http://radmus.net/?p=200</guid>
		<description><![CDATA[Те, кто для создания страничек пользуются известным визуальным редактором Macromedia Dreamweaver, также его могут использовать и для создания CSS. В нем особенно удобно создавать внедренные таблицы стилей. Dreamweaver сам лично организует пару тегов и содержимое таблицы стилей, согласно с вашими желаниями.
Чтобы в Dreamweaver’e создавать и редактировать стили, необходимо через меню Window вызвать окно «CSS styles». [...]]]></description>
			<content:encoded><![CDATA[<p>Те, кто для создания страничек пользуются известным визуальным редактором Macromedia Dreamweaver, также его могут использовать и для создания CSS. В нем особенно удобно создавать внедренные таблицы стилей. Dreamweaver сам лично организует пару тегов и содержимое таблицы стилей, согласно с вашими желаниями.<span id="more-200"></span></p>
<p>Чтобы в Dreamweaver’e создавать и редактировать стили, необходимо через меню Window вызвать окно «CSS styles». После двойного щелчка по элементу (none) всплывет диалоговое окно, в котором при помощи кнопки «New» создавайте новое правило CSS – для необходимого вам селектора или тега. После чего откроется большое диалоговое окно, в котором вы будете иметь возможность назначать данному селектору или тегу нужные свойства CSS.</p>
<p>Здесь выбор свойств и их назначений не настолько большой, как в программе TopStyle, но тут вы можете одновременно работать и над таблицей стилей и над страницей. Dreamweaver может работать и с внешними таблицами, но он это делает не очень корректно.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/03/macromedia-dreamweaver-dlja-raboti-v-css.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Что такое «базы данных» в целом и MySQL в частности</title>
		<link>http://www.radmus.net/2009/03/02/chto-takoje-%c2%abbazi-dannix%c2%bb-v-celom-i-mysql-v-chastnosti.html</link>
		<comments>http://www.radmus.net/2009/03/02/chto-takoje-%c2%abbazi-dannix%c2%bb-v-celom-i-mysql-v-chastnosti.html#comments</comments>
		<pubDate>Mon, 02 Mar 2009 13:20:11 +0000</pubDate>
		<dc:creator>radmus</dc:creator>
		
		<category><![CDATA[Без рубрики]]></category>

		<category><![CDATA[MySQL]]></category>

		<category><![CDATA[базы данных]]></category>

		<category><![CDATA[СУБД]]></category>

		<guid isPermaLink="false">http://radmus.net/?p=197</guid>
		<description><![CDATA[Под базами данных (БД) подразумеваются системы хранения и обработки данных, для доступа к которым применяется язык SQL (Structured Query Language). Имеется много разных систем управления базами данных (СУБД), однако для  хостинга чаще всего используется СУБД MySQL. Тому причинами служит фактическая ориентация этой СУБД на хостинговые задачи, простота настройки и администрирования, доступность на всех известных [...]]]></description>
			<content:encoded><![CDATA[<p>Под базами данных (БД) подразумеваются системы хранения и обработки данных, для доступа к которым применяется язык SQL (Structured Query Language). Имеется много разных систем управления базами данных (СУБД), однако для  хостинга чаще всего используется СУБД MySQL. Тому причинами служит фактическая ориентация этой СУБД на хостинговые задачи, простота настройки и администрирования, доступность на всех известных серверных операционных системах.<span id="more-197"></span></p>
<p>Делая выбор среди разных СУБД, необходимо учитывать, что если ваш web-проект особой нагрузкой и сложностью решений не отличается, а вы, как администратор и программист, не имеете нужную квалификацию и опыт в работе с разными СУБД, вариантов MySQL в данном случае для вас не очень много. Вероятней всего свой выбор стоит остановить как раз на MySQL.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.radmus.net/2009/03/02/chto-takoje-%c2%abbazi-dannix%c2%bb-v-celom-i-mysql-v-chastnosti.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
