Документация
 Ctrl Предыдущая

Как подключить библиотеку?

Статические пути до библиотек

Общий путь до библиотеки выглядит следующим образом:

yastatic.net/<имя библиотеки>/<полная версия>/<имя файла>

В большинстве случаев имя файла совпадает с названием библиотеки, за исключением 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="//yastatic.net/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="//yastatic.net/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>