Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: rolomo en 12 Febrero 2012, 16:47 pm



Título: Copiar objetos/imagenes/texto de una web con javascript
Publicado por: rolomo en 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.


Título: Re: Copiar objetos/imagenes/texto de una web con javascript
Publicado por: EFEX en 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
  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  2. <title>Prueba</title>
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <style type="text/css">
  5.  
  6. </style>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9. var str = $(".containerNew").text();
  10. alert(str);
  11. });
  12. </script>
  13. </head>
  14. <div class="container">
  15. <b>Hola</b>
  16. </div>
  17. </body>
  18. </html>
  19.  

Obtener cada imagen del sitio...
Código
  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  2. <title>Prueba</title>
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <style type="text/css">
  5.  
  6. </style>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9. $("img").each(function(){
  10. var a = $(this).attr("src");
  11. alert(a);
  12. });
  13. });
  14. </script>
  15. </head>
  16. <div class="container">
  17. <img src="https://upload.wikimedia.org/wikipedia/commons/f/f0/Cuadro_al_%C3%B3leo.jpg">
  18. <img src="http://wordpress.marcosargentinos.com/wp-content/uploads/2009/04/cuadro-21.jpg">
  19. </div>
  20. <img src="http://www.photoshop-designs.com/galeria_fotografica/data/media/9/CUADRO.jpg">
  21. </body>
  22. </html>
  23.  

Encuentra cada div donde esté la palabra John y la resalta...
Código
  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  2. <title>Prueba</title>
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <style type="text/css">
  5.  
  6. </style>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9. $("div:contains('John')").css("text-decoration", "underline");
  10. });
  11. </script>
  12. </head>
  13. <div>John Resig</div>
  14. <div>George Martin</div>
  15. <div>Malcom John Sinclair</div>
  16. <div>J. Ohn</div>
  17. </body>
  18. </html>
  19.  

Eso es algo para empezar  :D