JavaScript

$(document).ready(function () {
       $("#result").on('keypress', function (e) {
           ...
        });
 });

I am no coding expert in any way, but I have coded a neat little thing to tell if a Node is up/down, I use some PHP script and chuck it into a table (It can be seen below, and yes , I know it is probably very messy, but I am new to this). I am now looking to add desktop notifications to tell the user when a Node pings back as down, and I understand that I will need to use JSON for this? But that is what I am stuck on. Do bear in mind that I already have a permissions code to ask for permissions to Enable Notifications :) www.samaustin.nn.pe/nitrostatus.php

<?php

$connection = @fsockopen("IPHere", "PortHere", $errno, $errstr, "2");

if(!$connection) {
echo '<tr class="danger">
        <td>1</td>
        <td><i class="icon-remove-circle"></i>  Node Down! We are working on this!</td>

      </tr>';
} else {
    echo '<tr class="success">
        <td>1</td>
        <td><i class="icon-ok-circle"></i>  Node Up!</td>

      </tr>';
}


?>

<h2>Files</h2>
   <table class="table">
   <tr>
     <th>Filename</th>
     <th>Description</th>
     <th>Download Link</th>
    </tr>
    <% <a href="/Members/files">@files</a>.each do |file| %>
    <% filename = file.split('/').last %>
   <% object = <a href="/Members/bucket">@bucket</a>.objects[file] %>

   <tr>
   <td><%= filename %></td>

   <td>

   <div class="file_description"><%= object.metadata['description']%>

   <button id ="button1" type="button"  class= "btn btn-default
     edit_description"   onclick="Window(this)">Edit</button>

   </div>
    <div id = 'hidden_form' class="file_description_update" >
     <%= form_tag({:action => 'update_file_info'}, multipart: true) do %>
       Update File Description: <%= text_area_tag :description %>
       <%= hidden_field_tag :s3_path, file %>
       <%= hidden_field_tag :prefix, <a href="/Members/prefix">@prefix</a> %>
      <%= text_field_tag 'user_input' %>
       <%= submit_tag 'Submit' %> </td> <br />
     <% end %>
   </div>

   </td>

//= require jquery
     //= require jquery_ujs
     //= require twitter/bootstrap
     //= require bootstrap
     //= require_tree .

     //= require jquery.ui.all
     //= require jquery.ui.datepicker



     $(document).ready(function(){ 
     $( "button.edit_description" ).on( "click", function( event ) { 
     $(this).closest('td').find("div.file_description_update" ).show();
     $(this).closest('td').find("div.file_description_update" 
     ).find('#user_input').datepicker(); 

      });
      });