<?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>Уроки PHP, Mootools, JavaScript, ActionScript, HTML, CSS &#187; закладки</title>
	<atom:link href="http://php.infoniac.ru/tag/%d0%b7%d0%b0%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8/feed/" rel="self" type="application/rss+xml" />
	<link>http://php.infoniac.ru</link>
	<description>Уроки программирования от новичка новичкам</description>
	<lastBuildDate>Tue, 20 Mar 2012 18:36:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Создаем интерактивные закладки JavaScript</title>
		<link>http://php.infoniac.ru/javascript-zakladki.html</link>
		<comments>http://php.infoniac.ru/javascript-zakladki.html#comments</comments>
		<pubDate>Thu, 25 Feb 2010 18:37:15 +0000</pubDate>
		<dc:creator>proglammer</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Оптимизация]]></category>
		<category><![CDATA[Разное]]></category>
		<category><![CDATA[bookmarks]]></category>
		<category><![CDATA[закладки]]></category>

		<guid isPermaLink="false">http://php.infoniac.ru/?p=609</guid>
		<description><![CDATA[Я часто замечал, что многие сайты предлагают добавить закладку для быстрого выполнения действия на этом сайте, например заполнение формы или что-то подобное. Изнутри такая закладка была похожа на обычную только адресом, а далее для меня всё выглядело, как каракули. Когда я только знакомился с интернетом и технологиями, его делающими, мне было интересно, как делаются такие закладки. Когда познакомился с JavaScript, понял, что с помощью JavaScript. И потом я захотел делать свои собственные закладки. Так, когда я начал заниматься SEO появилась необходимость быстро проверить ту или иную страницу на предмет индексации, сколько на нее ссылок и т.д. Руками это все делать накладно, а специализированные программы для проверки одной страницы - это слишком. Так я создал свою первую интерактивную закладку :) - небольшое, но достижение!]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><div style="text-align:center;width:100%;margin:10px 0px 10px 0px;"><div style="margin:auto;"><script type="text/javascript"><!--
