Copiar objetos/imagenes/texto de una web con javascript

rolomo · 12 Febrero 2012, 16:47 PM

No sé como se puede hacer lo de copiar algo de una pagina web. No me refiero a un url, sinó a copiar un simbolo que esta después de un texto o la primera palabra que sale en una pagina.
No sé si me estoy explicando bien...
¿Cómo lo hago?
Muchas gracias de nuevo.

EFEX · 13 Febrero 2012, 10:32 AM

Con la libreria Jquery... te doy algunos ejemplos...

Obtener el texto que se encuentra dentro de div.container:

Código (html4strict) [Seleccionar]


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Prueba</title>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<style type="text/css">

	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		var str = $(".containerNew").text();
		alert(str);
	});
	</script>
</head>
<body>
	<div class="container">
		<b>Hola</b>
	</div>
</body>
</html>

Obtener cada imagen del sitio...

Código (html4strict) [Seleccionar]


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Prueba</title>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<style type="text/css">

	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		$("img").each(function(){
			var a = $(this).attr("src");
			alert(a);
		});
	});
	</script>
</head>
<body>
	<div class="container">
		<img src="https://upload.wikimedia.org/wikipedia/commons/f/f0/Cuadro_al_%C3%B3leo.jpg">
		<img src="http://wordpress.marcosargentinos.com/wp-content/uploads/2009/04/cuadro-21.jpg">
	</div>
	<img src="http://www.photoshop-designs.com/galeria_fotografica/data/media/9/CUADRO.jpg">
</body>
</html>

Encuentra cada div donde esté la palabra John y la resalta...

Código (html4strict) [Seleccionar]


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Prueba</title>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<style type="text/css">

	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		$("div:contains('John')").css("text-decoration", "underline");
	});
	</script>
</head>
<body>
	<div>John Resig</div>
	<div>George Martin</div>
	<div>Malcom John Sinclair</div>
	<div>J. Ohn</div>
</body>
</html>

Eso es algo para empezar

Test Foro de elhacker.net SMF 2.1

Copiar objetos/imagenes/texto de una web con javascript

rolomo

EFEX