0

次のコードを使用して、html モーダル ポップアップ ウィンドウを表示しています。まったく問題なく表示されています。唯一の問題は、div のフィールドの 1 つが日時ファイルであり、jquery datetimepicker モジュールを使用していることです。しかし、カレンダーの画像をクリックすると、カレンダーのドロップダウンがポップアップHTMLページではなくメインHTMLページに表示されます。誰でも私のコードを調べて、ここで間違っていることについて提案してもらえますか。

  <div id="shade" ></div>
  <div id="modal">
      <label> Summary:   </label>
      <input type="text" name="summary" id="summary" style="width: 500px;"/>  <br>
      </select><br>
      <label> priority:  </label>
      <select id="change_type" name="change_type" style="width: 150px;">
          <option value ="Minor"> Minor</option>
          <option value ="Medium"> Medium</option>
          <option value ="Major"> Major</option>
      </select> <br>
      <label> Due Date:   </label>
      <input type="text" name="duedate" id="duedate" value="{{ request.args['duedate'] }}" align ="center" ondblclick="value=''"/>
      <img src="{{ url_for('static', filename='cal.gif')}}" style="cursor: pointer; display: inline-block;" onclick="javascript:NewCssCal('duedate','yyyymmdd','dropdown',true,'24')"/><br>

      <button id="id" style="position: absolute;left:600px;">Please verify</button>
      <button id="Cancel" onclick="" style="position: absolute;left:700px;">Cancel</button>
  </div>

そして私のajax呼び出しは

  $('#cm').blur(function(){
    var cmnumber = document.forms['myform']['cm'].value;
    var modal = document.getElementById('modal');
    var shade = document.getElementById('shade');

    $.ajax({
    type:'get',
    url: "/validatecm/"+cmnumber,
    cache:false,
    async:false,
    data:cmnumber,
    success: function(data) {

            if ( data == cmnumber)
            {  alert ("Its a valid CM")}
            else
            { var answer = confirm("This is Not a Valid CM. Do you want to File a new one?")
                if(answer)
                {
                    modal.style.display=shade.style.display= 'block';
                }
            }

  })
4

1 に答える 1