prova popup

23/04/2020 Roberta Bertoldi
Name
prova popup
HTML code
<script>
$(document).ready(function () {
$(".popup").hide();
$(".openpop").click(function (e) {
e.preventDefault();
$("iframe").attr("src", $(this).attr('href'));
$("iframe").attr("width", '1500');
$("iframe").attr("height", '3000');
$("iframe").attr("frameborder", '0');
$(".links").fadeOut('slow');
$(".popup").fadeIn('slow');
});

$(".close").click(function () {
$(this).parent().fadeOut("slow");
$(".links").fadeIn("slow");
});
});
</script>
<div class="links">
<a class="openpop" href="http://getbootstrap.com/">Link 1</a>
<a class="openpop" href="http://www.jsfiddle.net">Link 2</a>
<a class="openpop" href="http://www.w3schools.com">Link 3</a>
</div>
<div class="wrapper" style="width:100%">
<div class="popup">
<iframe src="https://datavis.europeandatajournalism.eu/obct/european_mobility.html">
<p>Your browser does not support iframes.</p>
</iframe>
<a href="#" class="close">X</a>

</div>
</div>
Embed button
Objetos relacionados (0)
El elemento que estás viendo no usa ningún otro objeto.
Objetos que lo relacionan (0)
El elemento que estás viendo no está siendo usado por otros objetos.