Extend Axure Prototypes with Javascript

By extending Axure prototypes with custom javascript very high-fidelity prototypes can be created. My normal workflow it to start simple and then gradually add more details to a prototype - I layout first and code later.

:!: This page describes methods to extend Axure prototypes with custom javascript. Please notice that a lot of the functionality described here use features that are not documented and not supported by the company making Axure. If you use the methods described on this page in your own Axure projects, they may stop working when a new version of Axure is released. Use the information provided here at your own risk.
:!: Extending Axure with Javascript require advanced Axure, Javascript, HTML and CSS skills. When you add your own javascript, HTML or CSS to an Axure prototype you face the cross-browser incompatibilities that Axure normally takes care of.
:!: Please do not contact the support team at Axure with problems regarding javascript, HTML or CSS. Javascript is not supported by Axure, but they have decided to make it available to expert users. If the Axure support team is flooded with javascript, HTML and CSS questions I fear that they will take away the javascript APIs.
:!: All information relates to Axure 8. I no longer use Axure 7.

Live demos of what can be done in Axure with javascript;

  • Javascript Transformations These examples show of advanced animations on widgets enabled by CSS transformations. This enable powerful animations.
  • Javascript Browser History These examples show of AxureEx javascript browser history features. Browser history manipulation seems to be a little know topic.
  • Javascript Repeater Functions These examples show of AxureEx javascript repeater features. Update repeaters with javascript. Transfer repeater data between different pages.
  • There is another example here and it can be downloaded here. This example shows zooming and panning a map, but it has not been updated for some time.



You can use the Axure Forum to send me feedback. My profile is https://forum.axure.com/t/improved-javascript-injection/34389.