Букмарклеты

Букмарклет (англ. 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:
Введите изображенные цифры:
Captcha

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

Новый раздел

Шаблонизация

YaPro - Полная сборка системы

Дубли файлов, эскизы изображений, редактирование шаблонов

Общая регистрация в CMS и phpBB3

Помощь в разработке шаблона

Идея модуля музыкальной системы

Полезное:

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

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

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

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

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

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

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

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах

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


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