anun1

sábado, 27 de noviembre de 2021

Descargar Todas las Imágenes De Una Pagina Web Con JavaScript

 Hace ya casi 2 años escribí como extraer los link de una pagina web basándome de un código que encontré en internet y yo acabe escribiendo 2 códigos en vbscript para extraer los links y las imágenes.

https://elblogdeflamer.blogspot.com/2019/04/codigo-para-extraer-todos-los-links-de.html


Bueno pues ahora les traigo 3 código en JavaScript el primero es el original el de extraer solo los link o URL que usa la pagina, el segundo ya hecho por mi extrae las URL de las imágenes y el ultimo descarga todas las imágenes de la pagina que queremos probar.

Para probar estos códigos será en la pagina principal de Ricardo Narvaja solo los copearemos los script y los pegaremos en la barra de direcciones del navegador, así que probaremos el primero

http://ricardonarvaja.info/


VER TODOS LOS LINK (REMPLAZAR _ POR :)

=======================================================================================================================

javascript_var nodos = document.getElementsByTagName("a");var links = "";for(i=0;i<nodos.length;i++){links += nodos[i].href + "<br><br>";}document.getElementsByTagName("body")[0].innerHTML = links;


lo copeamos y lo pegamos así




el resultado es el siguiente




ahora refrescamos la pagina de Ricardo y probaremos el siguiente código, creo que no tiene caso poner 2 imágenes una cuando lo pongo en la barra de direcciones y otra con el resultado, así que mostrare esta ultima


VER LINK DE TODAS LA IMAGENES(REMPLAZAR _ POR :)

=========================================================================

javascript_var nodos = document.getElementsByTagName("img");var links = "";for(i=0;i<nodos.length;i++){links += nodos[i].src + "<br><br>";}document.getElementsByTagName("body")[0].innerHTML = links;


y el resultado es el siguiente



Y ahora probaremos el tercer código el cual me gusta mas y creo que a ustedes también


DESCARGAR TODAS LAS IMAGENES(REMPLAZAR _ POR :)  

=========================================================================

javascript_var nodo_link = document.getElementsByTagName("a");var nodo_img  = document.getElementsByTagName("img");var url = "";var largo=0;for(i=0;i<nodo_img.length;i++){url = nodo_img[i].src;nodo_link[0].href = url;largo = url.lastIndexOf("/");nodo_link[0].download=url.substr(largo-1);nodo_link[0].click();}


al ejecutarlo aparecerá la siguiente imagen 




así que damos clic en permitir ya que nos pide permiso de descargar varios archivos de la misma pagina, las cuales son las imágenes no se asusten y el resultado será el siguiente




por ultimo les dejo los 3 códigos ya entendibles


CODIGO 1


var nodos = document.getElementsByTagName("a");

var links = "";

for(i=0;i<nodos.length;i++)

{

links += nodos[i].href + "<br><br>";

}

document.getElementsByTagName("body")[0].innerHTML = links;


CODIGO 2


var nodos = document.getElementsByTagName("img");

var links = "";

for(i=0;i<nodos.length;i++)

{

links += nodos[i].src + "<br><br>";

}

document.getElementsByTagName("body")[0].innerHTML = links;


CODIGO 3


var nodo_link = document.getElementsByTagName("a");

var nodo_img  = document.getElementsByTagName("img");

var url = "";

var largo=0;

for(i=0;i<nodo_img.length;i++)

{

url = nodo_img[i].src;

nodo_link[0].href = url;

largo = url.lastIndexOf("/");

nodo_link[0].download=url.substr(largo-1);

nodo_link[0].click();

}



Bueno creo que eso es todo espero se diviertan con estos códigos simples ya que esto lo hago por diversión jajajaja  saludos Flamer


viernes, 19 de noviembre de 2021

Convertir a base64 en javascript

 Hoy veremos como convertir texto a base64 pero diran que es la base64, pues la base64 es un sistema de numeracion posicional que usa 64 digitos como base, la codificacion es muy simple no es como un hash y no se recomienda para codificar cosas de alto valor, esta usa 64 caracteres ascii y son los siguientes:


ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/


El símbolo '=' se usa como un sufijo especial

bueno como dije usaremos javascript ya que nos proporciona 2 comandos para realizar esta accion que son los comandos  btoa y atob  

