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