JQuery Dialog position beside text box

Vote count:

0

I have an html textbox and I want a jquery dialog to show up next to it when I click on a textbox of type "time". For example:

What I have so far:

HTML:

Time <input id="theTime" class="time" name="inputTime" type="text">

JQuery:

$(".time").click(function(e) {      
    $( "#dialog-message" ).dialog({
    modal: false,
    buttons: {
        Ok: function() {
        $( this ).dialog( "close" );
        }
    },
    position: $(this).position()
    });

    $("#dialog-message").dialog("open");
});

The position is wrong with the above code. My dialog is not showing up in the correct position. How do I make it appear right of the textbox like in the picture?

asked 1 min ago

Liver

41

JQuery Dialog position beside text box