<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Rpsl Blog &#187; javascript</title>
	<atom:link href="http://blog.rpsl.info/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.rpsl.info</link>
	<description></description>
	<lastBuildDate>Sun, 20 May 2012 12:09:21 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Еще немного про собеседования</title>
		<link>http://blog.rpsl.info/2011/03/eshhe-nemnogo-pro-sobesedovaniya/</link>
		<comments>http://blog.rpsl.info/2011/03/eshhe-nemnogo-pro-sobesedovaniya/#comments</comments>
		<pubDate>Sun, 13 Mar 2011 14:46:04 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Статьи]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[join]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[жизнь]]></category>
		<category><![CDATA[работа]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=24878</guid>
		<description><![CDATA[Решил дополнить поднятую тему про собеседования и рассказать о вопросах которые задают чаще всего. Изначально, я хотел в этом посте написать все самые интересные вопросы и дополнить их ответами, но когда начал его писать, то понял что ответы тут не нужны. Те кому это действительно надо, сами порешают данные задачи, остальные могут просто пролистать. Первое на что хочу обратить ваше внимание, это то, что вопросы которые задают php(?) программистам, в основной своей сути имеют довольно академический характер и в жизненных циклах проектов встречаются не часто, но тем не менее, нужно уметь решать эти задачи. Это обусловленно тем, что у работодателей [...]]]></description>
			<content:encoded><![CDATA[<p>Решил дополнить поднятую тему про собеседования и рассказать о вопросах которые задают чаще всего.</p>
<p>Изначально, я хотел в этом посте написать все самые интересные вопросы и дополнить их ответами, но когда начал его писать, то понял что ответы тут не нужны. Те кому это действительно надо, сами порешают данные задачи, остальные могут просто пролистать.</p>
<p>Первое на что хочу обратить ваше внимание, это то, что вопросы которые задают php(?) программистам, в основной своей сути имеют довольно академический характер и в жизненных циклах проектов встречаются не часто, но тем не менее, нужно уметь решать эти задачи. Это обусловленно тем, что у работодателей нету времени и желания давать вам типичные задачи, в стиле &#8212; &#171;Напиши класс, который будет отвечать за работу с пользователями&#187;. 99 процентов всех вопросов задаются по заготовленному листку и должны быть решены на листке бумаги. Никаких IDE, никаких гуглов, никаких ответов типа &#171;я не помню синтаксис&#187;. Если вы настроены решительно и хотите произвести хорошее впечатление, то уделите время, что бы потренироваться и чувствовать себя уверенно.</p>
<p>Все вопросы можно разделить на три категории: PHP, MySQL(?), все остальное.</p>
<p>Любой из этих пунктов, так же делится на две части: теория и практика. Начну пожалуй с PHP. С теоретическими вопросами, в целом, не сложно. Они почти везде одинаковые: Отличия между PHP 5.2 и 5.3, основные приципы ООП. Не частый, но вопрос с подвохом &#8212; &#171;В каких случаях использование ООП, является убыточным?&#187;. Дальнейшие вопросы на теорию, в основном, зависят от ваших ответов, и несут цель узнать на сколько хорошо вы разбираетесь в материале о котором говорили выше.</p>
<p>Практические вопросы, это чаще всего просьба написать некую ф-цию, которая делает какую либо хрень. Почти на каждом собеседование меня просили написать функцию которая переворачивает строку, без использования дополнительных буферов, можно попробовать схитрить и ответить что-то в стиле</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: #000000; font-weight: bold;">function</span> revert<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$string</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">return</span> <span style="color: #990000;">strrev</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$string</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>
Но это не cамый лучший вариант ответа. Выучите алгоритм с обращением к символом строки как к объекту массива.<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;">$a</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">10</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #339933;">++</span><span style="color: #000088;">$a</span> <span style="color: #339933;">+</span> <span style="color: #000088;">$a</span><span style="color: #339933;">++</span> <span style="color: #339933;">-</span> <span style="color: #339933;">++</span><span style="color: #000088;">$a</span> <span style="color: #339933;">+</span> <span style="color: #000088;">$a</span> <span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>На днях пока решал задачи, попалось интересное задание, у меня такое ни разу не спрашивали, но думаю что к такому надо быть готовым:</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: #990000;">var_dump</span><span style="color: #009900;">&#40;</span> <span style="color: #208080;">0123</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">123</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p></p>
<p>Думаю, что на счет PHP я достаточно ясно изложил типовые вопросы, если что-то осталось не понятно, то спрашивайте в комментариях.<br />
<br />
Теоретические вопросы про MySQL или любую другую СУБД почти всегда касаются индексов и насколько вы понимаете как их использовать, в каких случаях и на что их ставить и в каких случаях индексы могут быть вредны. Обязательно спросят про различия между версиями. Поинтересуются насколько глубоко вы знаете тонкости работы СУБД и вкурсе ли вы про то, что такое тригеры, хранимые процердуры, представления.</p>
<p>Практические задачи &#8212; это просьба нарисовать две таблицы с различными данными и просьба написать запрос, который покажет умеете ли вы использовать операторы HAVING, GROUP BY, &#8230; etc. Обязательно знать разницу между <a href="http://blog.rpsl.info/2009/07/sql-joins-vidy-tipy-razlichiya.html">JOIN запросами</a>.</p>
<p>Еще часто спрашивают про верстку, про css, про javascript. Но расписывать это все не вижу смысла.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2011/03/eshhe-nemnogo-pro-sobesedovaniya/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>WordPress — gallery shorttag highslide</title>
		<link>http://blog.rpsl.info/2010/10/wordpress-gallery-shorttag-highslide/</link>
		<comments>http://blog.rpsl.info/2010/10/wordpress-gallery-shorttag-highslide/#comments</comments>
		<pubDate>Wed, 13 Oct 2010 06:32:14 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Полезное]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=14674</guid>
		<description><![CDATA[Два примера, для решения одной и той же задачи. В первом примере полный идиотизм, во втором хорошее решение. Вот теперь вопрос, почему большая часть всех CMS работает как первый пример. ? Убого: add_filter&#40;'wp_get_attachment_link', 'add_rel'&#41;; &#160; /* * Add rel=&#34;gallery-$id&#34; to attachment links */ &#160; function add_rel &#40; $link &#41; &#123; &#160; global $post; // a mild cheat. group by post id. the gallery_shortcode() $instance // static var would be better, but we can't get to it. $id = $post-&#62;ID; &#160; // First, see if there's already a 'rel' attribute in the link: $atag = preg_match&#40; '#&#60;a \s+(.*?)(rel=([\'&#34;])(.*?)\3)(.*?)&#62;(.*)#i', $link, $matches &#41;; [...]]]></description>
			<content:encoded><![CDATA[<p>Два примера, для решения одной и той же задачи.</p>
<p>В первом примере полный идиотизм, во втором хорошее решение. Вот теперь вопрос, почему большая часть всех CMS работает как первый пример. ?<br />
<span id="more-14674"></span><br />
Убого:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_get_attachment_link'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'add_rel'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">/*
 * Add rel=&quot;gallery-$id&quot; to attachment links
 */</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> add_rel <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$link</span> <span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$post</span><span style="color: #339933;">;</span>
    <span style="color: #666666; font-style: italic;">// a mild cheat. group by post id. the gallery_shortcode() $instance</span>
    <span style="color: #666666; font-style: italic;">// static var would be better, but we can't get to it.</span>
    <span style="color: #000088;">$id</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #666666; font-style: italic;">// First, see if there's already a 'rel' attribute in the link:</span>
    <span style="color: #000088;">$atag</span> <span style="color: #339933;">=</span> <span style="color: #990000;">preg_match</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'#&lt;a \s+(.*?)(rel=([\'&quot;])(.*?)\3)(.*?)&gt;(.*)#i'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$link</span><span style="color: #339933;">,</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$atag</span> <span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #666666; font-style: italic;">// Match found. Let's put Humpty Dumpty back together again:</span>
        <span style="color: #000088;">$quot</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">3</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$relval</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$quot</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">4</span> <span style="color: #009900;">&#93;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot; gallery-<span style="color: #006699; font-weight: bold;">{$id}</span>&quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$quot</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$before</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">1</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$after</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">5</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$rest</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">6</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;/a&gt;&lt;a <span style="color: #006699; font-weight: bold;">{$before}</span>rel=<span style="color: #006699; font-weight: bold;">{$relval}</span><span style="color: #006699; font-weight: bold;">{$after}</span>&gt;<span style="color: #006699; font-weight: bold;">{$rest}</span>&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">else</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$atag</span> <span style="color: #339933;">=</span> <span style="color: #990000;">preg_match</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'#&lt;/a&gt;&lt;a \s+(.*?)&gt;(.*)#i'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$link</span><span style="color: #339933;">,</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$atag</span> <span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#123;</span>
            <span style="color: #666666; font-style: italic;">// This is a much simpler reassembly</span>
            <span style="color: #000088;">$innards</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">1</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
            <span style="color: #000088;">$rest</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$matches</span> <span style="color: #009900;">&#91;</span> <span style="color: #cc66cc;">2</span> <span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
            <span style="color: #000088;">$relval</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;gallery-<span style="color: #006699; font-weight: bold;">{$id}</span>&quot;</span><span style="color: #339933;">;</span>
            <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;/a&gt;&lt;a <span style="color: #006699; font-weight: bold;">{$innards}</span> rel='<span style="color: #006699; font-weight: bold;">{$relval}</span>'&gt;<span style="color: #006699; font-weight: bold;">{$rest}</span>&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #000088;">$link</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Нормально:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> gallery_image_higslide<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> gallery <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.gallery'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    $.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span> gallery<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> img <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;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'img'</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> $<span style="color: #009900;">&#40;</span>img<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">size</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span> <span style="color: #339933;">&amp;&amp;</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;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'onclick'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> undefined <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;">'highslide-image'</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: #000066; font-weight: bold;">return</span> hs.<span style="color: #660066;">expand</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: #339933;">;</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;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</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>
    gallery_image_higslide<span style="color: #009900;">&#40;</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></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2010/10/wordpress-gallery-shorttag-highslide/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Вконтакте рукожопы</title>
		<link>http://blog.rpsl.info/2010/06/vkontakte-rukozhopy/</link>
		<comments>http://blog.rpsl.info/2010/06/vkontakte-rukozhopy/#comments</comments>
		<pubDate>Sun, 20 Jun 2010 17:07:52 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Заметки]]></category>
		<category><![CDATA[fail]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[vkontakte]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=833</guid>
		<description><![CDATA[Я вообще не хочу ни кого обижать или пытаться осрамить разработчиков, просто в очередной раз убеждаюсь что &#171;бизнес по русски&#187; нацелен куда угодно, но только не на пользователей и их удобство. Нельзя не отметить тот факт, что Вконтакте один из тех ресурсов который смогли перевернуть интернет. Он научил обычных людей тому, что в интернете можно не только смотреть погоду, но и общаться, слушать музыку и смотреть видео. Он научил людей платить в интернете и это огромный плюс. Просто данный сервис в последнее время сильно активизировался, возможно из-за того, что Facebook заявил о выходе на Российский рынок. Они сделали несколько вещей, [...]]]></description>
			<content:encoded><![CDATA[<p>Я вообще не хочу ни кого обижать или пытаться осрамить разработчиков, просто в очередной раз убеждаюсь что &#171;бизнес по русски&#187; нацелен куда угодно, но только не на пользователей и их удобство.</p>
<p>Нельзя не отметить тот факт, что <strong>Вконтакте</strong> один из тех ресурсов который смогли перевернуть интернет. Он научил обычных людей тому, что в интернете можно не только смотреть погоду, но и общаться, слушать музыку и смотреть видео. Он научил людей платить в интернете и это огромный плюс.</p>
<p>Просто данный сервис в последнее время сильно активизировался, возможно из-за того, что <strong>Facebook</strong> заявил о выходе на Российский рынок. Они сделали несколько вещей, которые сделали почти все социальные сети такого объема, но они единственные, кто сумел сделать это через жопу.</p>
<p><span id="more-833"></span></p>
<p>Что бы не быть голословным, хочу привести несколько примеров:</p>
<p><strong>1.Видео</strong></p>
<blockquote><p>Кроме того, те из Вас, у которых есть свои сайты и блоги, с этого дня могут вставлять видеоролики из вконтакте на сторонних сайтах с помощью функции &#171;Получить код видео&#187;.</p>
<p>Кстати, несколько дней назад мы увеличили максимальное качество видео до 720 точек в высоту, и в поиске по видеозаписям Вы можете искать только качественные видеоролики. А владельцы телефонов iPhone теперь видят в этом поиске галку &#171;iPhone/iPad&#187;.</p></blockquote>
<p>Это отличная новость. Вконтакте действительно огромное количество видео материалов, скорости по Европе очень хорошие, так же отсутствие модерации и возможность загружать кинофильмы в HD качестве делают очень лакомым кусочком.</p>
<p>Наверное именно из этих побуждений они и додумались вместо нормального флеш плеера отдавать iframe в который будет вставлен видеоролик. Добавим к этому что в линк обязательно вставляется генерируемый параметр и то что видео по умолчанию играет в самом галимом качестве ( и этот параметр настроить нигде нельзя ) хотя могли бы сделать. И то что неправильно указанный параметр играть в высоком разрешение, при отсутствие такого разрешения не игнорируется, а тупо ломает плеер, получаем печальную картину.</p>
<p>Вот нахера так делать ?</p>
<p>Я не вижу очевидных плюсов в таком решение, за то минусов полно.<br />
Как минимум попробуйте сделать нормальный парсер, что бы разрешить пользователям вставлять видео ролики в автоматическом режиме. Мне пришлось нормально поебаться, что бы прикрутить их <strong>видеоплеер к vbulletin</strong></p>
<blockquote>
<div style="text-align: center"></div>
</blockquote>
<p><strong>2.Кнопочка сохранить.</strong></p>
<blockquote><p>Сегодня мы открываем возможность всем пользователям заходить на сторонние сайты, используя свою учетную запись ВКонтакте. Скоро Вы начнете встречать на сайтах кнопку &#171;Войти ВКонтакте&#187;</p></blockquote>
<p>Даже такую элементарную вещь, как виджет добавления в закладки они сумели обосрать.<br />
Все очень просто. Все аналоги предлагают просто вставить в нужном месте вызов яваскрипта, который при загрузке сам отрисует виджет.<br />
В нашем случае, сначала предлагается подключить яваскрипт, а уже потом в нужном месте вызвать ф-цию добавления кнопки.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>VK.<span style="color: #660066;">Share</span>.<span style="color: #660066;">button</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span>type<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;button&quot;</span><span style="color: #339933;">,</span>text<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Сохранить&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;line-height: 19px;font-size: 13px">Теперь вспомним, что во многих местах вконтакте закрыт. И пиздец вашему сайту, если вы не обрамили вконтактовский виджет в трай кач.</span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">try</span><span style="color: #009900;">&#123;</span> document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>VK.<span style="color: #660066;">Share</span>.<span style="color: #660066;">button</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span>type<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;button&quot;</span><span style="color: #339933;">,</span>text<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Сохранить&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Потому что он будет вызываться, ф-ции VK.Share.button не найдет и в самом хушем случае поломает еще и остальной JavaScript на странице.</p>
<p><strong>3.Имена</strong><br />
Помните как Facebook делал имена для своих пользователей ? Он включил и все работало.<br />
В нашей ситуации, включили. Все начало тормозить, на следующий день под занятыми вами именами уже тусовались другие люди.</p>
<p>Хорошо, хоть вернули потом все.</p>
<p>И мне очень интересно будет посмотреть на то, какую супер &#171;почту&#187; они сделают.
<p>Сюда приходят по следующим фразам</p>
<ul>
<li><a href="http://blog.rpsl.info/2009/04/film-klass.html">класс</a></li>
<li><a href="http://blog.rpsl.info/2009/05/immigriruem-ved-vse-my-mechtali-zhit-v-gollandii.html">жить в голландии</a></li>
<li><a href="http://blog.rpsl.info/2009/04/film-klass.html">Клип Oxymiron-после выпускного</a></li>
<li><a href="http://blog.rpsl.info/2009/04/rossijski-xip-xop-bitva-za-respekt-2.html">битва за респект 1 mp3</a></li>
<li><a href="http://blog.rpsl.info/2009/04/integraciya-phpbb3-s-lyubym-sajtom.html">авторизация на сайте и phpbb</a></li>
<li><a href="http://blog.rpsl.info/2009/08/php-images-cache.html">кэширование изображений php</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2010/06/vkontakte-rukozhopy/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Обфускатор Javascript</title>
		<link>http://blog.rpsl.info/2010/06/obfuskator-javascript/</link>
		<comments>http://blog.rpsl.info/2010/06/obfuskator-javascript/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 17:04:27 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Shared]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=517</guid>
		<description><![CDATA[На Хабре нашел ссылку на отличный инструмент для шифрования js от чужих глаз: http://utf-8.jp/public/jjencode.html Например, alert(”test”); превращается вот в такую конструкцию: $=~[];$={___:++$,$$$$:(![]+”")[$],__$:++$,$_$_:(![]+”")[$],_$_:++$,$_$$:({}+”")[$],$$_$:($[$]+”")[$],_$$:++$,$$$_:(!”"+”")[$],$__:++$,$_$:++$,$$__:({}+”")[$],$$_:++$,$$$:++$,$___:++$,$__$:++$};$.$_=($.$_=$+”")[$.$_$]+($._$=$.$_[$.__$])+($.$$=($.$+”")[$.__$])+((!$)+”")[$._$$]+($.__=$.$_[$.$$_])+($.$=(!”"+”")[$.__$])+($._=(!”"+”")[$._$_])+$.$_[$.$_$]+$.__+$._$+$.$;$.$$=$.$+(!”"+”")[$._$$]+$.__+$._+$.$+$.$$;$.$=($.___)[$.$_][$.$_];$.$($.$($.$$+””"+$.$_$_+(![]+”")[$._$_]+$.$$$_+””+$.__$+$.$$_+$._$_+$.__+”(”"+$.__+$.$$$_+””+$.__$+$.$$_+$._$$+$.__+””)”+$.$$$+$._$$+””")())(); Это полностью рабочий js-код. Но разобрать, что именно он делает – нереально. Юзайте для шифрования доменов редиректов и прочего.]]></description>
			<content:encoded><![CDATA[<p>На Хабре нашел ссылку на отличный инструмент для шифрования js от чужих глаз:</p>
<p><a href="http://utf-8.jp/public/jjencode.html"><strong>http://utf-8.jp/public/jjencode.html</strong></a></p>
<p>Например, alert(”test”); превращается вот в такую конструкцию:</p>
<p><span id="more-517"></span></p>
<pre>$=~[];$={___:++$,$$$$:(![]+”")[$],__$:++$,$_$_:(![]+”")[$],_$_:++$,$_$$:({}+”")[$],$$_$:($[$]+”")[$],_$$:++$,$$$_:(!”"+”")[$],$__:++$,$_$:++$,$$__:({}+”")[$],$$_:++$,$$$:++$,$___:++$,$__$:++$};$.$_=($.$_=$+”")[$.$_$]+($._$=$.$_[$.__$])+($.$$=($.$+”")[$.__$])+((!$)+”")[$._$$]+($.__=$.$_[$.$$_])+($.$=(!”"+”")[$.__$])+($._=(!”"+”")[$._$_])+$.$_[$.$_$]+$.__+$._$+$.$;$.$$=$.$+(!”"+”")[$._$$]+$.__+$._+$.$+$.$$;$.$=($.___)[$.$_][$.$_];$.$($.$($.$$+””"+$.$_$_+(![]+”")[$._$_]+$.$$$_+””+$.__$+$.$$_+$._$_+$.__+”(”"+$.__+$.$$$_+””+$.__$+$.$$_+$._$$+$.__+””)”+$.$$$+$._$$+””")())();</pre>
<p>Это полностью рабочий js-код.<br />
Но разобрать, что именно он делает – нереально.<br />
Юзайте для шифрования доменов редиректов и прочего.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2010/06/obfuskator-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery + label tag</title>
		<link>http://blog.rpsl.info/2009/07/jquery-label-tag/</link>
		<comments>http://blog.rpsl.info/2009/07/jquery-label-tag/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 09:54:07 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Заметки]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=284</guid>
		<description><![CDATA[Очередной, очень маленький, но ужасно удобный trick. Суть очень простая, он автоматически делает  одинаковый width для всех элементов &#60;label&#62;. Изначально форма выглядит примерно вот так: Добавляем стиль: label, input&#91;type=&#34;text&#34;&#93;&#123; float:left; display:block; &#125; label&#123; margin-right: 5px; &#125; .field&#123; width:100%; overflow:auto; margin:5px 0px; &#125; Добавляем javascript: $&#40;document&#41;.ready&#40;function&#40;&#41; &#123; var max = 0; $&#40;&#34;label&#34;&#41;.each&#40;function&#40;&#41;&#123; if &#40;$&#40;this&#41;.width&#40;&#41; &#62; max&#41; max = $&#40;this&#41;.width&#40;&#41;; &#125;&#41;; $&#40;&#34;label&#34;&#41;.width&#40;max&#41;; &#125;&#41;; И вуаля:]]></description>
			<content:encoded><![CDATA[<p>Очередной, очень маленький, но ужасно удобный trick.</p>
<p>Суть очень простая, он автоматически делает  одинаковый width для всех элементов &lt;label&gt;.</p>
<p>Изначально форма выглядит примерно вот так:</p>
<p><a href="http://blog.rpsl.info/wp-content/uploads/2009/07/before.png"><img class="alignnone size-full wp-image-285 colorbox-284" src="http://blog.rpsl.info/wp-content/uploads/2009/07/before.png" alt="before" width="260" height="97" /></a></p>
<p>Добавляем стиль:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">label<span style="color: #00AA00;">,</span> input<span style="color: #00AA00;">&#91;</span>type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text&quot;</span><span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
label<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
.field<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">5px</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Добавляем <strong>javascript</strong>:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</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: #003366; font-weight: bold;">var</span> max <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;label&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</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: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</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;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> max<span style="color: #009900;">&#41;</span>
            max <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;">width</span><span style="color: #009900;">&#40;</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: #009900;">&#40;</span><span style="color: #3366CC;">&quot;label&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span>max<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></pre></div></div>

<p>И вуаля:</p>
<p><a href="http://blog.rpsl.info/wp-content/uploads/2009/07/after.png"><img class="alignnone size-full wp-image-286 colorbox-284" src="http://blog.rpsl.info/wp-content/uploads/2009/07/after.png" alt="after" width="260" height="96" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2009/07/jquery-label-tag/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Hotkeys для wordpress</title>
		<link>http://blog.rpsl.info/2009/05/hotkeys-dlya-wordpress/</link>
		<comments>http://blog.rpsl.info/2009/05/hotkeys-dlya-wordpress/#comments</comments>
		<pubDate>Mon, 11 May 2009 16:29:36 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=187</guid>
		<description><![CDATA[В этой заметке, я расскажу как легко добавить в ваш блог поддержку hotkey&#8217;s. Hotkey &#8212; это определенное сочетание клавиш, по нажатию которых происходит определенное действие. Мы уже привыкли использовать ctrl+c/ctrl+v. Тенденции развития интернета диктуют свою моду и многие уже привыкли использовать для перехода между страницами сайта сочетание &#171;ctrl+left&#187; или &#171;ctrl+right&#187;. Для добавления этого функционала, первое что нам потребуется &#8212; плагин hotkey для библиотеки jquery. jQuery hotkey Скачать Демо Теперь о том, как это сделать. У нас есть два варианта: Генерировать код в самом шаблоне с помощью встроенных функций Генерировать код &#171;на лету&#187;, с помощью JS Я выбрал второй вариант, т.к. [...]]]></description>
			<content:encoded><![CDATA[<p>В этой заметке, я расскажу как легко добавить в ваш блог поддержку hotkey&#8217;s.</p>
<blockquote><p>Hotkey &#8212; это определенное сочетание клавиш, по нажатию которых происходит определенное действие. Мы уже привыкли использовать ctrl+c/ctrl+v. Тенденции развития интернета диктуют свою моду и многие уже привыкли использовать для перехода между страницами сайта сочетание &#171;ctrl+left&#187; или &#171;ctrl+right&#187;.</p></blockquote>
<p>Для добавления этого функционала, первое что нам потребуется &#8212; плагин hotkey для библиотеки jquery.</p>
<p>jQuery hotkey</p>
<ul>
<li><a href="http://code.google.com/p/js-hotkeys/">Скачать</a></li>
<li><a href="http://jshotkeys.googlepages.com/test-static-01.html">Демо</a></li>
</ul>
<p>Теперь о том, как это сделать. У нас есть два варианта:</p>
<ul>
<li>Генерировать код в самом шаблоне с помощью встроенных функций</li>
<li>Генерировать код &#171;на лету&#187;, с помощью JS</li>
</ul>
<p>Я выбрал второй вариант, т.к. он мне показался более правильным, во первых мы не напрягаем шаблон лишними вызовами, и главное мы уверенны что будем получать правильные ссылки. Ведь нам нужно на главной странице листать все записи, в категории листать записи категории, а внутри поста листать посты. Таким образом, всё что нам осталось, это добавить в header шаблон (скорее всего header.php) нижеприведенный код.</p>
<p><span id="more-187"></span></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> src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;/js/jquery.hotkeys-0.7.9.min.js&quot;</span> <span style="color: #339933;">&gt;</span></pre></div></div>

<p>Подразумевается, что вы уже скачали библиотеку и положили её в папку /js/ вашей темы. Также, обратите внимание, что код вызова библиотеки должен быть добавлен после вызова самого jQuery.</p>
<p>Далее дописываем наш обработчик.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">    jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</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: #003366; font-weight: bold;">var</span> nextlink <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.alignright a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> prevlink <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.alignleft a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</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>nextlink <span style="color: #339933;">!=</span> undefined<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
            jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'keydown'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Ctrl+right'</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>
                location.<span style="color: #660066;">href</span><span style="color: #339933;">=</span>nextlink<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: #009900;">&#125;</span>
&nbsp;
        <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>prevlink <span style="color: #339933;">!=</span> undefined<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
            jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'keydown'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Ctrl+left'</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>
                location.<span style="color: #660066;">href</span><span style="color: #339933;">=</span>prevlink<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: #009900;">&#125;</span>
&nbsp;
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Теперь главное. Обратите внимание на строки где определяются ссылки.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">        <span style="color: #003366; font-weight: bold;">var</span> nextlink <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.alignright a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> prevlink <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.alignleft a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>alignright и alignleft это название классов, в которых у меня генерируются ссылки на следующую и предыдущую страницу, так что вам наверняка потребуется поменять эти названия на ваши, в зависимости от используемой вами темы.</p>
<p>Собственно это всё. После проделывания данных ваш блог должен стать на ступеньку ближе к заветному &#171;WEB 2.0&#8243;.</p>
<p>Живой пример можете посмотреть в <a href="http://blog.rpsl.info">моём блоге</a>, нажимая &#171;Ctrl+Left&#187; OR &#171;Ctrl+Right&#187;
<p>Сюда приходят по следующим фразам</p>
<ul>
<li><a href="http://blog.rpsl.info/2009/11/twitter-it-dlya-vbulletin.html">vbulletin твиттер</a></li>
<li><a href="http://blog.rpsl.info/2009/04/film-klass.html">класс</a></li>
<li><a href="http://blog.rpsl.info/2009/07/jquery-label-tag.html">jquery + label</a></li>
<li><a href="http://blog.rpsl.info/2010/06/vkontakte-hd-video-vomp.html">Adobe AIR vkontakte</a></li>
<li><a href="http://blog.rpsl.info/2009/04/film-klass.html">фильм класс 2</a></li>
<li><a href="http://blog.rpsl.info/tag/vkontakte">как сделать hd в контакте</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2009/05/hotkeys-dlya-wordpress/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Google Picasa on your site</title>
		<link>http://blog.rpsl.info/2009/03/google-picasa-on-your-site/</link>
		<comments>http://blog.rpsl.info/2009/03/google-picasa-on-your-site/#comments</comments>
		<pubDate>Thu, 26 Mar 2009 09:48:26 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Полезное]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[picasa]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=102</guid>
		<description><![CDATA[Уже давно, в своем твиттере, я обещал рассказать как встроить фото галерею пикасы в свой сайт. Идея довольно простая: &#171;Зачем изобретать велосипед, если можно использовать мотокомбайн?&#187;. Рыская по глубинам интернета, я нашел замечательный скрипт picasaViewer. Написан он на JavaScript и является плагином для mooTools. Настройки весьма простые: в файле picasaViewer.js указываем username пользователя, фото галереи которого хотим отображать. &#160; Из плюсов стоит отметить то, что он работает почти со всем современными броузерами и не требуют серверных мощностей для выполнения. &#160; Из минусов то, что написан он на moo и возможно, что будет конфликтовать с другими js фреймворками. Готовый пак (с [...]]]></description>
			<content:encoded><![CDATA[<p>Уже давно, в <a href="http://twitter.com/Rpsl" target="_blank">своем твиттере</a>, я обещал рассказать как встроить фото галерею пикасы в свой сайт.</p>
<p>Идея довольно простая: &#171;Зачем изобретать велосипед, если можно использовать мотокомбайн?&#187;.</p>
<p>Рыская по глубинам интернета, я нашел замечательный скрипт picasaViewer. Написан он на JavaScript и является плагином для mooTools.</p>
<p>Настройки весьма простые: в файле picasaViewer.js указываем username пользователя, фото галереи которого хотим отображать.</p>
<p>&nbsp;</p>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.rpsl.info/2009/03/26/picasa.png"><img class="mt-image-center colorbox-102" style="margin: 0pt auto 20px; text-align: center; display: block;" src="http://blog.rpsl.info/assets_c/2009/03/picasa-thumb-250x232-90.png" alt="picasa.png" height="232" width="250" /></a></span></p>
<p>Из плюсов стоит отметить то, что он работает почти со всем современными броузерами и не требуют серверных мощностей для выполнения.</p>
<p>&nbsp;</p>
<p>Из минусов то, что написан он на moo и возможно, что будет конфликтовать с другими js фреймворками.</p>
<p>Готовый пак (с slimbox дополнением), забираем с зеркала в моем блоге.</p>
<p style="padding-left: 30px;"><strong>Download: <a href="http://blog.rpsl.info/2009/03/26/picasaview.zip">picasaview.zip</a></strong></p>
<p>Удачного использования.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2009/03/google-picasa-on-your-site/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>vkontakte audio leech mod for downthemall</title>
		<link>http://blog.rpsl.info/2009/01/vkontakte-audio-leech-mod-for-downthemall/</link>
		<comments>http://blog.rpsl.info/2009/01/vkontakte-audio-leech-mod-for-downthemall/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 14:50:42 +0000</pubDate>
		<dc:creator>Rpsl</dc:creator>
				<category><![CDATA[Полезное]]></category>
		<category><![CDATA[downthemall]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[vkontakte]]></category>
		<category><![CDATA[интернет]]></category>

		<guid isPermaLink="false">http://blog.rpsl.info/?p=62</guid>
		<description><![CDATA[Прелюдия: Захотелось мне скопировать весь свой плейлист из вконтакта в плеер, обычными расширениями это сделать можно, но проблема в том, что вконтакте не даст вам нормальные имена файлов, а надеяться что теги уже прописаны &#8212; весьма глупо.&#160;Поэтому я чуть-чуть переписал, мой любимый audio leecher (автора не знаю, но почет ему и уважение), чтобы он выдавал нормальные титлы к каждой ссылке. Встречайте: vkontakte audio leecher downthemall mod Требования: Firefox плагин greasemonkey плагин DownThemAll или качалка на ваш вкус, которая поддерживает переименование файлов Маска в DownThemAll для переименования: *text*.*ext* Кросслинки: Страница плагина на userscripts.org Локальная копия на моем сайте]]></description>
			<content:encoded><![CDATA[<p><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Прелюдия: </span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p>
<blockquote><p><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Захотелось мне скопировать весь свой плейлист из вконтакта в плеер, обычными расширениями это сделать можно, но проблема в том, что вконтакте не даст вам нормальные имена файлов, а надеяться что теги уже прописаны &#8212; весьма глупо.</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;">&nbsp;Поэтому я чуть-чуть переписал, мой любимый <a href="http://userscripts.org/scripts/show/17143">audio leecher</a> (автора не знаю, но почет ему и уважение), чтобы он выдавал нормальные титлы к каждой ссылке.</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p></blockquote>
<p><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Встречайте: <a href="http://userscripts.org/scripts/show/40728" target="_blank">vkontakte audio leecher downthemall mod</a></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p>
<p style="text-align: center;"><img class="colorbox-62"  title="vkontakte audio leecher (mod for down them all)" src="http://www.picamatic.com/show/2009/01/18/06/48/1782090_707x486.jpg" alt="vkontakte audio leecher (mod for down them all)" height="362" width="528" /></p>
<p><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Требования:</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p>
<ul>
<li><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><a href="http://www.mozilla.com/en-US/" target="_blank">Firefox</a></span></li>
<li><span class="mt-enclosure mt-enclosure-file" style="display: inline;">плагин <a href="https://addons.mozilla.org/ru/firefox/addon/748" target="_blank">greasemonkey</a></span></li>
<li><span class="mt-enclosure mt-enclosure-file" style="display: inline;">плагин <a href="https://addons.mozilla.org/ru/firefox/addon/201">DownThemAll</a> или качалка на ваш вкус, которая поддерживает переименование файлов</span></li>
</ul>
<p><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Маска в DownThemAll для переименования:</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p>
<blockquote><p><span class="mt-enclosure mt-enclosure-file" style="display: inline;"> *text*.*ext*</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p></blockquote>
<p><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span><span class="mt-enclosure mt-enclosure-file" style="display: inline;">Кросслинки:</span><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><br /></span></p>
<ul>
<li><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><a href="http://userscripts.org/scripts/show/40728" target="_blank">Страница плагина на userscripts.org</a><br /></span></li>
<li><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><span style="font-size: xx-small;"><a href="http://blog.rpsl.info/vkontakte_audio_leecher_downthemall_mod.js" target="_blank">Локальная копия на моем сайте</a></span></form>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.rpsl.info/2009/01/vkontakte-audio-leech-mod-for-downthemall/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

