Modal Dialog position using variable

Question

I have modal dialog. I want to position it according to variable that i get. I just concerned on Y-position and for X-position I just put 'middle' and it's worked.

Is it possible for me to put variable in my modal window position just like my last line?

My idea is where ever user click, the modal dialog will appear upper the clicked position

here is how i get the y-position (onclcick)

var curr = e.pageY - $(window).scrollTop();
$('#spnCursor').val(curr);

This code to get the variable value

$(function() {  
var cursor = $('#spnCursor').val();
var msgposition = cursor - 300;

$( "#dialog-form" ).dialog({
  position: ['middle','msgposition'],

Thanks.

Remove the quotes around msgposition – adeneo Oct 02 '13 at 08:23 — adeneo, Oct 02 '13 at 08:23
yes i did try before, but still no luck.. – user2699175 Oct 02 '13 at 16:31 — user2699175, Oct 02 '13 at 16:31

score 0 · Answer 1 · edited May 23 '17 at 10:32

0

You should remove the quotes around the msgposition variable like this:

$( "#dialog-form" ).dialog({
    position: ['middle', msgposition],
});

EDIT:

If above does not work then you should try,

$( "#dialog-form" ).dialog( 'option', 'position', [myDialogX, myDialogY] );

Also you can have a look at the documentation on Dialog Widget and jQuery UI dialog positioning might be helpful to you as well.

edited May 23 '17 at 10:32

Community

1
1

answered Oct 02 '13 at 08:25

Subedi Kishor

5,906
5
35
53

i did removed it, but the modal dialog display at the top of the window. really have no idea how to do it. – user2699175 Oct 02 '13 at 08:30

Modal Dialog position using variable

1 Answers1