sfentress/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JSON Schema validation + references</title>
    <!-- load Dojo -->
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/json/schema.js"></script>
    <script>
      window.onload=function() {
        var schema, doc, results, text, color;

        // ====== example 1 ======

        schema = {
          "properties": {
            "topPane": {
              "type": "object",
              "properties": {
                "height": "number"
              }
            },
            "bottomPane": {
              "$ref": "#/properties/topPane"
            }
          }
        }

        doc = {
          "topPane": {
            "height": 10
          },
          "bottomPane": {
            "height": "not-a-number"
          }
        }

        results = dojox.json.schema.validate(doc, schema);

        if (results.valid) {
          text = "Validator says json is valid, but it ought to be invalid";
          color = "red"
        } else {
          text = "Validator correctly says json is invalid";
          color = "green"
        }
        document.getElementById("result1").innerHTML = text;
        document.getElementById("result1").setAttribute("style", "border: "+color+" solid 1px")


        // ====== example 2 ======

        schema = {
          "properties": {
            "topPane": {
              "$ref": "#/paneSchema"
            },
            "bottomPane": {
              "$ref": "#/paneSchema"
            }
          },
          "paneSchema": {
            "type": "object",
            "properties": {
              "height": "number"
            }
          }
        }

        doc = {
          "topPane": {
            "height": 10
          },
          "bottomPane": {
            "height": "not-a-number"
          }
        }

        results = dojox.json.schema.validate(doc, schema);

        if (results.valid) {
          text = "Validator says json is valid, but it ought to be invalid";
          color = "red"
        } else {
          text = "Validator correctly says json is invalid";
          color = "green"
        }
        document.getElementById("result2").innerHTML = text;
        document.getElementById("result2").setAttribute("style", "border: "+color+" solid 1px")
      }
    </script>
</head>
<body>
    <h3>Result 1</h3>
    Later properties referring to the subschemas of earlier properties:
    <div id="result1"></div>
    <h3>Result 2</h3>
    Defining the subschemas of all three properties separately:
    <div id="result2"></div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JSON Schema validation + references</title>
	<!-- load Dojo -->
	<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojox/json/schema.js"></script>
	<script>
	window.onload=function() {
	var schema, doc, results, text, color;

	// ====== example 1 ======

	schema = {
	"properties": {
	"topPane": {
	"type": "object",
	"properties": {
	"height": "number"
	}
	},
	"bottomPane": {
	"$ref": "#/properties/topPane"
	}
	}
	}

	doc = {
	"topPane": {
	"height": 10
	},
	"bottomPane": {
	"height": "not-a-number"
	}
	}

	results = dojox.json.schema.validate(doc, schema);

	if (results.valid) {
	text = "Validator says json is valid, but it ought to be invalid";
	color = "red"
	} else {
	text = "Validator correctly says json is invalid";
	color = "green"
	}
	document.getElementById("result1").innerHTML = text;
	document.getElementById("result1").setAttribute("style", "border: "+color+" solid 1px")


	// ====== example 2 ======

	schema = {
	"properties": {
	"topPane": {
	"$ref": "#/paneSchema"
	},
	"bottomPane": {
	"$ref": "#/paneSchema"
	}
	},
	"paneSchema": {
	"type": "object",
	"properties": {
	"height": "number"
	}
	}
	}

	doc = {
	"topPane": {
	"height": 10
	},
	"bottomPane": {
	"height": "not-a-number"
	}
	}

	results = dojox.json.schema.validate(doc, schema);

	if (results.valid) {
	text = "Validator says json is valid, but it ought to be invalid";
	color = "red"
	} else {
	text = "Validator correctly says json is invalid";
	color = "green"
	}
	document.getElementById("result2").innerHTML = text;
	document.getElementById("result2").setAttribute("style", "border: "+color+" solid 1px")
	}
	</script>
	</head>
	<body>
	<h3>Result 1</h3>
	Later properties referring to the subschemas of earlier properties:
	<div id="result1"></div>
	<h3>Result 2</h3>
	Defining the subschemas of all three properties separately:
	<div id="result2"></div>
	</body>
	</html>