dialog 側で呼び元の値取得

Question

今jQueryのdialogにて、モーダルウィンドウを作成しています。
そこでモーダルが開いた時に、呼び元のhiddenで持っている値を
取得して表示したいと考えております。
モーダル側はPHPを呼んでおります。
呼び元の値を取得する方法を教えて頂けないでしょうか？

var dlg = $('#edit').dialog({
    title     : "hoge",
    resizable : true,
    autoOpen  : false,
    modal     : true,
    hide      : 'fade',
    width     : 300,
    height    : 500
});

$('.touch').on({
    'touchstart': function() {
        this.isTouch = true;
    },
    'touchmove': function() {
        this.isTouch = false;
    },
    'touchend': function() {
        if ( this.isTouch == true ) {
            dlg.load('hoge.php', function() {
                dlg.dialog('open');
            });
        }
    }
});

Comments

[yambejp]

せめて最低限動くだけのソースは提示ください

[NEO_PLANETT-777]

全体が必要でしょうか？

Answer 1

• modal.html

<div id="modal">modal</div>

• mypage.html

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function(){
  var dlg=$('#dialog');
  dlg.load('modal.html', function() {
    dlg.dialog({
      "modal":true,
      "title":"テストダイアログ", 
      "buttons": {
        "確認": function() {
          $(this).dialog("close");
        },
      }
    });
    $('#modal').text($('#hide').val());
  });
});
</script>
<div id="dialog">
</div>
<input type="hidden" id="hide" value="hogehoge">

Comments

[NEO_PLANETT-777]

ありがとうございます
色々参考にさせて頂きます。

Answer 2

指定したアドレスに?で付けて、モーダル側のPHPで$_GETで取れました。
お騒がせしてすみませんでした。

Comments

[yambejp]

modalの書き換えについて一応回答入れときました