Hola , tendran alguna idea para cargar un codigo html de una web externa en un div
Por ejemplo obtener al html del login de facebook
<form id="login_form" action="https://www.facebook.com/login/device-based/regular/login/?login_attempt=1&lwv=110" method="post" novalidate="1" onsubmit=""></from> y me lo muestre en un div
Tengo es esto pero no me funciona
Código:
<html>
<head>
<title>jQuery Load</title>
<!-- Libreria jQuery -->
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- Acción sobre el botó con id=boton y actualizamos el div con id=capa -->
<script type="text/javascript">
$(document).ready(function() {
$("#boton").click(function(event) {
$("#capa").load('https://www.facebook.com/ #login_form');
});
});
</script>
</head>
<body>
<div id="capa">Pulsa 'Actualizar capa' y este texto se actualizará</div>
<br>
<input name="boton" id="boton" type="button" value="Actualizar capa" />
</body>
</html>
Quisiera usar un iframe pero me mostraria toda la web , lo que quiero es que me muestre solo una parte
Gracias