index.js

The complete code for index.js used in Creating the Index.html page is:

  function log(msg) {

      var logPane = document.getElementById('log');

       logPane.innerHTML += msg + "<br/>";

       logPane.scrollTop = logPane.scrollHeight;

   }

  function clearlog() {

       document.getElementById('log').innerHTML = '';

   }

  var hs = new zScope.HostSurfer({

       term: {

           url: "http://zanywhere.cybelesoft.com/hsdemo/",

           float: { top: 5, right: 5, width: 600, height: 400 }

       },

       view: {

           id: "hs-view"

       }

   });

   hs.on('ready', function () { log('Ready!'); });

   hs.on('pageLocked', function () { log('Page locked.'); });

   hs.on('pageUnlocked', function () { log('Page unlocked.'); });

   hs.on('ruleSelected', function (value) {

      if (document.getElementById("showFields").checked) {

          for (field in hs.data) {

              if (hs.data[field] != "") {

                  if (typeof hs.data[field] == "object") {

                       log(field + ": " + JSON.stringify(hs.data[field]));

                   } else {

                       log(field + ": '" + hs.data[field] + "'");

                   }

               }

           }

       }

      if (value) {

           log('Rule selected: ' + value.id);

       } else {

           log('No matching rule');

       }

   });