Axure позволяет создавать сверхсложные прототипы. Но иногда наступает такой момент, когда хочется большего, а останавливаться на достигнутом нет никакого желания.
Подключение JavaScript к прототипу — возможность расширить границы и не идти на компромиссы.
В зависимости от сложности задачи можно выделить два случая.
Простое действие при клике на объект
1. Выбираем объект, к которому хотим подключить JS-скрипт.
2. На событие OnClick вешаем Case и в окне его редактирования выбираем Links/Open Link/Current Window
3. Далее отмечаем пункт "Link to an external url or file"
4. В текстовое поле вставляем свой JS-код. Например:
javascript:alert("Hello");void(0);
Подключение js-файла для решения сложных задач
Если требуется реализовать более сложную логику, то рекомендую подключить свой JS-файл и уже в нем реализовать все необходимое.
Вставить его разумней всего, на мой взгляд, на OnLoad страницы.
1. Щелкаем на пустое пространство страницы.
2. В инспекторе выбираем OnPageLoad
3. Вешаем Case и в окне его редактирования выбираем Links/Open Link/Current Window
4. Создаем скрипт загрузки JS-файла в одну строчку:
javascript:var script = document.createElement('script'); script.src = "my_script.js"; document.body.appendChild(script);script.onload = function() {onStart();};void(0);
Для лучшего восприятия:
var script = document.createElement('script');
script.src = "my_script.js";
document.body.appendChild(script);
script.onload = function() {onStart();}
В onStart можно поместить все, что необходимо сделать после загрузки скрипта.
Вот собственно и все. Приятного вам прототипироваия :)
PS
На всех страницах созданных с помощью Axure среди подгружаемых скриптов можно обнаружить JQuery. Уточните версию и можете использовать всю его мощь в своих прототипах.