मेरे पास एक पृष्ठ है जहाँ मैं गतिशील रूप से एक iframe बनाऊँगा और उस div को जोड़ दूँगा। वह div एक jquery डायलॉग से जुड़ी होगी।
<div id="diviframe"></div>
<script>
var iFrame = $("<iframe id="thepage" width="450" height="400"></iframe>").appendTo("#diviframe");
var iFrameDoc = iFrame[0].contentDocument || iFrame[0].contentWindow.document;
iFrameDoc.write("<p>Some useful html</p>");
iFrameDoc.write("<p>Some useful stuff</p>");
iFrameDoc.close();
$("#diviframe").dialog({
autoOpen: false,
modal: true,
height: 500,
width:500,
open: function(ev, ui) {
}
});
$("#diviframe").dialog("open");
Jquery डायलॉग में खोले जाने पर iframe की सामग्री नहीं लिखी गई है। किसी को भी इस के लिए एक समाधान सुझा सकते हैं?
अद्यतन करें:</ Strong>
function test() {
var iFrame = $("<iframe id="thepage" width="500" height="500" src="http://stackoverflow.com"></iframe>").appendTo("#diviframe");
var parent = "divparent";
var iFrameDoc = iFrame[0].contentDocument || iFrame[0].contentWindow.document;
iFrameDoc.write("<p>Some useful html</p>");
iFrameDoc.write("<p>Some useful stuff</p>");
iFrameDoc.close();
return iFrame;
}
var $dialog; //Must be at the global scope
function dialog() {
alert(1);
$.get(test, {}, function(html) {
$dialog.html(html);
$dialog.dialog("open");
});
}
$(function() {
//Initialize (without showing it)
var $dialog = $("<div id="dialog" title=""></div>").dialog({
autoOpen: false,
modal: true
});
});
dialog();
मैंने jquery संवाद लोड होने के बाद गतिशील रूप से एक फ़ंक्शन को कॉल करने की कोशिश की, लेकिन इसकी कुछ त्रुटियां दिखाई दे रही हैं। Jquery डायलॉग से किसी फंक्शन को कैसे लोड करें?
उत्तर:
जवाब के लिए 0 № 1मुझे नहीं लगता कि आपको क्या करना है के लिए एक iframe का उपयोग करने की आवश्यकता है, जब तक कि आप अपने प्रश्न को पोस्ट करने से पहले कुछ महत्वपूर्ण विवरण नहीं निकालते।
आप अपनी सामग्री को सीधे #diviframe में जोड़ सकते हैं, और यह "ठीक" प्रदर्शित करेगा।
$("#diviframe").append("<p>Some useful html</p>");
$("#diviframe").append("<p>Some useful stuff</p>");
मुझे आश्चर्य है - क्या आप संवाद के अंदर एक स्क्रॉल करने योग्य पैनल बनाने की कोशिश कर रहे हैं? यदि ऐसा है, तो आप जो चाहते हैं उसे प्राप्त करने के लिए एक div का CSS सेट कर सकते हैं:
.myScrollableBox {
width: 450px;
height: 400px;
overflow: auto;
border: 1px solid #000;
}
आप उस पर कुछ पैडिंग जोड़ना भी चाह सकते हैं, ताकि पाठ को सीमाओं के विरुद्ध कठोर न बनाया जा सके।