Howto include JSXGraph into web pages: Difference between revisions

From JSXGraph Wiki
Line 9: Line 9:


=== Usage of a local copy ===
=== Usage of a local copy ===
If you want to include a local copy of JSXGraph in your HTML file then you have to write the following lines into the document head
If you want to include a local copy of JSXGraph in your HTML file then you have to write the following lines into the document head:
<source lang="xml">
<source lang="xml">
<head>
<head>
Line 15: Line 15:
  <script type="text/javascript" src="prototype.js"></script>
  <script type="text/javascript" src="prototype.js"></script>
  <script type="text/javascript" src="jsxgraphcore.js"></script>
  <script type="text/javascript" src="jsxgraphcore.js"></script>
</head>
</source>
=== Usage of the online copy ===
If you want to include the online of JSXGraph in your HTML file then you have to write the following lines into the document head:
<source lang="xml">
<head>
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
</head>
</head>
</source>
</source>

Revision as of 14:28, 15 September 2008

Including JSXGraph into HTML

For including JSXGraph into HTML, three files are necessary:

You can either download these three files and use the local copy or you can use the online version.

Usage of a local copy

If you want to include a local copy of JSXGraph in your HTML file then you have to write the following lines into the document head:

<head>
 <link rel="stylesheet" type="text/css" href="jsxgraph.css" />
 <script type="text/javascript" src="prototype.js"></script>
 <script type="text/javascript" src="jsxgraphcore.js"></script>
</head>

Usage of the online copy

If you want to include the online of JSXGraph in your HTML file then you have to write the following lines into the document head:

<head>
 <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
 <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
</head>