Букмарклеты

Букмарклет (англ. 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

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

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

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

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

Yapro CMS:

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

youtube.com/watch?v=7hFivbgIEqk

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

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