ログインボタン付きのホーム画面があります。ユーザーが[ログイン]ボタンをクリックするたびに、ログインビューがダイアログ(ポップアップウィンドウ)で開く必要があります。ここでひねりはホーム画面とログイン画面は2つのサブドメインの2つの異なるアプリです。そのため、my.sample.comアプリのダイアログ(ポップアップウィンドウ)でauth.sample.comのログインビューを開く必要があります。悪い英語でごめんなさい。以下のコードを参照してください。
<p>
<button type="submit" name="PopupLoginbutton" id = "PopupLoginbutton" value="Popbutton">Login</button>
</p>
<div id="dialog" title="Login" style="overflow: hidden;">
<script type="text/javascript">
$(function () {
$('#dialog').dialog({
autoOpen: false,
width: 400,
resizable: false,
title: 'hi there',
modal: true,
open: function (event, ui) {
$(this).load("http://auth.sample.com/");
},
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});
$('#PopupLoginbutton').click(function () {
$('#dialog').dialog('open');
});
});
</script>