| Индекс материала |
|---|
| Введение в Prototype |
| Функция $() |
| Функция $$() |
| Методы обхода DOM-документа |
| Создание нового элемента и вставка его в DOM |
| Удаление элемента из DOM |
| Все страницы |
Prototype – это JavaScript фреймворк, применяемый для разработки кроссбраузерных приложений по технологии Ajax.
Загрузка и установка
Весь фреймворк описан в одном файле, таким образом, чтобы начать его использовать, вам нужно просто подгрузить этот файл в ваш html код.
Начнем с того, что скачаем Prototype. Официальная страничка фреймворка http://prototypejs.org. Скачать текущую версию можно по адресу: http://prototypejs.org/download. Файл, который вы скачаете, будет называться примерно так: prototype-1.6.0.2.js, где цифры указывают на номер версии фреймворка. Этот файл, в последствии, нужно будет сохранить вместе с файлами вашего проекта.
Для удобства можно создать каталог “js” в корне проекта, где будут храниться все ваши JavaScript программы, и сохранить здесь библиотеку фреймворка, переименовав ее в prototype.js. Таким образом, если ваш сайт www.site.by, файл фреймворка будет доступен по адресу www.site.by/ js/prototype.js.
Подключаем Prototype
Итак, нужная библиотека у нас есть, и теперь настало время опробовать ее в деле. Как и любой сценарий на javaScript, Prototype легко подгружается в html код станицы. Загрузка фреймворка выглядит следующим образом:
<html>
<head>
<title>Загрузка Prototype и определение версии библиотеки</title>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript">
alert('Prototype ' + Prototype.Version + ' загружен');
</script>
</head>
<body>
</body>
</html>
Код, приведенный выше, вызывает окно, в котором выводится информация о версии Prototype.
Документация
На официальном сайте фреймворка опубликована неплохая подборка материалов по API. Вам стоит ознакомиться с данными материалами, кат как к ним можно всегда обратиться для решения тех или иных вопросов, которые будут возникать в ходе разработки под Prototype.