prova popup

2020/23/04 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
Sim
Objetos relacionados (0)
O item visualizado não utiliza nenhum outro objeto.
Objetos relacionados ao inverso (0)
O item visualizado não é utilizado por nenhum outro objeto.