Je veux ouvrir la fenêtre contextuelle en cliquant sur iframe. S'il vous plaît laissez-moi savoir comment le faire?Ouvrir une popup en cliquant sur iframe
Merci d'avance.
Je veux ouvrir la fenêtre contextuelle en cliquant sur iframe. S'il vous plaît laissez-moi savoir comment le faire?Ouvrir une popup en cliquant sur iframe
Merci d'avance.
Même si je ne devrais pas répondre à votre question, car il ne dispose pas de sa propre recherche et est aussi quelque chose qui aurait pu être googlé en 1 minute, mais ici vous allez:
window.open(url, "name", "options");
Essayez ce ..
1) HTML Balisez
<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;
}
Manière d'exagérer pour ce que l'OP a demandé lol. Fiddle serait sympa, peut-être que je l'utiliserai: P –
Thanku raghav mais ce n'est pas ce que je veux. Après avoir cliqué sur iframe (vidéo Youtube), il ouvre popup (Modal) – pradnya
Je googled mais havent trouvé aucune solution, si vous avez répondre alors merci de me le dire. – pradnya
Avez-vous déjà essayé ma réponse? Cela ouvre une fenêtre contextuelle du navigateur, un peu comme une nouvelle fenêtre. J'ai ajouté un lien dans ma réponse pour plus d'informations. –