Déménagement jquery datePicker en dehors de iframe

Question

J'ai un iframe à l'intérieur de ma page ... Et ce iframe est fondamentalement une forme simple avec le champ de saisie de date auquel j'ai lié jquery datePicker.

Mon problème est que iframe est assez petit dans les dimensions, quand je donne mon champ d'entrée mise au point et datepicker rouleaux sur, il est seulement partiellement représenté et le reste est caché à l'intérieur de iframe.

Mon idée est de déplacer datepicker en dehors de cette fenêtre iframe vers la fenêtre parente (que j'ai récupérée), puis de la déplacer vers mon emplacement de saisie. Par conséquent, je vais avoir datepicker devant iframe.

je me suis déplacé le datepicker avec ceci: (ce code est à l'intérieur du iframe)

$("#txtDate").datepicker({ 
    beforeShow: function(input, inst) 
    { 
     inst.dpDiv[0].style.zIndex = '9999'; 
     window.parent.$('body').append(inst.dpDiv); 
    } 
}); 

Et c'est tout beau, mais le datepicker est maintenant totalement insensible. Il ne répond pas à mes clics. Avez-vous une idée sur comment puis-je surmonter cela? J'ai essayé tout ce qui me venait à l'esprit, mais je n'ai toujours pas compris.

Answer 1

Accédez à l'élément de corps parent par ci-dessous, permet de résoudre le issue.It fonctionne dans IE et ne fonctionne pas dans Firefox

$('body', parent.document).append(inst.dpDiv);