       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)

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


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

          for _conn in msg.conn
              jQuery('<li/>').appendTo('#connections>ul')
              jQuery('<a/>', {href: "#", text: _conn}).appendTo('#connections>ul>:last-child')
          $('#connections>ul').find('>li').on 'click', () ->
                  choice_conn($(this).text())

      else if jQuery('#stop').text() == 'Stop '
          for ii in msg
              jQuery('<li/>', {
                  class: "btn-success",
                  text: ii}).prependTo('#packet_log')


  connect = () ->
