Букмарклеты

Букмарклет (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.

Альтернативное название букмарклетов — «favelets» (от слова «Favorites» — названия закладок в браузере «Internet Explorer»).

Перед Вами некоторые букмарклеты, которые были разработаны по заявкам пользователей.
Чтобы буркмарклет заработал, просто добавьте (перетащите) его себе в закладки.

1. вставить анонс-изображение в содержание (TEXTAREA)


Заметка: если вы желаете разработать свой буркмарклет для страницы сайта, который не использует jQuery, то Вас заинтересуют следующие советы.

1. Берем код, который подгружает jQuery:

(function() {
	var s=document.createElement('script'),
		 el=document.createElement('div'),
		 b=document.getElementsByTagName('body')[0];
	var otherlib=false,
		 startCounter=tryCounter=10,
		 delay=250,
		 msg='';
	s.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
	el.style.position='fixed';
	el.style.height='32px';
	el.style.width='220px';
	el.style.marginLeft='-110px';
	el.style.top='0';
	el.style.left='50%';
	el.style.padding='5px 10px 5px 10px';
	el.style.fontSize='12px';
	el.style.color='#222';
	el.style.backgroundColor='#f99';
	
	if(typeof jQuery!='undefined') {
	  msg='This page already using jQuery v'+jQuery.fn.jquery;
	  return showMsg();
	} else {
	  if(typeof $=='function') {
		 otherlib=true;
	  }
	  document.getElementsByTagName('head')[0].appendChild(s);
	}
	function showMsg() {
	  el.innerHTML=msg;
	  b.appendChild(el);
	  window.setTimeout(function() {
		 if (typeof jQuery=='undefined') {
			b.removeChild(el);
		 } else {
			jQuery(el).fadeOut('slow',function() {
			  jQuery(this).remove();
			});
			if (otherlib) {
			  $jq=jQuery.noConflict();
			}
		 }
	  } ,2500);	 
	}
	var tryjQuery=function() {
	  setTimeout(function() {
		 if (typeof jQuery=='undefined') {
			if (tryCounter) {
			  tryCounter--;
			  tryjQuery();
			} else {
			  msg='Sorry, but after ' + startCounter + ' attempts, jQuery hasn\'t loaded';
			  showMsg();
			}
		 } else {
			msg='This page is now jQuerified with v' + jQuery.fn.jquery;
			if (otherlib) {msg+=' and noConflict(). Use $jq(), not $().';}
			showMsg(); /* showMsg(); можно убрать и в это место вставить какой-нибудь свой скрипт */
		 }
	  }, delay);
	};
	tryjQuery();
})();

2. Подготавливаем свой код и вставляем его в 59 строку

3. Производим сжатие JavaScript одним из способов: 1 - 2

4. Вставляем сжатый код в атрибут href, по такой схеме: <a href="НАШ КОД">Новый букмарклет</a>

Совет: если Вам просто нужен jQuery на какой-то странице, то добавьте себе jQuerify (букмарклет Карла Шведберга).

Так же, весьма полезен буркмарклет firebug lite


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри

Обсуждения на форуме:

Кто-нибудь может мне помочь???

Помогите пожалуйста с "nofollow"

Будущее ЯPro

Чат

Создание меню

Ошибки в логах

Нужна помощь в реализации

Полезное:

Видео-обучение

Работа с шаблонами

Документация API

База данных и её таблицы

Регистрация на форуме

Скачать последнюю версию

Связь с авторами

Главная
X

Новые заметки:

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Защита сервера от ошибок в phpMyAdmin

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Документация »