btoa este comando convierte una cadena de texto a base64, asi que no iremos a la consola de google chrome y tecleamos lo siguiente

t="flamer es un crack"
c=btoa(t)
alert(c)

el resultado sera un mensaje de texto con el siguiente codigo: 




ahora para revertirlo usaremos el comando atob tecleamos lo siguiente en nuestra consola

c="ZmxhbWVyIGVzIHVuIGNyYWNr"
t=atob(c)
alert(t)

y obtenemos el siguiente resultado

como ven es muy sensillo, esta codificacion se puede usar para codificar archivos e imagenes o url por si lo deseas pero como vieron es muy facil de revertir no es como un hash de seguro.

bueno saludos Flamer




sábado, 13 de noviembre de 2021

Codigo Metodo de la burbuja en javascript y html

 Hoy veremos el metodo de la burbuja escrito en html y javascript lo esplicare lo mas sensillo posible, el metodo de la burbuja consiste en intercambiar los valores de 2 variables, asi que primero creamos el siguiente formulario en html



el codigo para crear el formulario es el siguiente

<html>
<head><title>Metodo de la Burbuja</title>
</head>
<body>
<center>
<br><br><br><br>
Numero 1:<input type="text" id="num1" value="5"><br><br>
Numero 1:<input type="text" id="num2" value="4"><br><br>
<input type="button" value="Cambiar 1" onclick="burbuja1()"><input type="button" value="Cambiar 2" onclick="burbuja2()">
<br>
</center>
</body>
</html>

 
yo para el ejemplo al cuadro de texto1 y texto2 les asigne valores el 5 y 4, asi que la mision aqui es hacer que el cuadro de texto1 sea igual al cuadro de texto 2 y el 2 al cuadro de texto 1, hay 2 formas de hacerlo la mas facil es usando una variable axiliar y la otra la mas dificil es sin usar la variable, asi que para cada diferente metodo usaremos una funcion para eso agregamos la etiqueta <script> y agregamos la primera funcion

function burbuja1()//metodo con variable
{
   var nv;
   var n1 = document.getElementById("num1").value;
   var n2 = document.getElementById("num2").value;
   
   nv=n1;
   n1=n2;
   n2=nv;
   
   document.getElementById("num1").value=n1;
   document.getElementById("num2").value=n2;
   
}

si se fijan uso una variable nv para intercambiar los valores, a nv le paso el valor de n1 y linea siguiente digo que n1 sea igual a n2 despues de esto n2 sera igual a nv que es la variable auxiliar.

ahora veremos la funcion sin variable axiliar

function burbuja2()//metodo sin variable
{
   var n1 = parseInt(document.getElementById("num1").value);
   var n2 = parseInt(document.getElementById("num2").value);
   
   n1=n1-n2
   n2=n1+n2
   n1=n2-n1
   
   document.getElementById("num1").value=n1;
   document.getElementById("num2").value=n2;
}


como ven tomo los valores de n1 y n2 y realiso las siguientes operaciones aritmeticas de suma y resta y obtenemos el mismo resultado.

Ahora les dejo el codigo completo

<html>
<head><title>Metodo de la Burbuja</title>
</head>
<body>
<center>
<br><br><br><br>
Numero 1:<input type="text" id="num1" value="5"><br><br>
Numero 1:<input type="text" id="num2" value="4"><br><br>
<input type="button" value="Cambiar 1" onclick="burbuja1()"><input type="button" value="Cambiar 2" onclick="burbuja2()">
<br>
</center>
<script>
function burbuja1()//metodo con variable
{
   var nv;
   var n1 = document.getElementById("num1").value;
   var n2 = document.getElementById("num2").value;
   
   nv=n1;
   n1=n2;
   n2=nv;
   
   document.getElementById("num1").value=n1;
   document.getElementById("num2").value=n2;
   
}
function burbuja2()//metodo sin variable
{
   var n1 = parseInt(document.getElementById("num1").value);
   var n2 = parseInt(document.getElementById("num2").value);
   
   n1=n1-n2
   n2=n1+n2
   n1=n2-n1
   
   document.getElementById("num1").value=n1;
   document.getElementById("num2").value=n2;
}
</script>

</body>
</html>

bueno creo que eso es todo espero sea de utilidad para alguien saludos Flamer