2013-03-04 5 views
0

Я использую следующий код для отображения html модального всплывающего окна. Он показывает абсолютно точно. Единственная проблема заключается в том, что одно из полей в моем div - дата с датой, и я использую модуль jquery datetimepicker. Но когда я нажимаю на изображение календаря, календарный выпадающий список отображается на главной странице HTML, а не на странице popup html. Может ли кто-нибудь взглянуть на мой код и дать мне предложение о том, что я делаю неправильно здесь.Html modal popup window

<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> 

и мой Аякса вызов

$('#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'; 
       } 
      } 

    }) 

ответ

0

Вы не можете сложить задания (=), как это в JavaScript:

modal.style.display=shade.style.display= 'block'; 

Вы уже используете JQuery, так что используйте:

$('#modal, #shade').show()