           for _conn in msg.conn
               jQuery('<li/>').appendTo('#connections>ul')
               jQuery('<a/>', {href: "#", text: _conn}).appendTo('#connections>ul>:last-child')
-          $('#connections>ul').find('li')
           $('#connections>ul').find('>li').on 'click', () ->
                   choice_conn($(this).text())
-          #$('#connections>ul').css({'display': 'none'})
 
-      for ii in msg
-          jQuery('<li/>', {
-              class: "btn-success",
-              text: ii}).prependTo('#packet_log')
+      else if jQuery('#stop').text() == 'Stop '
+          for ii in msg
+              jQuery('<li/>', {
+                  class: "btn-success",
+                  text: ii}).prependTo('#packet_log')
 
 
   connect = () ->

        $('#status').text('connected (' + conn.protocol + ')')
        $('#connect').html('Disconnect')


  $('#connect').on 'click', () ->
      console.log('button connect')

      jQuery('<a/>', {href: "#", text: "None"}).appendTo('#connections>ul>:last-child')
      jQuery('<li/>').appendTo('#connections>ul')
      jQuery('<a/>', {href: "#", text: "Waiting"}).appendTo('#connections>ul>:last-child')
      $('#connections>ul').find('>li').on 'click', () ->
              choice_conn($(this).text())
      $('#connections').on 'mouseenter', () ->
          $('#connections>ul').css({'display': 'block'})
      $('#connections').on 'mouseleave', () ->
          $('#connections>ul').css({'display': 'none'})

  log = (json_msg) ->
      msg = JSON.parse(json_msg)
