Ich möchte das Popup-Fenster öffnen, indem ich auf iframe klicke. Bitte lassen Sie mich wissen wie es geht?Öffnen Sie das Popup, indem Sie auf iframe klicken.
Vielen Dank im Voraus.
Ich möchte das Popup-Fenster öffnen, indem ich auf iframe klicke. Bitte lassen Sie mich wissen wie es geht?Öffnen Sie das Popup, indem Sie auf iframe klicken.
Vielen Dank im Voraus.
Auch wenn ich Ihre Frage nicht beantworten sollte, weil es der eigenen Forschung fehlt und auch etwas, das in 1 Minute gegoogelt haben könnte, aber hier geht:
window.open(url, "name", "options");
Try Dieser ..
1) HTML Mark up
<a href="#popupVideo" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Launch video player</a>
<div data-role="popup" id="popupVideo" data-overlay-theme="b" data-theme="a" data-tolerance="15,15" class="ui-content">
<iframe src="http://player.vimeo.com/video/41135183?portrait=0" width="497" height="298" seamless=""></iframe>
</div>
2) JS
// popup examples
$(document).on("pagecreate", function() {
// The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account
function scale(width, height, padding, border) {
var scrWidth = $(window).width() - 30,
scrHeight = $(window).height() - 30,
ifrPadding = 2 * padding,
ifrBorder = 2 * border,
ifrWidth = width + ifrPadding + ifrBorder,
ifrHeight = height + ifrPadding + ifrBorder,
h, w;
if (ifrWidth < scrWidth && ifrHeight < scrHeight) {
w = ifrWidth;
h = ifrHeight;
} else if ((ifrWidth/scrWidth) > (ifrHeight/scrHeight)) {
w = scrWidth;
h = (scrWidth/ifrWidth) * ifrHeight;
} else {
h = scrHeight;
w = (scrHeight/ifrHeight) * ifrWidth;
}
return {
'width': w - (ifrPadding + ifrBorder),
'height': h - (ifrPadding + ifrBorder)
};
};
$(".ui-popup iframe")
.attr("width", 0)
.attr("height", "auto");
$("#popupVideo").on({
popupbeforeposition: function() {
// call our custom function scale() to get the width and height
var size = scale(497, 298, 15, 1),
w = size.width,
h = size.height;
$("#popupVideo iframe")
.attr("width", w)
.attr("height", h);
},
popupafterclose: function() {
$("#popupVideo iframe")
.attr("width", 0)
.attr("height", 0);
}
});
});
3. CSS
iframe {
border: none;
}
Weg zum Overkill für was das OP für lol verlangte. Geige wäre nett, vielleicht werde ich es verwenden tho: P –
Thanku raghav aber es ist nicht das, was ich will. Nach dem Klick auf Iframe (Youtube Video) öffnet sich Popup (Modal) – pradnya
ich habe gegoogelt aber havent keine Lösung gefunden, wenn Sie antworten müssen dann pls mir erklären. – pradnya
Hast du meine Antwort sogar versucht? Dies öffnet ein Popup des Browsers, ähnlich wie ein neues Fenster. Ich habe einen Link in meiner Antwort für weitere Informationen hinzugefügt. –