Test Foro de elhacker.net SMF 2.1

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 (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  :D