Display dialog box when right-clicking

Question

I have a form with multiple fields and I want to put the option of the user to insert a comment in the field value.

Example:

<form>
  <input type='text' id='campo'>
  <input type='hidden' id='comentario'>
  <submit>
</form>

What I want to do is right-click the input[id=campo]it shows a balloon so I put a text and this text will stay on value of my field input[id=comentario].

Can someone give me an example of how to do this?

Answer 1

I made minor modifications to Jsfiddle of the commented response.

Test here

HTML:

<div class="content">    
    <input type="text" placeholder="Clique aqui com o botão direito para comentar" />   
    <div id="comentario" style="display:none">
        <form>
            <textarea></textarea>
            <button type="submit">Enviar</button>
        </form>
    </div>    
</div>

Javascript:

 $("div.content").oncontextmenu = function() {return false;};

  $('input[type=text]').mousedown(function(e){ 
    e.preventDefault();
    if( e.button == 2 ) { 
      $('#comentario').show();
    } 
    return false;
  });