ウィンドウコンテンツ内から剣道ウィンドウを閉じるには？

Question

私はアプリケーションを持っています。クリックされたボタンで、私は剣道のモーダルウィンドウを開こうとしました。それは開いている。私のアプリケーションは1つのドメインにあり、剣道ウィンドウのコンテンツは別のドメインのものです。今度は、剣道のウィンドウ内にあるボタンでモーダルウィンドウを閉じたいと思っています。ここで問題が始まります。私はモーダルウィンドウを閉じることができません。 Googleを使って検索しましたが、解決策が見つかりませんでした。あなたはそれを知っていますか？

Answer 1

私の前の回答にコメントを読んだ後、私はあなたが誤解を招く質問だと思います。あなたはmodal、別のドメインとclosebuttonについて話していますが、実際に関連するものは何もないと思われます。あなたのコメントから、剣道のwindowにbutton（実際はclosebuttonだが他かもしれない）を置きたいと思っているだけでなく、別のドメインにあるページを表示したいと思う。これが実際に欲しいもので、クロスドメインやセキュリティに関連する問題がある場合は、実際にcontent.templateを使用し、を参照してbuttonとiframeを含むテンプレートを定義することをおすすめします。このような

何か...

var myWindow2 = $("#id2").kendoWindow({ 
    modal : true, 
    draggable: false, 
    content : { 
     template: '<a href="javascript:void(0);" id="close2" class="k-button">Close</a>' + 
       '<iframe src="http://www.xyz.com" frameborder="0" class="k-content-frame"></iframe>' 
    }, 
    visible : false, 
    width : 400, 
    height : 200, 
    resizable: false, 
    iframe : true 
}).data("kendoWindow"); 

$("#open2").on("click", function() { 
    myWindow2.center(); 
    myWindow2.open(); 
}); 

$("#close2").on("click", function() { 
    myWindow2.close(); 
}); 

あなたもclosebuttonのための次のスタイルを定義することにより、ページの残りの部分の上部にあるボタンfloatを作るかもしれません。

#close2 { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    z-index: 10000; 
} 

Answer 2

以下のJavaScriptコードは、modalkendoWindowを開くためのbuttonを定義しています。クリックした後、windowの本文の中にあるbuttonを押して、望むように閉じることができます。

JavaScriptコード：

var myWindow = $("#id1").kendoWindow({ 
    title : "hi", 
    visible: false, 
    modal : true 
}).data("kendoWindow"); 

$("#open").on("click", function() { 
    console.log("opening"); 
    myWindow.center(); 
    myWindow.open(); 
}); 
$("#close").on("click", function() { 
    console.log("closing"); 
    myWindow.close(); 
}) 

とHTMLは：

<a href="#" id="open" class="k-button">Open</a> 

<div id="id1"> 
    <p>this is the content of my window</p> 
    <a href="#" id="close" class="k-button">Close</a> 
</div>