Defiant Example

by Hakan Bilgin

HTML

<script src="https://defiantjs.com/res/js/modules/defiant.js"></script>
<pre id="output"></pre>

JavaScript

var data = {
         "widget": {
            "debug": "on",
            "window": {
               "title": "Sample Konfabulator Widget",
               "name": "main_window",
               "width": 500,
               "height": 500
            },
            "image": {
               "src": "Images/Sun.png",
               "name": "sun1",
               "hOffset": 250,
               "vOffset": 250,
               "alignment": "center"
            },
            "text": {
               "data": "Click Here",
               "size": 36,
               "style": "bold",
               "name": "text1",
               "hOffset": 250,
               "vOffset": 100,
               "alignment": "center",
               "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
            }
         }
      },
    res = JSON.search( data, '//image[name]' );

    console.log( res[0].name );

    document.getElementById('output').innerHTML = JSON.stringify( res[0], null, '   ' );