google_ad_client = "pub-8205915997794532";
/* 728x90, создано 08.12.10 */
google_ad_slot = "3730215141";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></div><div style="width:100%;min-width:100%;"><p>Всем привет!</p>
<p>Хочу поделиться опытом! Я давно хотел научиться делать интерактивные закладки, чтобы размещать их на панели закладок браузера, но, к сожалению, пока этого так и не сделал…</p>
<p>Зато, я подсмотрел, как это делается у всяких сервисов, как, например, у сервиса автоматического постинга в различные сервисы закладок – <strong><a href="http://www.bposter.net/?a=13968">bposter.net</a></strong>, и теперь, как минимум, могу просто их изменять и приспосабливать под собственные нужды. Но, обо всем по порядку&#8230;</p>
<p>Вначале, напомню, кто такая эта панель, да еще и закладок. В Win Safari она выглядит так:</p>
<p><img class="aligncenter size-full wp-image-612" title="browser-window" src="http://php.infoniac.ru/wp-content/uploads/browser-window1.jpg" alt="" width="400" height="389" /></p>
<p>Для тех, кто пока не рассмотрел и не особо понял, что это, пожалуйста:</p>
<p><a href="http://php.infoniac.ru/wp-content/uploads/bookmarks-pannel-zoomed-in-150x291.jpg"><img class="alignleft size-full wp-image-611" title="Панель закдадок" src="http://php.infoniac.ru/wp-content/uploads/bookmarks-pannel-zoomed-in-150x291.jpg" alt="Панель закладок браузера Safari" width="150" height="29" /></a></p>
<p>Наверняка, многие знают, что сегодняшние браузеры могут хранить в закладках не только URL адреса понравившихся или полезных сайтов, но и короткие скрипты JavaScript, основанные на самовыполняемые функции, о которых я уже написал <a href="http://php.infoniac.ru/auto-executable-functions-javascript.html" title="Самовыполняющиеся функции JavaScript">короткий пост</a>, что, как мне кажется, станет очень полезным для многих. Я уже начал интенсивно пользоваться такими закладками.</p>
<p>Пока у меня есть только несколько примеров, как и зачем можно использовать такие закладки. Например, думаю, все специалисты, занимающиеся продвижением сайтов, знают сервис siteexplorer.search.yahoo.com, ведь на сегодняшний день, это чуть ли не единственный источник данных по обратным ссылкам на любой сайт, а для того, чтобы получить эту информацию, нужно сделать слишком много телодвижений, а именно:</p>
<p>- открыть сервис;</p>
<p>– возможно, yahoo.com попросит авторизоваться;</p>
<p>- набрать адрес сайта, инфу о котором требуется узнать;</p>
<p>- нажать на кнопку «Inlinks», чтобы перейти на отображение не кол-ва страниц в кэше Яху, а на, собственно, информацию об обратных ссылках;</p>
<p>- выбрать опцию «Except from this domain» (Кроме этого домена), чтобы исключить ссылки с этого домена;</p>
<p>– возможно, выбрать опцию «Entire Site», чтобы посмотреть ссылки, приходящие на страницы всего сайта, а не только на одну страницу.</p>
<p>Чтобы исключить всё это, требуется всего-лишь немного наблюдательности. Например, перетащите эту ссылку -</p>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(document.domain)+'&amp;bwm=i&amp;bwmo=d&amp;bwmf=s');})();">Обратные ссылки по SiteExplorer</a></p>
<p>- в панель закладок вашего браузера и нажмите на появившуюся там кнопку – вы увидите все ссылки, приходящие на все страницы моего блога.</p>
<p>А вот и сам код ссылки:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://siteexplorer.search.yahoo.com/search?p='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>document.<span style="color: #660066;">domain</span><span style="color: #009900;">)</span><span style="color: #339933;">+</span><span style="color: #3366cc;">'&amp;amp;bwm=i&amp;amp;bwmo=d&amp;amp;bwmf=s'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<p>Что в коде? Первым словом в атрибуте href идет слово <strong>javascript</strong>, которое сообщает браузеру, что ссылка – это JavaScript код. Далее – функция, которая открывает новое окно, вставляя имя домена (<strong>document.domain</strong>) текущего документа «куда надо». (По сути, такая ссылка действует также,  как и ссылка вида <strong>javascript:history.back()</strong>.) Если вместо <strong>window.domain</strong> использовать метод <strong>location.href</strong>, в открывшейся вкладке (окне), будут показаны обратные ссылки только на открытую страницу.</p>
<p>Вот еще несколько закладок, которые я уже соорудил (если кому что нужно, перетягивайте ссылку в панель закладок):</p>
<h3>• Посмотреть, есть ли страница в индексе Яндекса:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://www.yandex.ru/yandsearch?serverurl='+encodeURIComponent(location.href));})();">Индекс Яндекса</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://www.yandex.ru/yandsearch?serverurl='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>location.<span style="color: #660066;">href</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<h3>• Количество страниц с домена в индексе Google:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://www.google.ru/search?q=site:'+encodeURIComponent(document.domain));})();"># страниц в гугле</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://www.google.ru/search?q=site:'</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>document.<span style="color: #660066;">domain</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<h3>• Есть ли страница в индексе Google:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://www.google.ru/search?q=cache:'+encodeURIComponent(location.href));})();">Есть ли в кэше гугла?</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://www.google.ru/search?q=cache:'</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>location.<span style="color: #660066;">href</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<p>Вообще, каждый, у кого есть плагин SearchStatus для Firefox, может проверить наличие страницы в кэше Гугла, но, может кому и пригодится такая закладка.</p>
<h3>• <a href="http://www.bposter.net/?a=13968">Постинг в закладки через сервис bposter.net</a>:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://www.bposter.net/?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;desc='+encodeURIComponent(window.getSelection?window.getSelection():''));})();">В закладки!!!</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://www.bposter.net/?url='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>location.<span style="color: #660066;">href</span><span style="color: #009900;">)</span><span style="color: #339933;">+</span><span style="color: #3366cc;">'&amp;amp;title='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>document.<span style="color: #660066;">title</span><span style="color: #009900;">)</span><span style="color: #339933;">+</span><span style="color: #3366cc;">'&amp;amp;desc='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>window.<span style="color: #660066;">getSelection</span><span style="color: #339933;">?</span>window.<span style="color: #660066;">getSelection</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">:</span><span style="color: #3366cc;">''</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<p>Тут следует отметить, что я этот код совсем не придумывал, а просто заменил метод <strong>location.href</strong> на <strong>window.open</strong>, чтобы открывалась новая закладка (или окно, в зависимости от настроек браузера).</p>
<h3>• Обратные ссылки по SiteExplorer.search.yahoo.com на весь сайт:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(document.domain)+'&amp;bwm=i&amp;bwmo=d&amp;bwmf=s');})();">Обратные ссылки на сайт</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://siteexplorer.search.yahoo.com/search?p='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>document.<span style="color: #660066;">domain</span><span style="color: #009900;">)</span><span style="color: #339933;">+</span><span style="color: #3366cc;">'&amp;amp;bwm=i&amp;amp;bwmo=d&amp;amp;bwmf=s'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<h3>• Обратные ссылки по SiteExplorer.search.yahoo.com на данную страницу:</h3>
<p><a class="jsBookmark" href="javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(location.href)+'&amp;bwm=i&amp;bwmo=d&amp;bwmf=u');})();">Обратные ссылки на страницу</a></p>
<p>Исходник:</p>
<div class="wp_syntax">
<div class="code">
<pre class="javascript" style="font-family: monospace;">javascript<span style="color: #339933;">:</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>window.<span style="color: #000066;">open</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'http://siteexplorer.search.yahoo.com/search?p='</span><span style="color: #339933;">+</span>encodeURIComponent<span style="color: #009900;">(</span>location.<span style="color: #660066;">href</span><span style="color: #009900;">)</span><span style="color: #339933;">+</span><span style="color: #3366cc;">'&amp;amp;bwm=i&amp;amp;bwmo=d&amp;amp;bwmf=u'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span><span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</div>
</div>
<p>Хочу заметить, что все эти закладки открывают новые вкладки (или окна, в зависимости от браузера и его настроек), что, как мне кажется, на порядок удобнее, чем  когда эти страницы открываются на месте просматриваемых.</p>
<p>Ну вот, пока это все закладки, да и все, что я хотел тут написать. По мере того, как у меня будут появляться такие закладки, обязательно буду ими делиться через эту страницу.</p>
<p>Всем удачи в своих открытиях!</p>
</div><!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://php.infoniac.ru/javascript-zakladki.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

