пятница, 29 октября 2010 г.
Эта утилита позволяет экранировать любой текст для использования в качестве строки-литерала JavaScript или наоборот: преобразовать строку-литерал JavaScript в обычный текст. Можно экранировать спецсимволы JavaScript или все символы за пределами ASCII, а также экранировать тег <script>, поскольку он недопустим внутри кода JavaScript на странице HTML.
четверг, 28 октября 2010 г.
Итак, свершилось. То, о чём все блогеры на blogspot так долго мечтали, глядя на ЖЖ, доступно прямо здесь и сейчас, достаточно лишь нажать одну кнопку в конце этого поста. Идея виджета принадлежит amateurblogger, а её воплощением в коде занимался ваш покорный слуга. Пока другие перепечатывают друг у друга одни и те же скрипты, гаджеты и уловки, мы таки просто сделаем что-нибудь полезное. Это было лирическое вступление, а теперь к делу.
Виджет «Календарь» показывает в вашем блоге календарь на текущий месяц, в котором по дням проставлены ссылки на ваши посты. Вам и вашим посетителям будет наглядно видно, когда и что вы писали. Календарь можно листать по месяцам и по годам, просматривая весь архив. (Ну или же просто можно воспользоваться им как обычным календарём — посмотреть, на какой день недели какое число приходится. :) )
Ссылка с даты календаря ведёт на соответствующий пост, если вы в этот день написали только одно сообщение, или же на страницу с кратким содержанием постов, если в тот день было больше одного сообщения. (Если вы не пользуетесь разделением на краткое и полное содержание сообщений, то, разумеется, сообщения будут там показаны целиком.) Кстати, при просмотре страниц сообщений и страниц навигации по блогу, календарь будет показывать не текущий месяц, а тот месяц к которому относятся отображаемые на данной странице сообщения.
Часто возникает необходимость экранировать строку для использования внутри регулярного выражения в Javascript. Рассмотрим, как это сделать.
Простая утилита, позволяющая заменять специсимволы html на соответствующие entities и обратно. Заменяет символы больше и меньше, амперсанд, кавычки и апострофы, а также символ новой строки (на тег br). Работает без перезагрузки страницы: просто вставьте текст в верхнюю область ввода и переместите курсор в нижнюю.
Возможность показать часть тегов в тексте «как есть» в HTML не предусмотрена, поэтому сиволы <, > и " приходится заменять специальным обозначением:
вторник, 26 октября 2010 г.
Для блогспота существует множество реализаций виджета похожих постов, начиная от простого списка ссылок и заканчивая навороченными и стильно оформленными виджетами. Для своего блога я перебрал несколько таких скриптов, но ни один из них меня не устроил по тем или иным причинам. Поэтому, взяв за основу код с hoctro.blogspot.com, я написал свой собственный. Собственно, сам скрипт был написал и опубликован еще полгода назад, но изначальная публикация исчезла вместе с удалённым аккаунтом в ЖЖ.
Что же такого может мой скрипт и чего я не нашел в уже готовых виджетах?
Во-первых, это возможность настраивать заголовок скрипта, чтобы он гармонировал с содержимым вашего блога. Согласитесь, если, например, у вас блог посвящен кулинарии и рецептам, то надпись «Еще похожие статьи на тему "Салаты":» будет выглядеть крайне странно. Гораздо лучше написать что-то вроде «Еще рецепты из рубрики "Cалаты":».
Во-вторых, было бы не плохо, если бы компьютер умел различать случаи, когда похожие материалы найдены только по одному ярлыку и когда они найдены по нескольким ярлыкам, и выводить для этих случаев разный текст. Кроме того, я полагаю, обычно, если похожих статей не найдено, то лучше вообще ничего не выводить, но если вам захочется, чтобы в этом случае писалось что-то вроде «Других материалов на эту тему еще не опубликовано», то данный скрипт позволяет сделать и это. Для каждого из этих трёх случаев можно задать в настройках свой вариант текста.
В-третьих, я добавил возможность исключать из поиска отдельные ярлыки. На примере кулинарного блога: если, скажем, вы используете ярлык «нет фото», чтобы отметить рецепты, для которых вы еще не добавили фотографию готового блюда, то скорее всего, вам захочется, чтобы такой ярлык игнорировался при показе посетителям списка похожих рецептов.
И в-четвертых, возможность изменять имена ярлыков и объединять несколько ярлыков в один.
Данный скрипт не оформлен в виде отдельного виджета, а предназначен для встраивания внутрь основного виджета блога — того, который отображает содержимое сообщений. Сделано это, чтобы список похожих материалов располагался непосредственно после содержимого поста, т.е. был сразу виден посетителю при прочтении поста.
понедельник, 11 октября 2010 г.
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='clear'/>
</b:includable><b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
title='Позже'>← Позже</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
title='Раньше'>Раньше →</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='clear'/>
</b:includable><b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
title='Позже'>← Позже</a>
</span>
<b:if cond='data:olderPageUrl'>
—
</b:if>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
title='Раньше'>Раньше →</a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
#blog-pager-newer-link {
float: none;
margin-left: 0px;
display: inline;
}
#blog-pager-older-link {
float: none;
display: inline;
}
#blog-pager {
text-align: center;
font-weight:bold;
}воскресенье, 10 октября 2010 г.
Пример использования. Сериализация одномерного массива в cookie:function setCookie(name, value, expires, path, domain, secure) { if (!name || !value) return false; var str = name + '=' + encodeURIComponent(value); if (expires) str += '; expires=' + expires.toGMTString(); if (path) str += '; path=' + path; if (domain) str += '; domain=' + domain; if (secure) str += '; secure'; document.cookie = str; return true; } function getCookie(name) { var pattern = "(?:; )?" + name + "=([^;]*);?"; var regexp = new RegExp(pattern); if (regexp.test(document.cookie)) return decodeURIComponent(RegExp["$1"]); return false; } function deleteCookie(name, path, domain) { setCookie(name, null, new Date(0), path, domain); return true; }
Чтение cookie и десериализация массива:// Получаем текущее время и дату. var d = new Date(); // Увеличиваем дату на 6 месяцев. d.setMonth(d.getMonth() + 6); // Сохраняем массив current_color в cookie current_color на 6 месяцев. setCookie('current_color', current_color.join(','), d);
var color = getCookie('current_color'); if (color) { eval('current_color = [' + color + ']'); }
Часто возникает необходимость экранирования управляющих символов в больших фрагментах текста для различных языков программирования и языков разметки. Вручную этот процесс может быть достаточно трудоёмким. На нашем сайте вы можете воспользоваться следующими сервисами для решения этой задачи:
Экранирование спецсимволов HTML и XML
суббота, 9 октября 2010 г.
понедельник, 4 октября 2010 г.
воскресенье, 3 октября 2010 г.
Ниже представлен скрипт, реализующий удобную палитру для выбора и запоминания цвета прямо в браузере. Для работы необходимы JavaScript и cookie.
Возможности калькулятора:
(И в Opera это даже работает.)node.onclick = "blabla()";
node.setAttribute("onclick", "blabla()");пятница, 1 октября 2010 г.
Следующий пример показывает использование опции командной строки для открытия менеджера профилей в Firefox:
Выберите Выполнить в меню Пуск. Введите:
firefox -P
Откройте окно терминала через Applications > Utilities и введите:
/Applications/Firefox.app/Contents/MacOS
./firefox-bin -P
Откройте терминал и введите:
cd Firefox installation directory
./firefox -P
-CreateProfile profile_nameСоздать новый профиль с именем profile_name, но не запускать приложение. profile_name не должно содержать пробелов.
firefox -CreateProfile JoelUser
-CreateProfile "profile_name
profile_dir"Создать новый профиль с именем profile_name в каталоге profile_dir directory, но не запускать приложение. Обратите мнимание, что profile_name и profile_dir вместе взяты в кавычки. (Не в SeaMonkey1.x)
Примечание: каталог profile_dir обязан отсутствовать, и профиля с указанным именем так же не должно быть.
firefox -CreateProfile "JoelUser c:\internet\moz-profile"
-ProfileManager
или -PЗапустить менеджер профилей. В Linux нужно использовать заглавную P, т.к. строчная запускает режим Purify (обнаружение утечек памяти). На других платформах возможно использование любого регистра.
-SelectProfileЗапустить диалог выбора профиля. Только для SeaMonkey1.x
-ProfileWizardЗапустить Profile Wizard. Только для SeaMonkey1.x.
-P "profile_name"Запустить приложение с указанным профилем.
firefox -P "JoelUser"
-profile "/path/to/profile"Запустить с профилем из указанного каталога. Только для Firefox, Thunderbird и SeaMonkey2.x.
-no-remoteРазрешить запуск нескольких копий приложения. (Не в SeaMonkey1.x,
который поддерживает только MOZ_NO_REMOTE=1).
firefox -no-remote -P "Another Profile"
-migrationЗапустить мастер импорта. (Не в SeaMonkey1.x)
-installerЗапустить мастер миграции с Netscape 4.x. Только для SeaMonkey1.x.
-resetPref preferenceСбросить указанную настройку в значение по умолчанию (список настроек указывается через запятую). Только для SeaMonkey1.x.
seamonkey -resetPref browser.startup.homepage
-override /path/to/override.iniЗаргурить указанный файл override.ini,
который перекроет параметры файла application.ini
(
browser/app/application.ini).
Может быть полезно, чтобы подавить запуск мастера миграции при помощи
следующего override.ini. Только для Firefox.
[XRE]
EnableProfileMigrator=0
-browserStart with the browser component. Firefox and SeaMonkey only.
-url URLОткрыть указанный URL в новой вкладке
или окне, в зависимости от настроек браузера. -url
может быть опущено. Только для Firefox и SeaMonkey.
Примечание: При открытии нескольких URL, Firefox всегда
открывает их на вкладках нового окна.
firefox www.mozilla.com
-privateЗапустить Firefox в приватном режиме, вне зависимости от текущих настроек. Только для Firefox 3.6 и выше.
-new-tab URLОткрыть URL в новой вкладке. Только для Firefox и SeaMonkey2.x.
-new-window URLОткрыть URL в новом окне. Только для Firefox и SeaMonkey2.x.
-search termПоиск term в поисковой системе по умолчанию. Только для Firefox и SeaMonkey2.x.
-preferencesОткрыть окно настроек. Только для Firefox.
-setDefaultBrowserУстановить приложение браузером по умолчанию. Только для Firefox.
-mailОткрыть почтовый клиент. Только для Thunderbird и SeaMonkey.
-mail mailto_URLОткрыть почтовый клиент и создать сообщение с заданным адресом получателя. Только для Thunderbird.
thunderbird -mail mailto:me@isp.net?subject=hi
-news news_URLОткрыть клиент новостей. Если указан news_URL (опциональный), открыть данную группу новостей. Только для Thunderbird и SeaMonkey.
thunderbird -news news://server/group
-compose message_optionsОткрыть почтовый клиент. См. правила синтаксиса. Только для Thunderbird и SeaMonkey.
thunderbird -compose "to=foo@nowhere.net"
-addressbookОткрыть адресную книгу. Только для Thunderbird и SeaMonkey.
-optionsОткрыть окно настроек. Только для Thunderbird.
-offlineЗапуск в автономном режиме. Только для Thunderbird и SeaMonkey.
-setDefaultMailУстановить приложение почтовым клиентом по умолчанию. Только для Thunderbird.
-calendarОткрыть календарь. Только для Sunbird.
-subscribe URL
или -url URLПодписаться на указанный URL. Только для Sunbird.
-showdate dateОткрыть планировщик на указанной дате. Только для Sunbird.
sunbird -showdate 08/04/2008
-editor URL
или -edit URLОткрыть редактор для указанного URL (URL опционально). Только для SeaMonkey.
seamonkey -edit www.mozilla.org
-jsconsoleЗапустить приложение с консолью ошибок.
-inspector URLОткрыть инспектор DOM, если он установлен.(URL опционально)
-venkmanЗапуск отладчика JavaScript Venkman, если он установлен.
-chatОткрыть клиент IRC ChatZilla, если он установлен.
-app /path/to/application.iniЗапустить новый процесс, открыв указанное XULRunner приложение. Только для Firefox версии 3 и выше.
-register chrome_URLЗарегистрировать указанный chrome, но не запускать приложение.
Примечание для Gecko 1.9.2
Опции -install-global-extension и -install-global-themeбыли удалены в версии Gecko 1.9.2 и выше.
-install-global-extension
/path/to/extensionУстановить указанное расширение в каталог приложения. Необходимы права администратора. (Не в SeaMonkey1.x).
-install-global-theme /path/to/themeАналогично для тем. Необходимы права администратора. (Не в SeaMonkey1.x).
Начиная с Firefox 2.0.0.7, использование аргументов -install-global-extension
и -install-global-theme ограничено только
установкой с локальных и смонтированных по сети дисков. Установка
напрямую с network share не поддерживается. [1]
-safe-modeЗапуск приложения без всех расширений. (Не в SeaMonkey1.x)
-UILocale localeЗапуск с указанной локалью.
firefox -UILocale en-US
-turboЗапуск приложения в режиме Quick Launch. Только для SeaMonkey1.x.
-nosplash or
-quietПодавить отображение окна-заставки при запуске. Чтобы
отобразить заставку, используйте комнаду -splash.
Примечание: на некоторых системах заставка отключена по умолчанию.
Только для SeaMonkey1.x.
-remote remote_commandВыполнить команду remote_command в уже запущенной копии приложения (см. remote control). Примечание: Для SeaMonkey1.x только в системах Unix/Linux.
firefox -remote "openURL(www.mozilla.org, new-tab)"
-silentНе открывать окна по умолчанию. Только для Firefox, Thunderbird3.x и SeaMonkey2.x.
-consoleОткрыть отладочную консоль. Только в Windows.
-h or -help
or -?Вывести список доступных опций командной строки. Обратите внимание, в Windows это работает только в отладочных сборках ( bug 355889 ).
-v or -versionВывести версию приложения. Обратите внимание, в Windows это работает только в отладочных сборках ( bug 355889 ).
-osintTells the application that it is being launched by the OS shell. This should not be specified unless the caller provides all of the functionality provided by the OS shell when launching the application ( bug 384384 ).
-requestPendingTells the application that there will be a Windows DDE request to open the same url specified on the command line. This should not be specified unless the caller provides all of the functionality provided by the OS shell when launching the application ( bug 354005 ).
-print-xpcom-dir-print-xpcom-dirlist-kill-killAll-f-ftimeout-fwait-unsetDefaultMail-foregroundполе=значение,
например:
to=foo@nowhere.netsubject=cool pageattachment=www.mozilla.orgattachment='file:///c:/test.txt'body=check this page"to=foo@nowhere.net,subject=cool
page" . Перед или после запятой не должно быть пробелов.
Чтобы присвоить несколько значений полю, заключите его в одинарные
кавычки, например: "to='foo@nowhere.net,foo@foo.de',subject=cool
page" .<script type='text/javascript'> if( typeof document.getElementsByClassName != 'function' ) { HTMLDocument.prototype.getElementsByClassName = Element.prototype.getElementsByClassName = function (className) { if( !className ) return []; var elements = this.getElementsByTagName('*'); var list = []; var expr = new RegExp( '(^|\\b)' + className + '(\\b|$)' ); for (var i = 0, length = elements.length; i < length; i++) if (expr.test(elements[i].className)) list.push(elements[i]); return list; }; } </script>