Tutorials - Getting Started

   
1.

First download the Spiderscript library and extract the contents into a directory accessible by your web site or web application. Click here to go to the download section. There are two files needed for the complete library. The first is the JavaScript library file and the second is the style sheet. Both of these are vital for Spiderscript to work.

e.g.
spiderscript_complete_vx.x.x.yyyymmdd.css
spiderscript_complete_vx.x.x.yyyymmdd.js

(It is recommended to use the smaller spiderscript_complete files rather than the source in your web site)

This example assumes that the files are installed into the web root folder
e.g.

2.

You need to reference the Spiderscript library files inside your HTML document. Firstly add a link to the style sheet inside the head tags.

<link rel="stylesheet" type="text/css" href="/includes/spiderscript_complete_vx.x.x.yyyymmdd.css" />

After this, link in the the javascript file.

<script language="JavaScript" src="/includes/spiderscript_complete_vx.x.x.yyyymmdd.js"></script>

See the example code below.

For best results, include these two files last inside the head section although usually this does not matter.

<html>
 <head>
  <title>Spiderscript - Documentation - Getting Started</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link rel="stylesheet" type="text/css" href="/includes/spiderscript_complete_vx.x.x.yyyymmdd.css" /> 
  <script language="JavaScript" src="/includes/spiderscript_complete_vx.x.x.yyyymmdd.js"></script>
 </head>
 
 <body>
  Your web site here
 </body>
</html>

3.

To test if Spiderscript is correctly set up in your web page, copy the example below into the body of the HTML document.

<div ext="logo" src="http://www.spiderscript.net/images/spiderscript/sslogo.png"> </div>

If Spiderscript is correctly installed you should see this:-

<html>
    <head>
        <title>Spiderscript - Documentation - Getting Started</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link rel="stylesheet" type="text/css" href="/includes/spiderscript_complete_vx.x.x.yyyymmdd.css" />
    <script language="JavaScript" src="/includes/spiderscript_complete_vx.x.x.yyyymmdd.js"></script>
    </head>

    <body>
        <div ext="logo" src="http://www.spiderscript.net/images/spiderscript/sslogo.png"></div>
    </body>
</html>