Диалоговое окно Позиционирование и замена X с помощью Close

Question

Очень новичок в JavaScript ... Я использую JQuery для создания настраиваемого диалогового окна.

Вопрос (ы):

1. Как позиционировать окно в любом месте я хочу на экране, используя специфический (X, Y) координаты (или какой-либо другой механизм)? Не хотите, чтобы он появился посередине.

2. Как заменить X на «Закрыть»?

Имейте это, но это только делает Titlebar диалогового окна исчезает:

function showBox() { 
    $("#showBox").dialog( 
     { 
      closeOnEscape: false,  
      open: function(event, ui) { 
       $(".ui-dialog-titlebar-close").hide(); 
     } 
); 
} 

1. Как установить его, чтобы он не может быть втянут или перемещен конечным пользователем?

Любая помощь была бы оценена ...

Спасибо, что нашли время, чтобы прочитать это.

Answer 1

1. position вариант
2. draggable вариант

Вы, вероятно, придется играть с логикой Close, чтобы получить то, что вы хотите, но вот суть этого ...

function showBox() { 
    $("#showBox").dialog({ 
     open: function(event, ui) { 
      jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span>Close</span>'); 
     }, 
     draggable: false, 
     position: [350,200], 
     closeOnEscape: false 
    }); 
} 

Редактировать: извините, ссылки не работают, но эти параметры находятся на вкладке параметров на связанной странице.