ダイアログボックスXを閉じた状態にして置き換える

Question

JavaScriptで非常に新しいです... JQueryを使用してカスタムダイアログボックスを作成しています。

質問（複数可）：

1. がどのようにどこにでも私が欲しい、特定の（X、Y）座標（またはいくつかの他のメカニズム）を使用して、画面上にダイアログボックスを配置するには？それが真ん中に現れないようにしてください。

2. Xを「閉じる」に置き換えるにはどうすればよいですか？

これを持っていますが、これは単にダイアログボックスのタイトルバーが消えます：

それはドラッグやエンドユーザーによって移動することができないように設定する方法

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

1. ？

任意の助けが最も高く評価されるだろうが...これを読むために時間を割いていただき、ありがとうございます。

Answer 1

1. positionオプション
2. draggableオプション

あなたはおそらくあなたが望む結果を得るために閉じるロジックで遊ぶために持っていますが、ここでの要点だよ...

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 
    }); 
} 

編集：申し訳ありませんがリンクは機能しませんが、これらのオプションはリンク先ページのオプションタブにあります。