Copy and paste the next code in your html inside the head section.
<script src="http://education.ti.com/html/nspireplayer/3.2.0/application/js/strings.js"></script> <script src="http://education.ti.com/html/nspireplayer/3.2.0/application/js/webnspireapi.js"></script> <script src="http://www.java.com/js/deployJava.js"></script>
Copy and paste the next code in your html to refer either tns or tnsp document.
SYNTAX
<a href="javascript:openDocument('YOUR_APPLET_ID', 'PLAYER_DOCUMENT_URL', 'CARD_ID')"> MY LINK </a> Where: - YOUR_APPLET_ID is required - PLAYER_DOCUMENT_URL is required - CARD_ID is optional
EXAMPLE
<a href="javascript:openDocument('player2', 'http://education.ti.com/xchange/US/Math/Geometry/13176/Secants_Tangents_and_Arcs.tns', '2')"> MY LINK </a>
Copy and paste the next code in your html to refer create the applet tag.
SYNTAX
<script type="text/javascript"> tiCreatePlayer( // attributes (REQUIRED) { id: 'YOUR_APPLET_ID', // REQUIRED codebase: 'URL_WHERE_THE_PLAYER_IS_HOSTED', //REQUIRED name: 'YOUR_APPLET_NAME', }, // parameters (OPTIONAL) { nspirefile : 'PLAYER_DOCUMENT_URL', // This will be opened in the beginning (Relative addressing supported) openDoc : 'yes/no', // Hide/show open document button cardId : '1-n', // This will open a document on the specified card, parameter must be numeric save_online : 'yes/no', // Hide/show save online button save_local : 'yes/no' // Hide/show save a local copy button lock_toolbar : 'yes/no' // Keep the toolbar as initialized toolbar : 'yes/no' // Set toolbar to be shown or not when Player is initialized locale: 'da/de/en/es/fi/fr/it/nl/nl_BE/no/pt/sv/zh_CN/zh_TW' // these are the supported languages } ); </script>
EXAMPLE
<script type="text/javascript"> tiCreatePlayer( // attributes (REQUIRED) { id: 'player2', // REQUIRED codebase: 'http://education.ti.com/html/nspireplayer/3.2.0/application/', //REQUIRED name: 'myplayer' }, // parameters (OPTIONAL) { nspirefile : 'documents/examples/02_Functions.tns', openDoc : 'yes', save_online : 'no', save_local : 'no', lock_toolbar : 'no', toolbar : 'yes', locale: 'fr' } ); </script>