Статические пути до библиотек
Общий путь до библиотеки выглядит следующим образом:
yandex.st/<имя библиотеки>/<полная версия>/<имя файла>
В большинстве случаев имя файла совпадает с названием библиотеки, за исключением Dojo, jQuery UI, script.aculo.us, YUI.
Суффикс .min в имени файла обозначает, что файл сжат (не содержит документации и метасимволов).
Примеры:
Подключение с помощью загрузчика
Загрузчик API находится по адресу:
/**
* Загружает указанную версию библиотеки.
* @param {String} library Название библиотеки.
* @param {String} [version] Версия библиотеки. Если не указана, то загружается последняя доступная.
* @param {Object} [params] Параметры.
* @param {Boolean} [params.uncompressed=false] Загружать сжатую версию.
* @param {Function} [params.onload] Обработчик загрузки библиотеки.
* @param {Number} [params.metrika] ID Метрики
*/
Ya.load = function(library, version, params) {};
Пример 1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример использования сервиса Хостинг JavaScript-библиотек</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="//yandex.st/jslibs/loader.js"></script>
</head>
<body>
<script type="text/javascript">
// загружается последняя версия 1.3.x
Ya.load('jquery', '1.3', {onload: function() {
$('<div>this div is created from jquery</div>').appendTo('body');
}});
</script>
</body>
</html>
Пример 2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>YUI: Simple Drag</title>
<style type="text/css">
#demo
{
height: 100px;
width: 100px;
border: 1px solid black;
background-color: #8DD5E7;
cursor: move;
}
</style>
<script type="text/javascript" src="//yandex.st/yui/3.0.0/yui/yui-min.js"></script>
</head>
<body class=" yui-skin-sam">
<h1 id="">Simple Drag<span class="no_print edit-section"></span></h1>
<div class="exampleIntro">
<p>This example shows a simple drag interaction that doesn't require a drop interaction.</p>
</div>
<div id="demo">Drag Me</div>
<script type="text/javascript">
YUI({combine: false, timeout: 10000}).use('dd-drag', function(Y) {
new Y.DD.Drag({
node: '#demo'
});
});
</script>
</body>
</html>
В формате PDF