Witam.
Chciałbym uzyskać taki efekt, że po kliknięciu w odnośnik na stronie pojawi się dynamicznie ramka która otworzy zawartość zewnętrznej strony. Próbowałem użyć iframe lecz nie mogę zrobić tak, aby strona ładowała się po kliknięciu w ramce.
Jakieś sugestie ?
<a href="#" id="twoje_a">Link</a>
<iframe id="twoj_iframe" src="" style="display: none"></iframe>
$("#twoje_a").on("click", function(e) {
$("#twoj_iframe").attr("src", "http://google.pl").show();
e.preventDefault();
});
Coś takiego :)
Albo w javascript zrobisz bez problemu
Zrobiłem w ten sposób i nie działa :(
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Managament print device</title>
<style>
div#acces {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
</style>
<script>
$("#twoje_a").on("click", function(e) {
$("#twoj_iframe").attr("src", "http://google.pl").show();
e.preventDefault();
});
</script>
</head>
<body>
<a href="http://google.pl" id="div#acces">Link</a>
<iframe id="twoj_iframe" src="http://google.pl" style="display: none"></iframe>
</body>
</html>