admin – Pagina 20 – Programmare con Javascript

Generatore di password

18 Giugno 202023 Ottobre 2014 di admin

Genera una password con formato predefinito, cvcvcvcv, cioè con 4 sillabe casuali consecutive della forma cv (consonante+vocale)

</form>

function genera()

{

var consonanti=String("bcdfglmnprstvz");

var vocali =String("aeiou");

var nc=consonanti.length;

var nv=vocali.length;

var str="";

for(var i=1; i <= 4; i++)

{

x1=Math.floor(nc*Math.random());

x2=Math.floor(nv*Math.random());

c1=consonanti.charAt(x1);

c2=vocali.charAt(x2);

str=str+c1+c2;

}

document.form_password.password.value=str;

}

</script>

Osserva: dell’alfabeto di 26 lettere utilizzo 14 consonanti (bcdfglmnprstvz) 5 vocali (aeiou) con un potenziale di 144 * 54 = 24.010.000 password diverse.

Scrivi una parola nella prima cella Se nelle celle sottostanti compare una parola di senso compiuto allora hai scoperto una nuova proprietà! Se compare una parola di senso quasi compiuto puoi farla passare al primo posto con un clic. Spostamento di estremo Scambio di estremi Scarto iniziale Scarto finale Scarto di estremi Bifronte, palindromo Antipodo, … Leggi tutto

Copia testo

2 Maggio 202223 Ottobre 2014 di admin

Scrivi nella prima casella di testo. Tramite il pulsante, copia il testo nella seconda.

function copia1()

{

document.form_copia1.destinazione.value=document.form_copia1.origine.value;

}

</script>

</form>

Scrivi qualcosa nella prima casella di testo. Se c’è stato un cambiamento nel contenuto della prima casella allora verrà copiato nella seconda.

function copia2()

{

document.form_copia2.destinazione.value=document.form_copia2.origine.value;

}

</script>

</form>

Animazione > Con Array

31 Luglio 202323 Ottobre 2014 di admin

È possibile precaricare le immagini in un array e poi recuperarle con un indice.

var PATH="https://www.valcon.it/javascript/wp-content/uploads/a";

var EXT =".gif";

var FRAME=12;

var frame=0;

var codice=0;

var immagine=document.getElementById("animazione");

var immagini=new Array(FRAME);

for(i=0; i < FRAME; i++)

{

immagini[i]=new Image();

immagini[i].src=PATH+i+EXT;

}

function cambia()

{

frame++;

if(frame == FRAME)

frame=0;

immagine.src=immagini[frame].src;

}

function play()

{

if(codice == 0)

codice=setInterval("cambia()", 200);

}

function stop()

{

clearInterval(codice);

codice=0;

}

window.onload=cambia();

</script>

Animazione > Play/Stop

31 Luglio 202323 Ottobre 2014 di admin

Le 12 immagini, tratte da Processing.org, realizzano un’animazione se visualizzate una dopo l’altra. Agisci sui comandi di play e stop.

</div>

var PATH ="https://www.valcon.it/javascript/wp-content/uploads/a";

var EXT =".gif";

var FRAME =12;

var frame =0;

var codice =0;

var immagine=document.getElementById("animazione");

function cambia()

{

frame=frame+1;

if(frame == FRAME)

frame=0;

immagine.src=PATH+frame+EXT;

}

function funPlay()

{

if(codice == 0)

codice=setInterval("cambia()", 200);

}

function funStop()

{

clearInterval(codice);

codice=0;

}

cambia();

</script>

Animazione > Roll over

31 Luglio 202323 Ottobre 2014 di admin

Passa con il mouse sull’immagine

var PATH="https://www.valcon.it/www/wp-content/uploads/"

var frame=0;

function cambia()

{

frame++;

if(frame == 10) frame=0;

document.animazione.src=PATH+frame+".gif"

}

function play() { id=setInterval("cambia()", 500) }

function stop() { clearInterval(id) }

cambia()

</script>

Animazione > Play/Stop

31 Luglio 202323 Ottobre 2014 di admin

Agisci sui comandi di play e stop

var PATH="https://www.valcon.it/javascript/wp-content/uploads/";

var EXT=".gif";

var immagine=document.getElementById("animazione");

var FRAME=10;

var frame=0;

var codice=0;

function cambia()

{

frame++;

if(frame == FRAME)

frame=0;

immagine.src=PATH+frame+EXT;

}

function play() { if(codice == 0)

codice=setInterval("cambia()", 500);

}

function stop() { clearInterval(codice);

codice=0;

}

window.onload=cambia();

</script>

Immagini da 0 a 9 > 3

31 Luglio 202323 Ottobre 2014 di admin

Ci sono 10 immagini disponibili (da 0 a 9) che possono essere sfogliate: clicca sui pulsanti per cambiare il frame.

var PATH="https://www.valcon.it/javascript/wp-content/uploads/"

var frame=0

cambia(0)

function cambia(delta)

{

frame += delta;

if(frame == -1) frame=9;

if(frame == 10) frame=0;

document.animazione.src=PATH+frame+".gif"

}

</script>

Immagini da 0 a 9 > 2

31 Luglio 202323 Ottobre 2014 di admin

Ci sono 10 immagini disponibili (da 0 a 9) che possono essere sfogliate: clicca sull’immagine per cambiare il frame

var PATH="https://www.valcon.it/javascript/wp-content/uploads/"

var frame=0

function cambia()

{

frame++;

if(frame==10) frame=0;

document.animazione.src=PATH+frame+".gif"

}

cambia()

</script>

Immagini da 0 a 9 > 1

13 Giugno 202023 Ottobre 2014 di admin

Ci sono 10 immagini disponibili che possono essere sfogliate. Scegli il frame da 0 a 9.

var PATH="https://www.valcon.it/javascript/wp-content/uploads/"

var frame=0

function cambia(f)

{

frame=f;

document.animazione.src=PATH+frame+".gif"

}

cambia(0)

</script>