Создаем интерактивные закладки JavaScript


Всем привет!

Хочу поделиться опытом! Я давно хотел научиться делать интерактивные закладки, чтобы размещать их на панели закладок браузера, но, к сожалению, пока этого так и не сделал…

Зато, я подсмотрел, как это делается у всяких сервисов, как, например, у сервиса автоматического постинга в различные сервисы закладок – bposter.net, и теперь, как минимум, могу просто их изменять и приспосабливать под собственные нужды. Но, обо всем по порядку…

Вначале, напомню, кто такая эта панель, да еще и закладок. В Win Safari она выглядит так:

Для тех, кто пока не рассмотрел и не особо понял, что это, пожалуйста:

Панель закладок браузера Safari

Наверняка, многие знают, что сегодняшние браузеры могут хранить в закладках не только URL адреса понравившихся или полезных сайтов, но и короткие скрипты JavaScript, основанные на самовыполняемые функции, о которых я уже написал короткий пост, что, как мне кажется, станет очень полезным для многих. Я уже начал интенсивно пользоваться такими закладками.

Пока у меня есть только несколько примеров, как и зачем можно использовать такие закладки. Например, думаю, все специалисты, занимающиеся продвижением сайтов, знают сервис siteexplorer.search.yahoo.com, ведь на сегодняшний день, это чуть ли не единственный источник данных по обратным ссылкам на любой сайт, а для того, чтобы получить эту информацию, нужно сделать слишком много телодвижений, а именно:

- открыть сервис;

– возможно, yahoo.com попросит авторизоваться;

- набрать адрес сайта, инфу о котором требуется узнать;

- нажать на кнопку «Inlinks», чтобы перейти на отображение не кол-ва страниц в кэше Яху, а на, собственно, информацию об обратных ссылках;

- выбрать опцию «Except from this domain» (Кроме этого домена), чтобы исключить ссылки с этого домена;

– возможно, выбрать опцию «Entire Site», чтобы посмотреть ссылки, приходящие на страницы всего сайта, а не только на одну страницу.

Чтобы исключить всё это, требуется всего-лишь немного наблюдательности. Например, перетащите эту ссылку -

Обратные ссылки по SiteExplorer

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

А вот и сам код ссылки:

javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(document.domain)+'&bwm=i&bwmo=d&bwmf=s');})();

Что в коде? Первым словом в атрибуте href идет слово javascript, которое сообщает браузеру, что ссылка – это JavaScript код. Далее – функция, которая открывает новое окно, вставляя имя домена (document.domain) текущего документа «куда надо». (По сути, такая ссылка действует также, как и ссылка вида javascript:history.back().) Если вместо window.domain использовать метод location.href, в открывшейся вкладке (окне), будут показаны обратные ссылки только на открытую страницу.

Вот еще несколько закладок, которые я уже соорудил (если кому что нужно, перетягивайте ссылку в панель закладок):

• Посмотреть, есть ли страница в индексе Яндекса:

Индекс Яндекса

Исходник:

javascript:(function(){window.open('http://www.yandex.ru/yandsearch?serverurl='+encodeURIComponent(location.href));})();

• Количество страниц с домена в индексе Google:

# страниц в гугле

Исходник:

javascript:(function(){window.open('http://www.google.ru/search?q=site:'+encodeURIComponent(document.domain));})();

• Есть ли страница в индексе Google:

Есть ли в кэше гугла?

Исходник:

javascript:(function(){window.open('http://www.google.ru/search?q=cache:'+encodeURIComponent(location.href));})();

Вообще, каждый, у кого есть плагин SearchStatus для Firefox, может проверить наличие страницы в кэше Гугла, но, может кому и пригодится такая закладка.

Постинг в закладки через сервис bposter.net:

В закладки!!!

Исходник:

javascript:(function(){window.open('http://www.bposter.net/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&desc='+encodeURIComponent(window.getSelection?window.getSelection():''));})();

Тут следует отметить, что я этот код совсем не придумывал, а просто заменил метод location.href на window.open, чтобы открывалась новая закладка (или окно, в зависимости от настроек браузера).

• Обратные ссылки по SiteExplorer.search.yahoo.com на весь сайт:

Обратные ссылки на сайт

Исходник:

javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(document.domain)+'&bwm=i&bwmo=d&bwmf=s');})();

• Обратные ссылки по SiteExplorer.search.yahoo.com на данную страницу:

Обратные ссылки на страницу

Исходник:

javascript:(function(){window.open('http://siteexplorer.search.yahoo.com/search?p='+encodeURIComponent(location.href)+'&bwm=i&bwmo=d&bwmf=u');})();

Хочу заметить, что все эти закладки открывают новые вкладки (или окна, в зависимости от браузера и его настроек), что, как мне кажется, на порядок удобнее, чем когда эти страницы открываются на месте просматриваемых.

Ну вот, пока это все закладки, да и все, что я хотел тут написать. По мере того, как у меня будут появляться такие закладки, обязательно буду ими делиться через эту страницу.

Всем удачи в своих открытиях!

, ,

  1. Пока нет комментариев.
(никто не узнает)

Код на картинке: