jQuery.ScrollTo Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself. How to specify what to scroll ? Simple, all the matched elements will be scrolled, for example: $('div.pane').scrollTo(); If you need to scroll the window (screen), then use: $.scrollTo(); How to specify where ? Settings Getting the real scrollable element out of a node In order to find the real element whose attributes will be animated, you need to call $.fn. $(window). Manually finding the scrolling limit ScrollTo always had an internal function that calculates the scrolling limit for both axes. Overloading This plugin accepts the arguments in two ways, like $.animate(). $().scrollTo( , , ); $().scrollTo( , ); In this second case, you can specify the duration in the hash.
jQuery Autocomplete: автозаполнение | ajax Если Вы пробовали что-то найти в Google, то наверняка знаете, что после ввода символа в текстовое поле появляется выпадающий список, который содержит десяток строк со словами, начальные символы которых совпадают с теми символами, что Вы уже успели ввести. Так работает Google Suggest. Почему бы не сделать так же на своем сайте? Ведь это удобно. Как обычно, для начала я приведу пример, а потом мы будем разбирать, как он работает. Поскольку это всего лишь пример, поясню, что в левом текстовом поле доступен выбор российских городов, которые начинаются на букву «М», а в правом – список поселков городского типа (пгт) с численностью населения более 10 тыс. жителей (по данным Всероссийской переписи населения на 9 октября 2002 года). Кроме того, используются разные настройки. Вы можете скачать исходный код примера, и при наличии библиотеки jQuery воспроизвести это пример на своем сайте. Если скачаете пример, то легко сможете разобраться и в стилевом оформлении. delay – задержка в миллисекундах.
don’t look » clickMenu Description: A clickable dropdown menu with (theoretically unlimited) submenus made out of an an unordered list. It’s behaviour is like an application menu (click to open, click to close, stays open even after hovering elsewhere). Demo Files: (last update: 2007-09-06 - v 0.1.6) Usage: <script type="text/javascript">$(document).ready(function() { $('#list').clickMenu(); }); </script> <ul id="list"> <li>Item one <ul> <li>Subitem one</li> <li>Subitem two</li> </ul> </li> <li>Item two</li> </ul> <script type="text/javascript">$(document).ready(function() { $('#list').clickMenu(); }); </script><ul id="list"><li>Item one <ul><li>Subitem one</li><li>Subitem two</li></ul></li><li>Item two</li></ul> More Examples: Available options: onClick - function - callback function triggered when a list item is clicked - returning false will stop the default action of the clicked elementarrowSrc - string - url of the image to be used as an arrow indicating a submenu (e.g. Changelog: Known problems:
JavaScript | Sribna Одним из критериев при выборе Javascript фреймворка является его производительность. В оценке производительности могут помочь различные тесты. Одним из таких тестов является SlickSpeed Selectors Test - тест на скорость/валидность CSS 3 селекторов в фреймворках. На момент написания статьи в этом тесте рассматриваются следующие Javascript фреймворки: В каждом браузере у фреймворков разная производительность. В Firefox самым быстрым оказывается MooTools и ему дышит в спину с разницей в 1 ms Dojo. В Internet Explorer картина поменялась. Как и следовало ожидать, в Opera результаты теста отличны от двух предыдущих браузеров. Не смотря на преимущество MooTools в Firefox, первым в IE и Opera окзался фреймворк Dojo. (more...)
don’t look » columnHover Description: A jQuery-plugin that highlights whole columns in a table when hovering over them. It’s supporting tables with colspans and rowspans, too! If you need support for row highlighting through the plugin, please head over to the tableHover plugin page. Demo and Example page. Files: (last update: 2007-08-05 - v 0.1.1) License: The plugin is available under both MIT and GPL licenses (as jQuery itself). Usage and Examples: Please take a look at the demo page and the source of the jquery.columnhover.js file. Available options: hoverClass - string - A CSS class that is set on the cells in the column with the mouse over. Changelog: v 0.1.1 - 2007-08-05 added new option “ignoreCols”, through which columns can be excluded from the highlighting process The plugin was successfully tested on Firefox 2, Opera 9.21 and IE 6/7. Leave a Reply
О Робокассе наглядно / Платежные системы Вчера вечером добавил интерфейс взаимодействия с Робокассой в свою CMS. Кратко о платежной системе Робокасса — интегратор платежных систем. Она позволяет организовать прием платежей в пользу магазина через множество известных электронных валют (Webmoney, ВКонтакте, ЯндексДеньги, Деньги@Mail.Ru, RBK Money и другие), через терминалы оплаты ЭлексНет, и, самое главное — через SMS. Доступно два варианта подключения — для юридических лиц и ИП, с выводом денег из системы на расчетный счет и для физических лиц с возможностью вывода в электронные валюты. Регистрация Регистрация достаточно проста. Изначально Ваш аккаунт будет иметь статус «Не активен», это позволяет настроить и протестировать магазин перед включением в реальный режим. Собственно код — отправка платежа Робокасса принимает от магазина параметры через GET или POST запрос. <form method="post" action=" В форме есть поле, которое я обозначил {SIGNATURE}. Теперь вернемся к полю {SIGNATURE} в нашей форме.
jQuery plugin: Treeview Lightwof an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence. Note as of April 2010: While the plugin still works as it is, it has some shortcomings, and not maintained anymore. There are now plenty of alternative jQuery tree plugins, like jsTree. Eventually there will be successor as part of jQuery UI. Note October 2010: Despite the above, I’ve moved the plugin to GitHub, fixed a bug when combining persist: “location” and prerendered: true, and released (tagged in Git) 1.4.1. Current version: 1.4.1License: MIT/GPL Files: DownloadChangelogDemosDocumentationGitHub Repository Dependencies Required jQuery 1.2.x+, tested with 1.4.3 Support Please post questions to the official Using jQuery Plugins Forum, tagging your question with (at least) “treeview”. Donate
Описание интерфейсов ROBOKASSA. Описание интерфейсов Оглавление Общее описание Интерфейсы сервиса ROBOKASSA предоставляют возможность получения Клиентом сервиса (магазином) средств от Покупателя в предпочитаемой им электронной валюте в заданном им количестве (объеме). Покупатель выбирает в он-лайн магазине Клиента товар, магазин подсчитывает сумму Заказа в предпочитаемой Продавцом валюте и посылает запрос к серверу, на котором расположен сервис ROBOKASSA. Покупатель выбирает на сайте Клиента или на странице Сервиса ROBOKASSA валюту платежа и приступает к платежу, нажав на кнопку оплаты. После завершения операции в зависимости от ее исхода Покупатель перенаправляется на страницу исполненного платежа (в случае если он осуществил оплату), либо на страницу неисполненного (если он отказался от оплаты). Сервис ROBOKASSA построен таким образом, что, в отличие от случая "подключения" непосредственно к серверу платежной системы, отпадает необходимость в усиленной защите данных в процессе обмена. Состав сервиса ROBOKASSA
jqselecta - Project Hosting on Google Code jqSelecta renders a scrollable tabular view of a <select> HTML element's <option>s. Useful for large data sets (with an arbitrary number of columns, as well as optional select all, select none and invert selection buttons) and also where you'd like the form elements to conform to the UI (i.e. themeroller skin). It's non-destructive, in that the underlying form element isn't destroyed - the plugin maintains the state of the underlying select-option, so plain form submission will work and other JS components can access the select-option's state without tight coupling to the jqSelecta plugin. State optionally persisted using cookies, and, in multi-select mode the cancel button reverts to previous selection. For a full list of features/options see the wiki. Notes: This plugin is themeroller compatible as of jQueryUI 1.7 Currently this is quite a new project, i'll happily fix any bugs reported while it's still fresh =) Release 0.3 is now available
Про xmlns. Часть первая Корневым элементом XSL-шаблона является <xsl:stylesheet>, и во многих случаях он выглядит так: Атрибут version является обязательным, равно как и объявление XSL-неймспейса xmlns:xsl=" (иначе было бы неясно, где в шаблоне сам XSL-код). А вот зачем нам нужна запись xmlns=" не очень понятно. Для начала уясним, что вообще делают эти конструкции, начинающиеся с xmlns. Хорошим примером такого разделения может служить как раз милый нашему сердцу XSL. Чтобы использовать какой-то неймспейс в своем XML (а XSL есть XML), его надо сначала объявить. Форма с префиксом имеет вид: xmlns : префикс = "полный URI" Здесь префикс — это некоторое внутреннее имя нашего мы можем использовать любой префикс, какой нам нравится. Следует также понимать, что не «ходят» в интернет, чтобы по этому адресу чего-то скачать. Итак, объявив неймспейс с префиксом, мы теперь можем его использовать — писать элементы, имеющие этот неймспейс. xmlns = "полный URI"