SpiderSolitaire in JavaScript

A close approximation to the pre-Windows 8 version, written in JavaScript, HTML5 and CSS

This project is maintained by FixItDik

Demo

Further info

For a less cluttered demo

Click here

To include in your own web page

To include in a page of your own you need to download the files from GitHub and then copy the folders "sscss", "ssjs" and "ssimages" to the same directory where your HTML page is. Once this is done just make the following changes to your HTML:

To the <head> add


<!-- you can use any version of jQuery you want but remember to include the ui and ui-css -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">

<script type="text/javascript" src="ssjs/spider-solitaire.js"></script>
<link rel="stylesheet" href="sscss/spider-solitaire.css" type="text/css">

Then in your <body> add


<div id="spidersolitaire"></div>
<script type="text/javascript">
    jQuery(function ($) {
        (new SpiderSolitaire()).init();
    });
</script>